Cara Membuat Iklan 125x125 Diblog

Sebelum nya kemaren saya  share tentang cara membuat iklan yang ukuran sesuai yang kita inginkan atau setingan ukuran nya secara manual, dan pada kesempatan kali ini saya akan share lagi cara membuat iklan di blog, tapi yang berukuran 125x125, Tutorial nya juga sangar mudah dan gampang , kemaren saya praktekin di blog saya yang ini chikafe-share.blogspot.com sudah berhasil dan sudah muncul iklan nya.

Memasang iklan di blog itu sudah pasti menggunakan gambar, supaya lebih menarik dilihat oleh para pengunjung, namun para newbie mungkin kebanyakan belum pada tau tentang cara mengetahui url gambar, nah jika agan belum tau cara nya silahkan boleh baca artikel tentang cara mengetahui url gambar.

Memasang iklan berukuran 125x125 ini cara nya sangat gampang, jika agan setiap hari ketemu dengan kode html, Seperti saya ini, alhamdulilah sekarang saya sudah mulai ngerti tentang html, dan saya berpikir, kalau di dunia maya  atau internet ini tanpa html, mungkin kita tidak akan bisa menikmati berselancar di dunia maya, hahaha, loh kok bisa?  Bisa lah, coba bayangin templeate dari html juga kan, widget, juga, tanpa html , blog tidak akan muncul atau tampil templeate atau halaman nya, iya kan ? , okeh lah sudah dulu ngayal nya, dibawah ini adalah tutorial nya :

1. Buka Dasbor blog
2. Pilih Template
3 .Klik Edi Html
4. Tekan Ctrl + F kemudian cari kode ]]></b:skin>
5. Kalau sudah ketemu Letakan kode dibawah ini Diatas kode ]]></b:skin>
/*Kotak Iklan 125x125*/
#kotak-iklan-125x125 {
margin: 0px;
padding: 1px;
text-align: center; }
#kotak-iklan-125x125 img {
margin: 3px 3px 6px 6px;
padding: 1px;
text-align: center;
border: 3px dotted #000;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:10px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#kotak-iklan-125x125 img:hover {
margin: 3px 3px 6px 6px;
padding: 3px;
text-align: center;
border: 3px solid #ff0000;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:10px;
}
6. Kalau sudah klik simpan
7. Kita buka lagi Dasbor blog
8. Pilih Tata Letak
9. Klik Add Gadget
10. Copy Kode dibawah ini dan pastekan
<center><div id="kotak-iklan-125x125">
<a target="_blank" href="http://smk-teknik-informatika.blogspot.com"><img alt="banner ads" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://smk-teknik-informatika.blogspot.com"><img alt="banner ads" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://smk-teknik-informatika.blogspot.com"><img alt="banner ads" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://smk-teknik-informatika.blogspot.com"><img alt="banner ads" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
</div></center>

11. Yang agan lakukan hanyalah mengganti tulisan script di atas yang berwarna hijau dan merah .

Keterangan:
1.Warna hijau adalah link yang dituju , silahkan diganti

2.Dan yang warna merah itu URL gambar iklan nya, yang mau dipasang
Kalau sudah diganti semua, silahkan klik simpan, dan lihat hasil nya, sekian tutorial kali ini, semoga bermanfaat dan berhasil diterapkan di blog agan, terimakasih.

Cara Agar Widget Buka Tutup

Widget yang buka tutup pasti , agan agan pernah liat bukan di blog blog yang di kunjungi ? saya yakin pasti di antara kalian pernah melihat nya, di suatu blog widget nya ada tols atau ada pilihan buka tutup nya, yang di maksud buka tutup ialah di tempat widget yang di tampilkan itu ada sebuah tols atau tombol,buka dan tutup, yang jika mengklik tombol buka, maka akan muncul widget yang dikasih atau di beri script buka tutup tersebut, dan sebalik nya kalau mengkli tombol tutup, maka widget tersebut akan ditutup atau akan di sembunyikan oleh script tersebut.

 Lalu bagaimana cara membuat nya ? Okeh pada postingan kali ini saya akan berbagi tentang cara membuat widget buka tutup tersebut, Saya juga pernah mencoba nya dan menerapkan pada blog ini, fungsi dari script buka tutup ini , menurut saya adalah suatu cara juga agar loading blog tidak lelet atau cara mempercepat loading blog, di bawah ini adalah script untuk membuat agar widget buka tutup: silahkan di copas!

<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: <span style="color: red;">
<b>300</b></span>px; padding-top: 10px; height: <span style="color: red;"><b>150</b></span>px" 1px="1px" solid="solid"><br />
<i><strike>SCRIPT WIDGET NYA DISINI</strike></i><br />
</div>

Kalau masih belum mengerti  dibawah ini adalah cara detail nya

1.Buka Dasbor Blog

2.Pilih Tata letak atau layout

3.Klik pada Nama gatget yang akan di beri fungsi buka tutup tersebut

4.Copy kode script yang warna hijau tersebut, sebelum kode script widget nya (kode script yang akan diberi funsi buka tutup).

5.Dan kemudian copy kode script warna biru tersebut sesudah kode script widget nya.

6.Maka akan jadi seperti ini scrip nya:

<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: <span style="color: red;">
<b>300</b></span>px; padding-top: 10px; height: <span style="color: red;"><b>150</b></span>px" 1px="1px" solid="solid"><br />
<i><strike><td><center><a href="http://fujianto21-chikafe.blogspot.com" rel="nofollow"><img border="0" alt="Tempat Sobat Belajar Blogspot" width="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVTgfdvbXTJ11sg_yeNBR4IwldGO4hpqIHN7s02oLhhRC2j8MPDva6tlHqvq_QHlUqm50QxYRHp3hM3k5Khefukvc_DhdbiuES6PoKmvz_YWU88PuvIoAuKnS2GZpXCMvHaMHdoljyD2w/s1600/ANIMASI.gif" height="250"/></a></center></td></strike></i><br />
</div>

7.Kalau sudah klik simpan

Sekian Tutorial Blog Tentang cara agar widget buka tutup, semoga cara yang saya tulis di atas bisa bermanfaat dan bisa di terapkan di blog agan agan.Terimakasih.

Cara Membuat Emoticon Kaskus Di Komentar Blog

Sobat Blogger sudah pernah lihat kah emoticon Kaskus ? yang lucu itu, dan imut imut hehe, pada tutorial kali ini Fujianto21-chikafe akan menshare tentang cara Membuat Emoticon Kaskus Di komentar Blog, cara nya cukup mudah kok, tinggal ikuti aja langkah langkah membuat nya dibawah ini :

1. Masuk Dasbor Blog

2. Pilih Menu Template

3. Klik Edit HTML

3. Cari kode </body>  “Tekan Ctrl + F biar lebih mudah Mencari nya)

4.Kalau sudah ketemu pastekan kode dibawah ini, tepat di atas kode </body> 

<script type='text/javascript'> //<![CDATA[ a = document.getElementById('comments'); if(a) { b = a.getElementsByTagName("DD"); for(i=0; i < b.length; i++) { if (b.item(i).getAttribute('CLASS') == 'comment-body') { _str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>"); _str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' alt='' width='40' class='smiley'/>"); b.item(i).innerHTML = _str; } } } a = document.getElementById('comments'); if(a) { c = a.getElementsByTagName("DD"); for(i=0; i < c.length; i++) { if (c.item(i).getAttribute('CLASS') == 'comment-body-author') { _str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:b:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' class='smiley'/>"); _str = _str.replace(/:c:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:d:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:e:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:f:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:g:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:h:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:i:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:j:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:k:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:l:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:m:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:n:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:o:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:p:/gi, "<img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' alt='' width='40' class='smiley'/>"); c.item(i).innerHTML = _str; } } } //]]> </script>

5. Kemudian Sobat cari lagi kode <p class='comment-footer'> ,dengan menggunakan CTRL +F , tekan enter tiga kali, ( maksud nya pilih kode yang ketiga )

Pastekan Kode berikut, dibawah kode <p class='comment-footer'> yang kedua

<b><img src='http://uniqueinterestingfacts.com/blog-triks/sundul.gif' width='40'/> :a: <img src='http://uniqueinterestingfacts.com/blog-triks/jempol2.gif' width='40'/> :b: <img src='http://uniqueinterestingfacts.com/blog-triks/bingung.gif' width='40'/> :c: <img src='http://uniqueinterestingfacts.com/blog-triks/ngakak.gif' width='40'/> :d: <img src='http://uniqueinterestingfacts.com/blog-triks/hammer.gif' width='40'/> :e: <img src='http://uniqueinterestingfacts.com/blog-triks/najis.gif' width='40'/> :f: <img src='http://uniqueinterestingfacts.com/blog-triks/capede.gif' width='40'/> :g: <br/><img src='http://uniqueinterestingfacts.com/blog-triks/s_sm_maho.gif' width='40'/> :h: <img src='http://uniqueinterestingfacts.com/blog-triks/takut.gif' width='40'/> :i: <img src='http://uniqueinterestingfacts.com/blog-triks/sorry.gif' width='40'/> :j: <img src='http://uniqueinterestingfacts.com/blog-triks/marah.gif' width='40'/> :k: <img src='http://uniqueinterestingfacts.com/blog-triks/ngacir2.gif' width='40'/> :l: <img src='http://uniqueinterestingfacts.com/blog-triks/I-Luv-Indonesia.gif' width='40'/> :m: <img src='http://uniqueinterestingfacts.com/blog-triks/cewek.gif' width='40'/> :n: <img src='http://uniqueinterestingfacts.com/blog-triks/shakehand2.gif' width='40'/> :o: <img src='http://uniqueinterestingfacts.com/blog-triks/malu.gif' width='40'/> :p: </b>

6.Kemudian Save Template Anda ^_^