Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung

 Salah satu cara untuk mempercantik tampilan Kotak Komentar pada Blog kita yaitu dengan Membuat Komentar Admin Berbeda dengan Komentar Pengunjung. Maksud dari Komentar Admin Berbeda dengan Komentar Pengunjung adalah membuat warna pada komentar admin berbeda, hal ini untuk mempermudah pengunjung untuk mengetahui Admin di suatu blog.

Berikut Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung :

1. Silahkan Anda masuk ke Akun Blogger Anda.
2. Masuk ke Dashboard Blog.
3. Pergi ke Template > Edit HTML.
4. Centang "Expand Template Widget"
5. Cari kode </body>
6. Lalu copy kode dibawah ini diatas kode </body>

<script src='http://code.jquery.com/jquery-latest.js'/>

<!-- Admin comment -->

<script>

$(function() {

function highlight(){

$(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)

.css(&#39;border&#39;, &#39;1px solid #e1e1e1&#39;)

.css(&#39;background&#39;,&#39;#f1f1f1 url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXxe-ySu2mQTn2jWsyfhN1e11t37_q9pixS0hmITfHqRl3ddTNB0dQObCaHpN2za4GIMWTqVrslCvOEVb3cn34xgD2gAfz2J_nXx_mc8gVQMYLqtHUs7BMSQcrSm_4b22EvcCMFYIQWPg/s1600/admin2.png&quot;) no-repeat bottom right&#39;)

.css(&#39;padding&#39;, &#39;10px&#39;);

}

$(document).bind(&#39;ready scroll click&#39;, highlight);

});

</script>

<!-- admin comment end-->

7. Terakhir klik Save Template.

Selamat Mencoba !

Baca selengkapnya »

Gambar lucu

Kumpulan Gambar Terus Gue Harus Bilang Wow Gitu? - Hay sobat?. Kali ini saya memposting artikel dengan berjudul Kumpulan Gambar Terus Gue Harus Bilang Wow Gitu?. Sebelumnya saya sudah memposting artikel Asal Mula Kata "Terus Gue Harus Bilang Wow Gitu?". Untuk sobat yang lagi mencari gambar lucu | kumpulan gambar lucu wow gitu, berikut ini dia gambarnya :

Itulah tadi beberapa foto lucu :D. Saya akhiri dulu postingan kali ini. Semoga bermanfaat. Terima kasih.

Baca selengkapnya »

Widget animasi naruto

Wah ,, kembali lagi neh saya mencoba untuk mengshare kepada para sahabat semua mengenai cara membuat widget animasi bergerak di pojok blog. Namun pada kesempatan kali ini akan memberikan animasi animasi khusus seputar naruto. Hehehe.. maklum saya kan penggemar berat naruto, lagi pula animasi naruto dkk ini sangat keren dan menarik loh.. dan sangat pass jika di jadikan pernak pernik penghias blog anda.. nah dari pada berpanjang lebar, langsung saja saya berikan tips cara memasangnya.

Widget Animasi Naruto

Login ke dasbor blog anda
Pilih rancangan
Pilih Tambah Gadget
Pilih Html/Java Script
Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
Pastekan kode tadi di Html/java script tadi.
Simpan, dan selesai

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.
bottom (bawah), top (atas), left ( kiri), right (kanan),
Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

1.jiraiyA

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFFsiC9egWHSHo6layeDfNLTU_8QyMfPUPsKdruVue5l3XKSO_bYhXORn5McHmJxuoPyb2LUQxh_yWCfetc2ms1PQpZLJbDdHTUZvderCyqRfoZ1IofmZXHVAMvfiP429C_UzzaJof1EA/s1600/n4.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank">   </a></center></small></div>

2.Daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank">  </a></center></small></div>

3.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3M-EwMLSV7f2KyhQJPR9dsP7kfPL5qpb5-Px-3DSGMSCpzZR07rwa9VETZJ890emWwrME3wmGbibp88zjy2m99HCr1IwLrESSz2-YlqlyTRjJUOM4sTozAGVY793j4keonXLrOngHvmiP/s1600/n2.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank">   </a></center></small></div>

4.Kiba

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9SuFF0zkgHfNIXgDsbJrR3PlwR1VaW9aWWeBez3-xFdPmt6_8ygK5RekJVK-MqClAAUDqCI3a81z0bEjiNuaFDfR00XfYRxFM8BIPysBjbphDShhtcR8EckAe-wec_1qkZxs_vdQWhyK2/s1600/n1.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank"> </a></center></small></div>

5.Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank">   </a></center></small></div>

6.Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh28ie1ZpfeXemilYOMME4jjbOVadlmEqHnjVLDNwx_RdlAsO4a1VuRDTUjfwadRgugxpOMprYv-_21AfwcVv4TElywEq6LcxYLmLzkHuNuCFNLX44yD2BxYIOfK44AD_OYqfgTCg3nDbKN/s1600/n6.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://laburizalababil.blogspot.com/2012/05/widget-animasi-naruto.htmll" target="_blank">  </a></center></small></div>

7.Anggota Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwjubVoId4NUhHTh7ym5jHxGbiO6c1RLlVdP9ZPLqXKUAsnXQsAVtJMvg2L0RXJd2p9C38JP7hG4XCRsBniY-SU-vcGXUDZMBzpaylj0-H4Dt-xj_NmrCiwvpz9l7nYygSk-rpJF6GW7QK/s1600/n7.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank">  </a></center></small></div>
8.Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank">  </a></center></small></div>


9.Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9CQM4HIOPDzhbCRKoo9ljsY-N_H0F93Xm0slRFErSASh5onk54caBMtocFGVkHceZkMThVjG0x2al8RKeNa_acmtk127qb3y7ZHfooBGl9DTX91fEYLsojFbtaZ27iMLaP4WuDTbCUeo/s1600/n9.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank">  </a></center></small></div>

10.Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNrqyBcQDSgOageL_zaey11xYTEoHGyXyrQL89kwhY5JH_5zxioQEedm1VIgH8U9NJ79D3BSUWVacx6AuyVYOBqEfO-F68FsykKtSpqhgXb0EBlRLnGEy-gVu1_nG-rDzBqYOAHSeRKado/s1600/n10.gif" title="Click to get more." /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank"> </a></center></small></div>


11.Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMS81Q4M6N2RcOFSUDzd80PBLWqF1C4vVj_v2sn5UO90JcBFmjZnYQreqJSJBc6atLUN1mkAN1uOeeOJsvTW3M7CrMHQlfDxLcy2sqrXXikuZ1msKP4Pyoq6cvU7RCHL4sZqhyphenhyphenPYttiRcV/s1600/n11.gif" title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://aburizalababil.blogspot.com/2012/05/widget-animasi-naruto.html" target="_blank">  </a></center></small></div>

selamat mencoba

Baca selengkapnya »

MEMBUAT KOTAK KOMENTAR DENGAN TOMBOL BUKA / TUTUP

Dengan membuat atau memasang kotak / form komentar buka tutup di blog yang pasti difungsikan untuk merapikan tempat komentar dari para komentator blog anda supaya tampilannya tidak memanjang atau melorot kebawah. bagaimana kalau komentarnya sampai ribuan, kan makin memanjang ke bawah tuh. Sebenarnya istilah buka tutup / show hide pada kotak komentar ini sering disebut dengan spoiler, jika diklik maka akan terbuka dan tertutup tombol spoiler tersebut. Tampilan tombol show hide / buka tutup kotak komentar, seperti terlihat dibawah ini. Simak bagaimana Cara Membuat Kotak Komentar Dengan Tombol Buka / Tutup.

Cara Membuat Show Hide / Spoiler Pada Kotak Komentar di Blogspot :

1. Login ke Blogger

2. Pilih Template => Edit HTML

3. Lalu Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

a.openpanel {display:block;width:100%;height:30px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: #9E9E9E;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;

}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;

}a.openpanel.active {background-color:#;}a.openpanel.active em {top:6px;border color:transparent transparent white transparent;

}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.rudyhartonoPanel {padding:10px 20px 20px;margin:0px 0px !important;}

5. Selanjutnya cari lagi kode </head> dan letakkan kode berikut diatasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

var panelSelector       = '#comments',

    openPanelText       = "Buka Komentar",

    closePanelText      = "Tutup Komentar",

    slideDownPanelSpeed = 600;

    slideUpPanelSpeed   = 400;

//]]>

</script>

<script type='text/javascript'>

</script>

<script src='https://sites.google.com/site/blogrudyhartono/js/bukatutup.js' type='text/javascript'/> 

Keterangan :

1. Warna merah menunjukkan panjang dan lebar dan background tombol buka tutup

2. Apabila di dalam template anda sudah ada kode jquery warna pink, maka tidak perlu dicantumkan lagi.

6. Selesai, simpan template

Selamat mencoba membuat / memasang tombol buka tutup komentar di blog, semoga bermanfaat ..

Baca selengkapnya »

Cara Membuat kode Tuker link

<a href="http://www.alexa.com/siteinfo/aburizalababil.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=aburizalababil.blogspot.com'></script></a>Kenapa harus tuker link ? iia jawabanya adalah untuk menjalin silaturahmi kepada sesama blogger, dan juga untuk mencari atau menaikan yang namanya pagerank. Bagaimana cara membuat kode atau banner tuker link ? yupzz AA Deni akan menjawabnya ?heheheh .tampa banyak basa-basi langsung saja kita praktek bagaimana cara membuat kode tuker link .
Ikuti Langkah-langkah berikut :

1.Klik http://cooltext.com/
2.Klik Menu logos yang ada di atas .Setelah anda klik akan ada tampilan seperti gambar di bawah ini .

3.Klik Logo yang anda inginkan.lalu setting logo menurut yang anda inginkan .
4.Klik Image Width untuk menentukan ukuran logo, jika sudah selesai klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo selesai.
5.Klik Download Image untuk langsung menyimpan logo ke hardisk komputer lalu menaruh logo tersebut ke hosting tempat penyimpanan gambar seperti flickr atau yang lainnya. atau Get HTML Code untuk mendapatkan script,tetapi nanti anda akan diminta untuk register terlebih dahulu.
6.Selanjutnya adalah login ke dalam Blogger.com atau blog yang lainya.Lalu klik tata letak lalu tambahkan elemen html untuk di sidebar.
7.Copy paste kode berikut ke blog anda :


<p>Tuker Link</p>
<p><a href="http://aburizalababil.blogspotcom%E2%80%9D" target="”_blank”"><img alt="”Belajar" dengan="" src="http://images.cooltext.com/1306953.gif" border="”0&#8243;" /></a></p>

<p><textarea rows="”3&#8243;" cols="”20&#8243;"><a href="”http://aburizalababil.blogspot.com”" target="”_blank”"><img border="”0&#8243;" alt="”Belajar" src="”http://images.cooltext.com/1306953.gif" /></a></textarea></p>


Keterangan:
Jangan Lupa Ganti Link yang berwarna biru dengan link blog anda .

Baca selengkapnya »