Kadang untuk membuat sebuah blog menjadi beda dari yang lain, seseorang menambahkan sebuah intro blog. Halaman intro blog ini biasanya menampilkan "inti" dari blog itu. Bisa berupa logo, foto pemilik blog, banner blog, atau hanya sekedar judul blog. Baiklah tanpa berlama-lama saya akan jelaskan bagaimana membuat sebuah intro blog.
Dan langkah-langkahnya sebagai berikut:
1. Login ke blogger.com dengan ID anda.
2. Masuk ke settingan TATA LETAK / LAYOUT.
3. Klick EDIT HTML.
4. Lalu cari Kode yang seperti ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='contoh (Header)' type='Header'>
<b:includable id='main'>
5. Jika sudah ketemu kemudian Copy Kode dibawah ini lalu Paste persis dibawah Kode tersebut diatas.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>body{background-color:#000000;background-image:none;}#intro-blog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#es{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#es{display:none;}#intro-blog{display:none;}</style></b:if>
<style>body{background-color:#000000;background-image:none;}#intro-blog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#es{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#es{display:none;}#intro-blog{display:none;}</style></b:if>
6. Lalu Copy Kode yang dibawah ini dan Paste dibawahnya Kode <body>
<div id='intro-blog'><data:blog.pageTitle/></div><div id='es'><a expr:href='data:blog.homepageUrl + "search/label/?max-results=3"'><blink>Enter Site</blink></a></div>
7. Lalu SAVE TEMPLATE / SIMPAN TEMPLATE
8. Untuk mengganti warna background ganti tulisan yang berwarna MERAH dengan kode warna yang diinginkan.
9. Untuk menggunakan gambar sebagai tampilan INTRO , Ganti Kode yang saya beri tanda warna HIJAU dengan link gambar.
*Berdasarkan pengalaman, kode di atas mungkin butuh penyesuaian untuk setiap template yang berbeda, silakan tinggalkan komentar di bawah ini, saya siap membantu apabila soba blogger perlu bantuan. ^_^
Referensi : Per2nak-nik
Referensi : Per2nak-nik
Post a Comment