Ingin mempunyai Homepage web atau blog yang lain daripada yang lain? ingin membuat Homepage unik?
Kali ini kami akan berbagi tips, cara mengubah halaman home page (bukan Pop Up) pada sebuah blog. Untuk lebih jelasnya langsung kami akan menunjukkan langkah-langkahnya.
Langkah-langkahnya adalah sebagai berikut:
1. Login ke blog anda.
2. Di halaman Dashboard klik "Rancangan".
Kali ini kami akan berbagi tips, cara mengubah halaman home page (bukan Pop Up) pada sebuah blog. Untuk lebih jelasnya langsung kami akan menunjukkan langkah-langkahnya.
Langkah-langkahnya adalah sebagai berikut:
1. Login ke blog anda.
2. Di halaman Dashboard klik "Rancangan".
3. Kemudian klik "Edit HTML" dan jangan lupa
centang kotak kecil yang bertuliskan "Expand Template Widget".
4. Cari kode <div id='header-wrapper'> dan seperti yang ada dibawah inilah kode lengkapnya.
<div
id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Catatan Pena (Header)' type='Header'>
<b:includable id='title'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Catatan Pena (Header)' type='Header'>
<b:includable id='title'>
5. Perhatikan kode diatas, ada tulisan <b:includable id='title'> dan
sekarang silahkan anda copy/paste kode yang ada dibawah ini kemudian letakkan
tepat dibawah kode <b:includable id='title'> tersebut.
<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. Langkah selanjutnya adalah mencari kode <body> kemudian
copy/paste kode yang ada dibawah ini dan letakkan tepat dibawah kode
<body> tesebut.
<div
id='intro-blog'><data:blog.pageTitle/></div><div id='es'><a
expr:href='data:blog.homepageUrl + "search/label/?max-results=23"'><blink>Masuk</blink></a></div>
Apabila anda menginginkan tampilan intro blog anda adalah sebuah
gambar, maka ganti tulisan yang berwarna Merah pada kode diatas dengan URL
gambar anda. Kodenya menjadi seperti yang ada dibawah ini.
<div
id='intro-blog'><img alt='davotmarbun'
border='0' src='http://Alamat URL Gambar Anda.jpg' style='width: 350px;
height: 90px;'/></div><div
id='es'><a expr:href='data:blog.homepageUrl +
"search/label/?max-results=23"'><blink>Masuk</blink></a></div>
7. Langkah terakhir Save Template blog anda.
Keterangan :
* Tulisan yang berwarna Hijau adalah warna latar belakang dari intro blog tersebut, silahkan anda rubah
* Tulisan yang berwarna Biru adalah jumlah postingan yang akan ditampilkan, silahkan anda rubah.
* Untuk mengganti ukuran lebar dan tinggi dari gambar anda, silahkan rubah nilai width danheight pada kode tersebut.
* Yang bertuliskan "Masuk" bisa anda ganti dengan tulisan anda sendiri.
* Tulisan yang berwarna Hijau adalah warna latar belakang dari intro blog tersebut, silahkan anda rubah
* Tulisan yang berwarna Biru adalah jumlah postingan yang akan ditampilkan, silahkan anda rubah.
* Untuk mengganti ukuran lebar dan tinggi dari gambar anda, silahkan rubah nilai width danheight pada kode tersebut.
* Yang bertuliskan "Masuk" bisa anda ganti dengan tulisan anda sendiri.
0 komentar:
Posting Komentar