CARA MEMBUAT GRAVATAR DI KOMENTAR

Begini caranya :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML
4. Klik Download Template Lengkap, untuk berjaga-jaga backup dulu templatenya
5. Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
6. Letak kan kode ini di atas kode ]]></b:skin>


.avatar-image-container img{ background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivLscve_suMpkQmL_1yKaZfFzcsl-L99VcyuKAPriT7_bj9Smy-ymMKsoUw0IWxCovZC_0rK98Js3Jelf44_iKmet_ginXNSkL7D-eEM3tCbEQgyVnQR4O3aAYPJpvVXj4uQDpCQ6Y2G0/s320/blank_gravatar.jpg)no-repeat; height:35px; width:35px; }


7.Carilah kode berikut pada template anda :

<dl id='comments-block'> (sebagian template kode ini ada yang dua jadi harus ganti semua)

atau kode ini <dl class='comments-block' id='comments-block'>

8.Gantilah kode tadi dengan kode berikut :


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>




9.Carilah kode berikut :


<a expr:name='data:comment.anchorName'/>

10.Hapus kode tadi lalu ganti dengan kode berikut :

11.kalau tidak ketemu cari kode ini

<b:if cond='data:comment.authorUrl'> taruh kode di bawah ini diatas kode yang berwarna kuning muda


<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>



11. Klik tombol SIMPAN TEMPLATE.

»»  read more

Cara Pasang Kotak Komentar Dibawah Postingan

Apakah kotak komentar di blog anda tidak muncul di bawah postingan ? jika tidak muncul maka Maka perlu melakukan sedikit mengedit pada HTML template anda.Fungsi kotak komentar ini adalah agar pengunjung blog anda dengan mudah untuk berkomentar di blog , karena pengunjung dapat melihat kotak komentar disetiap postingan anda.soalnya ada sebagian template yang kotak komentarnya nggak muncul secara otomatis.

Cara supaya kotak komentar muncul di bawah postingan :

1-Log in ke account blogger anda.
2-Klik setting ---> klik comments, pada halaman ini cari tulisan comment form placement terus beri centang bulatan kecil pada tulisan embedded below post dan klik save setting


3-Nah jika sudah selesai Klik Layout--->edit html, jangan lupa centang kotak kecil EXPAND TEMPLATE WIDGET.
4-Cari code di bawah ini di dalam Template Anda:


<b:include data='post' name='comments'/>


5-Jika sudah ketemu copy pastekan kode di bawah ini tepat di bawah kode no 4 :

<b:include data='post' name='comment-form'/>

Kemudian save template

»»  read more

Marquee dengan Image

contoh marquee dengan image

buatlah gambar yang anda sukai terus upload ke photobucket setelah mendapat alamat gambar gantilah http............ dibawah ini dengan alamat gambar anda sendiri


dibawah ini adalah contoh marquee dengan image


<marquee behavior="scrool" direction="right" style="position: absolute; right: 175px; top: 171px; width: 660px; height: 655px;" scrollamount="2">
<img width="60" src="http://i909.photobucket.com/albums/ac297/heryymanjala/kok2.png" height="40/"/>
</marquee>
silahkan copy paste kode dibawah ini dan modifikasi tergantung anda sendiri

contohnya

atau marquee bendera translate seperti di bawah ini

<br />


<p>

<marquee onmouseover="this.stop()"direction="right" onmouseout="this.start()"scrollamount="3" scrolldelay="150" >

<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZopyLeVWQhKJL_qn0Jq54pCULVoyKBYSdY7o6AQoV0uDm3AJE5mgRgO8ojVo7_dtF_I4mPPMobminmY8kfYbMWZ8frMsglh7RshveW-0GQUyn8JLGD-hMhKX9NCjbec2knhk3AZm80uI/s320/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJwlOdB-wq-bmKzzkwVIV-GiDWMSnnyoO_wMR5UNetQUZ8AE24dgajJ2JjRoL_Amii4ebIBPDnYzVhy69Vt24p4kkV3bRlLeYYru9x9gVEk93hVTbQgyc3qISi4oGYgDzD6yUb3psSfw/s320/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL0BEb1RqXFE_BmZuscPGeFZqpmXHnxDc094H55yRqc6kDoA5AgWiNgqcGNmKf8LP0oMBBXpAHIRgsigiP5GLWEBJnZRKGSg_YTDTnAHJUEBO5D6r5y1RVTcqa1d1jNhNGQd72mnUoi8g/s320/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEithSf2HSU5_ONjXbTWb9kG-TjpJn7z8mE1IIQeW1e1QBikaulW0oqUOrUR1rFnXRAjXWHhaq-6HtbQZjdOfVoU0Eg9sqCKP0sJZfC_OPHOvzRxgMs9Ep5-gRs1npIG1iqGIzt20ZIFrDs/s320/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tfyO9rFjCMJAxJtxIGZLXuEsBvWwVMrgjEG_G0H9jVLxbtW7mUWe-RuIOofNYhLWzqmtHNNJ-m12amjKiGuO_n40zAdzLUvyROoCE1K3mSYKzDvO7x_tJgP2IwvRzOqvf-cPcQsgBSI/s320/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBeXGUEdEMo31yqgImJPGfSE5B8kTXGRuNklwdTg-13eOZOLaka7Tsc-KuPTHmMw_Ns-4_sBtIyDyurUH4_V-rztrrhz87p-OZP7QkjUJhRw9tzu77NYRee7Ps2TnOSKgITNaGTx8qakQ/s320/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipA2IKTqKywrC7J-7p_dkOc0Brosg7nJmzZEAe8LZjXKmtOQXQYLWItvKHVhsA-bURZeTSSN_yzZg1vaYhDyAxPCFcLKP2r8Y1Fps7MCyRgfy7hv_AFNEEhN1TVSzTFw2kAJpoCH4daCk/s320/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkWEeaQLuiK6uG6kUkTS05oQCFW7Bmw8RY0rDnWh-SxHLDYhsUlbsy3Igg3CpYG3QbUe_kwBg4CSnRxHVGpPMHxlu7MjrFxBOCcWIUW0E6W54ev_Wv8TWYiGEc691igsSs15mNf8KUm0A/s320/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWj9kifcJAZ31Jz-zuobb93I1XDGna3JbZztspAhdaXQ_TDCRL2dne_wht5CA97DsRnUAD9ZcrfqkK0lSTdnIPWPpoP_Cv-AH9jqMJNYNPCiC5YRwpXSuteU27_izJP-Jprv5hedbXqDo/s320/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTdzv-UDZFw1FpL7beSam55iMnVbniIRSIk3ySmx0ExIymyt7RRA1tsP7Zra5vSRKOdwZl0x7YMIYX9vb8HDVcsS4h4cyzwpKIOVb4Ty9t6zuV7dGLZs2j3vgV_8yszWx5uDMvYEBgNWc/s320/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMxcQ59aTgkqVhadU68i6YRlzJQl0uysxRu3BxS-8nP5s4Yruka6N_np96nSrVKApPmJcBsGbn7L3b9g98PXlvJFhm56MFtbYau53sAjSK0VtemcsxddjfDWkqBo3GVmkiFfW6CkzMTA/s320/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgioyU9LO-RVTyxa36kOQbkmjBqUiazEOinlnHUqAvOM4VzaspsWd2qDlIDZQ5yWiZKTi0oS-dmMssdH3ARRfzRNiWjtvHXbWJWv5_wiuVV0XBJM7-60B1QQko_qCm-e58a9wIgDWNlFE/s320/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
</center></div> <div style=ã¢ï¿½ï¿½font-size:10px;margin:8px 0px 3px 0pxã¢ï¿½ï¿½>


</div></marquee></p>

Contoh marquee diatas coba anda lihat translate this page di blog ini

atau yang ini

<br />



<p>

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="150" bgcolor="none">

<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidQtg-kPQG_hoymAzwrsaYumOnE-PGrEYbiU3unbpLz5SM33ulKrTUgVabeZJSspfZ9qcI8zQv5-pX0Gw7YL-ODWm5vdeSe7biYR7tW5orS-sndF-2dj-fosBMFWAIffVj_R0LdKhqrUg/s320/ega+%289%29.jpg" width="90" height="90" />

</a>

<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCnCe6T8mEeGERYZeNWgW2kUDKFsB7eHCU3hX4Gw0jv79vfd2tplzjTUEBpg_Cqx952JBhsG96JK1Mp1uKpJYWv1FACh6VFNqTNfHs_xR538UtNgxEqpQ1A4eZ5bimrvsJ0Xf9-y_Eccg/s320/ega+%2814%29.jpg" width="90" height="90" />

</a>

<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1nUK-Fmx7xu2HBoLXgN1PGnv1PY0Zr681gXCvCDMwGqEqo0xuwRj99l-4q2deBdpbN9ZdUZ9djQFTc0MeIxhqr4CnJ_P8cJk6SnFo_MlBhph9fda6PXFBDzd4eoLbvF6nS_hN9DYyk_I/s320/ega+%2813%29.jpg" width="90" height="90" />

</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5tQ329L3NOvYVrUED7SjMFayZ-VMdI767fHrfusLHTCB6Z1S5kT1r1K1BnJX9CF1qwMkjCVO7le8FuyJJfD3T8L05Cz2HUkjiFrj68LKz5VEX3573oaBZaz1W2LfL1EQaIELZeh2oKes/s320/ega+%288%29.jpg" width="90" height="90" />

</a>

<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij30wlsypwnM__wRIK494oDrgaoLI9wx6YyKoxN3DNJJmVXVvA5tWGg6bAvNHAfs_tg_BhvlwR3gXOWirKJs-ugVPzpVlq7wWZKdbvrT8equk2x0PPTLKyMjbdQbJmFSpilGD74I56spo/s320/ega+%285%29.jpg" width="90" height="90" />
</a>

<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidAVS84A3VCqqQzcH2lQD0OgsMS3Z9eX7FM4o8wJ9rC0MDZ9QaZuJhSX_TuwG03yPAvjJ9O6CbWc8d-Xn0r9TTo-trzBeNhmdIBfgdw6G1y8rVe-I_CwoEbtobOBgKGAKprca8Q2Z-xo8/s320/ega+%287%29.jpg" width="90" height="90" />

</a>


<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0FithfwCcqwUKlnXsWfSc2YBoyHDTChvMT5n2_2vh61G_zFCrJzGrtxQC_j0lgSFrtHi_dPHZmTCgdPDmFpBjUjJjvJ54wcg16o7pX1kip2tVaNI7MY5an99gJ2bIMoMza1NUbtUfkMc/s320/ega+%284%29.jpg" width="90" height="90" />
</a>


<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBJkkQQZtw-cFu3PfxBWTqCEIivCFZ4NO6EfFgsO_vUFAvbR7ZfgmWr2p4gOnIBTJ3p9TtFEKHH-l_GJyav4N2dyINQ-XBvNU7UV82R3Gz1ItP2cQHTnN0y5VTZoScsY54X4tCdoN1Dgc/s320/ega+%282%29.jpg" width="90" height="90" />
</a>


<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmC11rVtgjQn4IXVg9I2uqEv9YP1WRXTZIE9_qtwuLWQY3k7owBNWYUhUHQ6MaSNmgF2z5Ws1oq7efSmunwNIxO9-9QN8L2yXNMLxH0YxWoiUkb8EOGQ7wZXMlROZS0LmZhLMF3yGt214/s320/ega+%281%29.jpg" width="90" height="90" />

</a>


<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiquSwubfzu4MQN17e27N5q0V0qn5pN8C41pN5Y0pwlDNQVM6Uri3ETdo4sny025REfGIfXJ8cs-NWa9f3qhDmFnH7zNi2lksA87wYjXcMsJf8n6MtWe98IxYlfmIn3_QOPfWQyfDFpsu8/s320/ega.jpg" width="90" height="90" />
</a></marquee><p></p></p>

NO 01
<MARQUEE align="center"direction="right" height="200" scrollamount="2""width="30%"> selamat malam </MARQUEE>

NO 02
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"> Anda sedang masuk blog dadiramuan </MARQUEE>


NO 03 <div align="left"><B><MARQUEE BGcolor="red" width="70%" scrollamount="3" behavior="alternate"> Selamat jalan semoga sukses </MARQUEE></b></FONT></div>

NO 04
<marqueeonmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"direction="up"width="50%" height="200" align="center"> selamat siang </marquee>

Selanjutnya tinggal selera anda menggantinya Dibawah ini keteranganya BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan Scroll --> teks bergerak berputar Slide--> teks bergerak sekali lalu berhenti Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik ) TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik LOOP="angka|-1|infinite" --> Mengatur jumlah loop WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

»»  read more

Cara mengatasi Follower Yang Tidak bisa dI Klik

Mungkin Anda pernah menjumpai atau mengalami follower yang tidak bisa diklik,seperti punya saya . Saya sendiri tidak pernah menyadarinya ,untuk itu saya ucapkan terima kasih kepada Sobat Satriyo yang telah memberitahu. Bila ini di abaiakan maka pengunjung yang mengklik pada follower tidak akan bisa, dengan kata lain penginjung tidak bisa melihat blog kita.

Dalam beberapa hari saya berusaha otak atik akhirnya ketemu juga permasalahannya

sebelum saya rubah seperti dibawah ini


sesudah di setting dan berhasil di klik seperti di bawah ini


Langkah pertama sign in dulu di follower
Kemudian klik SITE SETTING



Kemudian KLIK PAKAI YANG ITU SAJA
atau juga dengan menambahkan tautan dan isilah tautan dengan alamat url anda ( alamat blog anda ) atau abaikan saja


Kemudian akan muncul jendela seperti ini pilih saja tulisan blogger (harus memmpunyai blog sendiri ) jangan pilih google karena setting saya yang pertama memilih google jadi tidak bisa di klik ke blog kita



setelah itu ikuti proses selanjutnya anda keluar di jamin follower anda akan bisa di klik

mudah mudahan bermanfaat

SUMBER http://savalia2001.blogspot.com

»»  read more

CARA PASANG TOOLBAR WIBIYA SANGAT MUDAH

Cukup 4 langkah saja untuk memasang toolbar wibiya pada blog. Berikut ini cara memasang toolbar wibiya pada blog :

Langkah Pertama

1. Kunjungi wibiya.com, atau Klik disini Kemudian

2. Klik get It now

3. Di halaman Create An Account, isi dengan data yang diminta. Selanjutnya klik tombol Next terletak di sebelah kiri

Langkah Kedua Anda berada di halaman Select A Theme, pilih salah satu tema yang anda sukai. Kemudian klik tombol Next.

Langkah Ketiga Di halaman Select Your Apps, wibiya.com telah menyediakan fitur-fitur lengkap buat anda. Namun jika anda tidak berkenan dengan salah satu aplikasi yang disediakan, anda boleh menghapus aplikasi tersebut. Jika sudah, Klik tombol Next untuk melanjutkan.

Selanjutnya anda diharuskan untuk mengisi form berikut. Isi data sesuai yang diminta. Jika sudah, klik tombol Done.

Langkah Keempat Di halaman Add It, pilih icon blogger jika anda mau memasang toolbar wibiya pada blog anda di blogger. Ikuti saja langkah-langkah berikutnya, maka secara otomatis toolbar wibiya akan terpasang melintang Horizontal pada bagian bawah blog anda.

Jika toolbar wibiya tidak terpasang pada bagian bawah blog anda, silahkan copy script toolbar wibiya tersebut, kemudian letakkan sebelum pada halaman Edit Html.

CONTOH JADINYA SEPERTI INI LETAKNYA DI NAVBAR BAWAH BLOG INI

»»  read more

CARA MEMBERI BACKGROUND PADA JUDUL POSTING

* Masuk ke Blogger dengan ID anda.
* pilih Tata Letak.
* Pilih Edit HTML.
* Back up dulu template anda, untuk jaga-jaga jika terjadi kegagalan.
* Kasih contreng pada kotak Expand Template Widget


cari kode seperti ini

.post h3 {
margin:.25em 0 0;
margin-bottom : 2px;
padding:0 0 4px;
font-size:150%;
font-weight:normal;
line-height:1.4em;

Lalu hapus ganti dengan kode di bawah ini

.post h3 {
margin:.25em 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf1atXzZ-k4Azs2Vg8G1qed1hZjSMnO7Ks9xpN3rVcauGeKmlvmROpeM7qh62Dxr9C-4B-XmckR-Azw30z9PUzNUyC6-KHsGKRmfw-Cwr6ugMDQyJIRy9QT1IRp2jn32SbjOfE8qyeb0E/s320/Untitled-1.jpg);
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
font-size:150%;
font-weight:normal;
line-height:1.4em;
color:#00008B;
color:blue; border-bottom:2px dotted white;

KET: Background:url (http://..................); bisa anda ganti dengan alamat gambar anda sendiri atau ganti dengan kode warna misal #0000ff

hasilnya seperti di bawah ini

»»  read more

CARA COPY PASTE BLOG YANG DI DISABLE

Pilih Tab Tools,lalu pilih Option terus pilih Tab Content hilangkan tanda centang di Enable Javascript sama Enable Java lalu klik ok

Nah sekarang anda coba Copy paste........

Firefox---->Tools---->Option-------->Content---->Enable Javascript + Enable Java (hilangkan tanda centang )






Setelah selesai Copy paste lakukan ke Setting semula pada Tools browser Firefoxnya
mudah mudahan bermanfaat

»»  read more

Membuat Tulisan Ada Bayangan

Membuat tulisan berbayang (shadow) itu lah topik saya kali ini. di mana suatu blog kita temukan tulisan nya berbayang. nah pasti ada yang udah tahu kan. untuk membuat nya sangatlah mudah. trik ini hanya menggunakan kode CSS dan sedikit HTML. ikuti langkah-langkah di bawah ini

* Log ini dulu ke blogger
* Tata letak
* Klik edit HTML
* Kasi tanda centang di "Expand Widget Template"
* Kemudian cari kode ]]></b:skin>
* Letak kan kode dibawah ini diatas kode ]]></b:skin>

.tshadow {
color: #000;
background: transparant;
height: 35px;
width: auto;
padding-left: 20px;
line-height: 32px;
font-size: 1.8em;
margin-bottom: 5px;
margin-left: 5px;
text-shadow: 2px 2px 3px #000; /* IMPORTANT */
}
* Simpan Tamplate anda
* Setelah itu kode untuk posting. Sobat hanya menambah kode dibawah ini untuk membuat tulisan berbayang:

<div class="tshadow">Tulisan Yang Ingin Dibuat Berbayang</div>

»»  read more

CARA MEMBUAT NAVBAR AUTO HIDE

CARA MEMBUAT NAVBAR AUTO HIDE (BILA KURSOR DIARAHKAN AKAN TAMPAK NAVBARNYA ) CONTOH COBA ARAHKAN KURSOR DIBAGIAN ATAS BLOG INI





Sign in di blogger


Klik menu Layout


Klik menu Edit HTML


Klik link Download template, save dulu untuk di jadikan backup agar aman


Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang


Cari kode seperti berikut :

</head>

Copy pastekan kode di bawah , dibawah kode </head>

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}


Bila belum berhasil letakkan seperti dibawah

*/
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
body {
font: $bodyFont;
text-align: center;
margin: 0px;
padding: 0px;
color: $textColor;
background: $bgColor;
}

MASIH BELUM BERHASIL LETAKKAN SEPERTI INI

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}

/* Headings
----------------------------------------------- */



MASIH BELUM BERHASIL JUGA IKUTI LANGKAH DIBAWAH INI


INGAT BILA MENEMUI KODE SEMACAM INI HAPUS AJA YANG WARNA KUNING
BILA KELIRU FATAL AKIBATNYA


#navbar-iframe {
display: none !important;
}


INGAT BILA MENEMUI KODE SEMACAM INI HAPUS AJA YANG WARNA KUNING
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}

JIKA MENEMUI KODE SEPERTI INI HAPUS SEMUA
#navbar-iframe {
display: none;
}

GANTILAH DENGAN KODE DIBAWAH INI bila belum berhasil pastekan diatas kode yang anda hapus tadi

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}

UNTUK MEMPERCEPAT MENCARI KODE DIATAS TEKAN CONTROL F DAN COPYKAN KODE DI BAWAH INI KEDALAM KOTAK YANG BERTULISKAN FIND (CARI)

»»  read more

BACKGROUND PADA FORM KOMENTAR

CARA PERTAMA

Untuk membuat formulir komentar ber background, ikuti langkah berikut:
1. Layout Edit HTML
2. Expand Widget Templates.Periksa Expand Template Widget.
3. Cari kode dibawah ini


#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

Kemudian ganti dengan Kode di bawah ini
#comments-block .comment-author {
background:#FFCC66; /* warna text Nama komentator */
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
#comments-block .comment-body {
background:#FFFF99; /* warna background komentar pengunjung */
margin:.25em 0 0;
}
#comments-block .comment-footer {
background:#CCCCCC; /* warna background footer komentar */
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

ATAU CARA KEDUA IKUTI LANGKAHNYA:

1. Layout Edit HTML
2. Expand Widget Templates.Periksa Expand Template Widget.
3. Cari kode <div class='comment-form'>berikut
4. Setelah Anda menemukan Ganti dengan kode berikut,

<div id='mGm-form'>

5. Sekarang cari kode ]]></ b: skin>

6. copy dan paste kode di bawah ini dan letakkan diatas ]]></ b: skin>

#mGm-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-Z8xET4k7e8nfosB0uWt84Je1FG562xWP7ENVdvkmD3YjEKADA2S_7PXdNqUxxmCOdCns5scTFyzI6sHUbw-EFa_KZ2qUa7ixQO_J8CvMEr3MRz5UVs5CF3dde_3ru8tbSLMt0lvE9A/s320/385512.jpg) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#mGm-form iframe:hover{
background:#000000 url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_t227107477_72238_7.gif);
border:7px solid #999FFF;
}
#mGm-form a{
color:#7EB2AC;
}

7. Kemudian simpan


contohnya seperti di bawah ini atau lihat pada form komentar blog ini

»»  read more

MEMASANG FUNGSI SCROOL WIDGET

1. Login ke Blogger.

2. Tuju Tata Letak > Edit HTML.

3. Backup dulu templatenya.

4. Cari kode seperti ini.

Code:

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>

<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>

<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>

<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>

<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>

Kode title adalah judul dari widget. Apabila tidak diberi judul maka kodenya adalah title=''. Yang harus anda perhatikan dengan seksama adalah kode id='BlogArchive1'. Perhatikan pada bagian BlogArchive1. itu adalah id dari widget Arsip Blog.

Nah, lalu kita cari kode ]]></b:skin>. Nah, lalu ketikkan seperti ini diatasnya.
Code:

#BlogArchive1 .widget-content{
height:200px; /* Tinggi yang diinginkan */
width:auto;
overflow:auto;
}

Ganti bagian BlogArchive1 dengan id dari widget yang diinginkan. Misalnya Label1 atau Followers1. Kalau sudah klik Simpan Template.

CONTOH WIDGET LABEL YANG DI BERI SCROOL

»»  read more

CARA MEMBUAT RANDOM POST SLIDE SHOW

1. Login ke blogger dengan ID anda.
2. Klik LAYOUT.
3. Klik ADD A GADGET HTML JAVASCRIPT




COPY PASTE KODE DI BAWAH INI

<style type="text/css">
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
</style>

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://savalia2001.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>

<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>

Ket
"http://savalia2001.blogspot.com/"; ganti dengan url anda


MUDAH MUDAHAN BERMANFAAT

»»  read more

Scrool Body Posting

Postingan kali ini saya akan membahas bagaimana caranya memberi Scroll pada Body Postingan, caranya sangat mudah sobat tinggal memasukkan sedikit kode kedalam Template.
Berikut cara memasangnya :

Login ke Blogger
Klik DESIGN → Edit HTML
Kemudian cari kode .post {
Atau lebih jelasnya seperti berikut

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #000000;
padding-bottom:1.5em;
}

Jika sudah ketemu tambahkan kode berikut kedalamnya

height:350px;
overflow:auto;

maka hasilnya akan seperti dibawah ini :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #000000;
padding-bottom:1.5em;
height:350px;
overflow:auto;
}

Keterangan :

Bila template sobat belum kelihatan scrool atau scroolnya berlebih bisa di tambah dengan

widtht350px; atau lebih lengkapnya seperti ini

height:350px;
widtht:500px;
overflow:auto;
}


kode height:350px; merupakan tinggi yang akan ditampilkan, sobat bisa menggantinya sesuai tinggi yang sobat inginkan.

widtht:500px;merupakan lebar yang akan ditampilkan, sobat bisa menggantinya sesuai lebar yang sobat inginkan.

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

»»  read more

CARA MEMBUAT READ MORE OTOMATIS

* Masuk ke Blogger dengan ID anda.
* pilih Tata Letak.
* Pilih Edit HTML.
* Back up dulu template anda, untuk jaga-jaga jika terjadi kegagalan.
* Kasih contreng pada kotak Expand Template Widget
* Cari kode </head>
* Copy kode dibawah ini kemudian paste tepat diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

* Berikutnya cari kode <data:post.body/> kemudian kode tersebut ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
* Klik tombol Simpan Template

Ket :

var thumbnail_mode = "float"
dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 430;
Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail
summary_img = 340
Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail
img_thumb_height = 100
Thumbnail 'tinggi dalam piksel
img_thumb_width = 120
Thumbnail 'lebar dalam piksel
READ MORE
Bisa diganti dengan tulusan apa saja contoh Next Read, Baca Selanjutnya dll

* Lihat perubahan pada Blog Anda.

»»  read more

EFEK KEMBANG API

LANGKAHNYA ADALAH SEBAGAI BERIKUT

* Log/sign in ke account blog kita
* KLik layout (tata letak), kemudian klik Edit HTML
* Jangan lupa download full template untuk jaga-jaga terjadinya kesalahan....
* Cari kode di bawah ini dengan menggunakan ctrl+F di keyboard untuk memudahkan pencarian



hover



* Setelah ketemu copy kode di bawah ini setelah/sejajar dengan kode di atas



{ color: #000FFF; text-transform: uppercase; font-weight: bolder; font-size: 20px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }



* Awas kurung kurawalnya {............} jangan sampai double...!!!

* Rubah tulisan yang berwarna biru sesuai dengan keinginan, color: untuk perubahan warna saat pointer d sentuhkan , font-size: untuk perubahan besarnya ukuran huruf saat pointer disentuhkan

* simpan template/save apabila telah selesai

Bila template anda tidak memakai hower anda harus cari kode di bawah ini

/* OUTER WRAPPER
----------------------- */
#outer-wrapper {
font: $bodyFont;
width: 1010px;
margin: 0px auto 0px;
background-color: bgcolor;
}

a:link {
color: $linkColor;text-decoration:none
}
a:visited {
color: $visitedlinkColor;text-decoration:none
}

Bila sudah ketemu tambahkan kode dibawah ini

a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

Di bawah kode
a:visited {
color: $visitedlinkColor;text-decoration:none
}

»»  read more

RUNNING TEKS PELANGI

Bila anda ingin memasang running teks pelangi Masuk Blogger anda kemudian klik design--- Add a gadget --html/javascript Copy Paste kode di bawah ini



<center><marquee direction="LEFT" behavior="scroll" scrollamount="5"><font size="6"><b>
<script language="JavaScript" type="text/javascript">
<!--
var text="SELAMAT HARI RAYA IDUL FITRI 1 SYAWAL 1431 H MOHON MAAF LAHIR & BATIN " // Teks yang ditampilkan
var speed=80 // kecepatan berubah warna

if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C",
"A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
//-->
</script>
</b></font></marquee></center>

KET

UNTUK HASIL BIAR LEBARNYA BISA FULL LETAKKAN WIDGET HTMLNYA DIATAS SEPERTI GAMBAR DI BAWAH INI ( ADA SEBAGIAN TEMPLATE YG TDK MENDUKUNG )







Untuk besar kecilnya huruf bisa anda ganti yang berwarna merah

Teks berwarna merah ganti dengan tulisan anda sendiri

»»  read more

MEMBUAT DAFTAR ISI OTOMATIS

MEMBUAT DAFTAR ISI OTOMATIS

1. log in ke blogger.com
2. tata letak
3. edit HTML, trus cari kode ini :

<b:include data='post' name='post'/>

kalau sudah ganti kode di atas dengan kode di bawah ini :




<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>



trus masuk ke elemen halaman, tambahkan elemen halaman trus klik HTML/Java script, trus masukkan kode di bawah ini :


<a href="http://alamat blog kamu/search?max-results=200"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>

»»  read more

Pesan Pembuka & Penutup Blog

1. Login ke Blogger.
2. pilih Layout ==> Edit HTML
3. letakkan kode berikut dibawah tag<HEAD>


<script type='text/javascript'>
var name = prompt("Hallo..wellcome... youre name..?", "write here");
alert("how are you "+name)
alert("enjoy at my blog...")



4. Simpan. Lihat Hasilnya selamat mencoba
5. Teks hallo welcome youre name write here..... bisa diganti terserah selera anda

Pesan pembuka sederhana

COPYKAN html SEBELUM KODE <HEAD>

<script language="JavaScript">alert("lets begin");</script>

Pesan Penutup

<script type="text/javascript">
// goodbye alert
function goodbye(){
alert('TERIMA KASIH TELAH BERKUNJUNG DI BLOG SAYA');
}
parent.window.onunload=goodbye;

</script>

»»  read more

Cara Memasang Search Engine

>Untuk membuat sebuah Search Engine pada sebuah blog, sebenarnya mudah karena ANDA hanya membuatkan sedikit kode HTML, scriptnya seperti ini :



<form id=&qut;searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"/>



>Yang perlu ANDA perhatikan adalah tulisan yang saya cetak BIRU yaitu http://AlamatBlogAnda.blogspot.com/search, tulisan AlamatBlogAnda harus ANDA ganti tentunya dengan alamat blog ANDA yang ingin di pasangi seacrh engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan http://bio212.blogspot.com/search. Selain itu, ada juga yang bisa ANDA ubah yaitu di bagian kode --> value="Search". Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, apabila ANDA ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan tersebut ingin di ubah menjadi Cari atau Go.


>Untuk cara pemasangan sama seperti kode HTML lainya, untuk template klasik silahkan ANDA cari sendiri karena masing-masing template mempunyai kode yang berbeda-beda. Untuk yang template baru, ANDA bisa memasukannya melalui Elemen Halaman kemudian pilih yang HTML/Javascript.

»»  read more

Main Widget & Sidebar Berubah Warna

1. Membuat Main Widget berganti background


* Seperti biasa, masuk ke Blogger, Tata Letak Edit HTML.
* Back up dulu templatenya jika takut gagal.
* Cari kode untuk Main Widget seperti dibawah ini :

.main .widget{
background:#3D81EE;
border-bottom:0px solid $bordercolor;
margin:0 0 1.0em;
padding:0 0 1.5em;
}

* Tambahkan kode dibawah ini tepat dibawah kode tadi.
.main .widget:hover {
background:#0000ff;
}

* Klik tombol Simpan Template.
* Lihat Blog anda sekarang.

2. Membuat Sidebar Widget berganti background

* Masih di Edit HTML.
* Cari kode untuk Sidebar Widget seperti ini :

.sidebar .widget{
background:#3D81EE;
border:0px solid #6c6b6b;
margin:0 0 1.0em;
padding:0.5em;
}


* Tambahkan kode dibawah ini tepat dibawah kode tadi.
.sidebar .widget:hover {
background:url(http://i909.photobucket.com/albums/ac297/heryymanjala/blue212.jpg);
}

* Klik tombol Simpan Template.
* Lihat Blog anda sekarang.
atau bisa juga background diganti dengan alamat URL anda

Untuk bagian-bagian lainnya silahkan anda coba sendiri dengan berpaduan dari contoh diatas.

»»  read more