Membuat Blog Intro (Gambar) di Blog

 Sebuah blog jarang di temukan menggunakan intro blog, karena mungkin memang susah membuatnya di blog tidak seperti di web.  Kebanyakan blog mulai dari halaman sampai halaman akhir template nya tidak berubah sama sekali, tetap itu aja seperti di halaman awal.  Sudah tau apa itu intro blog ?  Intro blog ini adalah template awal saat kita membuka blog, mungkin bisa di pasang gambar, banner blog ataupun hanya sekedar judul blog.

        Kadang desain atau tampilan blog yang berbeda dari blog lain itu sangat sering di kunjung, karena memang terlihat unik dan menarik perhatian pengunjung agar datang ke blog lagi dan lagi.  Nah.. salah satunya adalah membuat intro blog.  Demo nya bisa di lihat di link berikut http://mencobago.blogspot.com/ , tertarik kagak ? pastinya dong ^_^

Berikut langkah - langkah membuat intro blog

  1. Login ke blogger
  2. Lalu klik 'Design' > 'Edit HTML' > centang 'Expand Widget Templates'
  3. Letakkan kode berikut di bawah kode <b:includable id='main'> (yang paling atas)
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <style>body{background-color:#ffffff;background-image:none;}#akatsukiblog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#deopradipta{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#deopradipta{display:none;}#akatsukiblog{display:none;}</style></b:if>

    #Ganti kode yang berwarna
     hijau dengan kode warna yang sesuai dengan gambar
  4. Setelah itu letakkan lagi kode berikut di atas kode </body>
    <div id='akatsukiblog'><data:blog.pageTitle/></div><div id='deopradipta'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=3&quot;'><blink>Masuk ke Blog</blink></a></div>

    #Jika ingin memasang gambar ganti kode yang berwarna
     ungu dengan kode gambar
  5. Setelah itu 'Save Template' dan lihat hasilnya .. makasih ^_^

Category:  
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response.
0 Responses
Leave a Reply

Image by FlamingText.com
Image by riva'i anarkies
Image by FlamingText.com
Image by riva'i anarkies