Cara membuat Blog Intro (Image)
1 min read
Assalamu 'alaikum
ketemu lagi sama gue
Duh jam segini kaga tidur tidur gak ngantuk nih daripada bete mending ngeposting dulu aja. langsung aja ke topik crot :)
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
Login ke blogger
Lalu klik 'Design' > 'Edit HTML' > centang 'Expand Widget Templates'
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;color:#ffffff;</style><b:else/><style>#Awand{display:none;}# Awand Cyber4rt {display:none;}</style></b:if>
#Ganti kode yang berwarna hijau dengan kode warna yang sesuai dengan gambar
Setelah itu letakkan lagi kode berikut di bawah kode <body>
<div id='AwandCyber4rt'><data:blog.pageTitle/></div><div id='deopradipta'><a href='http://awand.cyber4rt.com/'><blink>Awand Cyber4rt™</blink></a></div>
#Jika ingin memasang gambar ganti kode yang berwarna hijau dengan kode gambar
#Ganti kode yang berwarna putih dengan link blog kalian
Setelah itu 'Save Template' dan lihat hasilnya ..
Gimana hasilnya gan, mantap bukan :)
Yaudah deh sampai ketemu lagi di postingan baru gue :) Daaaaah
ketemu lagi sama gue
Duh jam segini kaga tidur tidur gak ngantuk nih daripada bete mending ngeposting dulu aja. langsung aja ke topik crot :)
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
Login ke blogger
Lalu klik 'Design' > 'Edit HTML' > centang 'Expand Widget Templates'
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;color:#ffffff;</style><b:else/><style>#Awand{display:none;}# Awand Cyber4rt {display:none;}</style></b:if>
#Ganti kode yang berwarna hijau dengan kode warna yang sesuai dengan gambar
Setelah itu letakkan lagi kode berikut di bawah kode <body>
<div id='AwandCyber4rt'><data:blog.pageTitle/></div><div id='deopradipta'><a href='http://awand.cyber4rt.com/'><blink>Awand Cyber4rt™</blink></a></div>
#Jika ingin memasang gambar ganti kode yang berwarna hijau dengan kode gambar
#Ganti kode yang berwarna putih dengan link blog kalian
Setelah itu 'Save Template' dan lihat hasilnya ..
Gimana hasilnya gan, mantap bukan :)
Yaudah deh sampai ketemu lagi di postingan baru gue :) Daaaaah
Post a Comment