Pasang Widget Related Post Dengan Icon

Assalamualaikum selamat siang sahabat semua. Sebelumnya saya ucapkan SELAMAT HARI RAYA IDUL FITRI 1432 H MOHON MAAF LAHIR DAN BATIN. Pada kesempatan yang sangat berharga ini saya akan memenuhi permintaan sahabat saya Hori yang meminta bagaimana cara pasang widget related post seperti milik saya. Sebenarnya widget ini sudah sangat lama ada kok dan saya kira kalian semua juga sudah pada tahu. Oh iya sebelumnya baca juga Cara membuat Artikel Terkait Dengan Gambar/Thumbnails atau Membuat Artikel Terkait Dengan Fungsi Scroll jika kalian kurang suka dengan widget ini.

Oke langsung saja kita mulai deh....
1. Seperti biasa, kalian harus login dulu ke akun blogger
2. Kemudian masuk ke rancangan lalu Edit HTML
3. Jangan lupa Expand Template Widget
4. Biasakan back up temnplate dulu ya
5. Kemudian pasang kode berikut di bawah tag </head>

<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRonJSD4gaZ8T0HzEGZeNxQzWMAwRAso_8j86a0MdWibeT6hynNiUKvBenttv6V44ohbIplPDy6gNUuJyYwiy-zjKzllJKJvSzNGKB0WaxMM8gYFy2jqEYFk5RvPL41Hy32OF6CF19W5I/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>

6. Jika sudah, cari <data:post.body/> lalu pasang kode berikut di bawahnya

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

7. Dan yang terakhir tentu saja save template dan lihat hasilnya

Semoga bermanfaat
Alhamdulillah...

READ MORE - Pasang Widget Related Post Dengan Icon

Resiko Menjadi Blog DoFollow

Siapa yang tidak ingin blog mereka di banjiri banyak komentar? Dengan adanya komentar di blog, sedikit banyak membantu untuk meningkatkan ranking blog kita. Dan sebagai pemilik blog, kita juga tidak merasa sia-sia dengan berkorban waktu, biaya, dan tenaga kita untuk menulis artikel di blog kita. Dengan berkomentar, blog yang di beri komentar maupun yang memberi komentar akan mendapatkan backlink secara gratis apalagi di blog yang berstatus DoFollow. Banyak juga para blogger mengubah settingan blog mereka yang dari NoFollow menjadi DoFollow agar mendapatkan banyak komentar. Namun banyak juga yang membiarkan settingan blog mereka apa adanya yaitu NoFollow.

Sudah tidak dapat di pungkiri lagi bahwa blog yang mempunyai status DoFollow akan di serbu banyak komentar khususnya mereka yang hanya memburu backlink semata. Dan blog DoFollow pun menjadi sasaran empuk para spammer untuk berkomentar di blog tersebut. Jadi Resiko Menjadi Blog DoFollow akan banyak di banjiri komentar, namun perlu di garis bawahi bahwa komentar tersebut berindikasi spam dan bukan komentar membangun. Tentunya kita sebagai addmin blog mengharapkan mendapatkan sebuah komentar yang membangun untuk perkembangan blog kita sendiri dan bukan hanya sekedar komentar spam. Contoh komentar spam biasanya adalah (nice info gan, mantab gan, pertamax gan, makasih infonya gan, dan masih banyak gan-gan yang lain) emang kita juragan sembako apa?

Tentunya paling tidak kita akan merasa jengkel jika hanya terdapat banyak komentar yang seperti itu. Saya pribadi lebih menghargai 1 komentar yang membangun daripada 10 komentar seperti yang saya sebutkan di atas. Jadi kesimpulannya terserah kalian para blogger sejati bagaimana mengambil sikap untuk kemajuan blog kalian masing-masing. Pilih NoFollow atau DoFollow itu terserah kalian dan hak kalian.

Semoga bermanfaat.
Alhamdulillah...

READ MORE - Resiko Menjadi Blog DoFollow

Cara Membuat Floating Share Button Pada Blogger

Tidak dapat di pungkiri bahwa share button baik itu facebook sahare, google buzz, maupun yang lain turut andil dalam mempromosikan artikel blog kita. Kali ini saya akan berbagi cara memasang floating share button pada blog. Widget ini akan selalu melayang, sehingga akan selalu terlihat oleh pengunjung blog kita. Cara pemasangannya pun cukup mudah kok.

1. Login ke blogger
2. Pilih rancangan lalu edit HTML
3. Expand Template Widget
4. Biasakan back up template dulu
5. Pasang kode css berikut di atas ]]></b:skin>

#sharebuttonfery {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:5px;
bottom:150px;
margin-top:10px;
position:fixed;
width:64px;
}

#sharebuttonfery .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}

6. Kalau sudah, tambahkan kode berikut di atas atau sebelum <div class='post-header-line-1'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sharebuttonfery'>
<div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
</div>
</b:if>

7. Save template dan lihat hasilnya.

Semoga bermanfaat.
Alhamdulillah...

READ MORE - Cara Membuat Floating Share Button Pada Blogger

Seberapa Penting Chat Box Untuk Blog Anda?

Chat box atau Cbox, atau juga Soutmix adalah hal wajib bagi sebagian blogger untuk terpasang di dalam blog. Selain untuk memperindah tampilan blog, widget ini juga berfungsi sebagai buku tamu bagi para blogger yang hobi blogwalking untuk meninggalkan jejaknya. Tapi seberapa pentingkah widget ini untuk blog anda? Sebagian blogger ada yang menganggap widget ini sangat penting, dan tidak sedikit pula yang menganggap widget ini sama sekali tidak penting. Bagi saya sendiri, cbox dan sejenisnya merupakan benalu bagi blog. Kenapa bisa begitu? Ya, karena saya menganggap widget ini sangat tidak berguna. Selain memperberat loading blog, link yang kita tinggalkan juga tidak akan terindex oleh google. Toh kalau mau blogwalking kan lebih enak meninggalkan jejak di kotak komentar. Jangan salah loh, berkomentar juga mempunyai peran penting dalam meningkatkan ranking blog kita karena link yang kita tinggalkan akan terindex oleh google.

Ditambah lagi widget ini juga mempunyai dampak yang negatif buat blog yang telah memasang Google Adsense. Saya sering menjumpai di sebagian chat box terdapat kata-kata $$$, hacker, dan sebagainya yang di anggap melanggar TOS oleh google. Jadi jika blog kita telah memasang adsense dan di chat box terdapat kata-kata seperti itu, maka siap-siap saja di banned oleh google atau pihak adsense yang anda ikuti. Sekali lagi ini hanya menurut pandangan saya pribadi dan mungkin banyak blogger yang setuju dan banyak pula yang tidak setuju dengan pendapat saya ini. Jika punya anggapan lain, saya akan sangat menghargai jika kita berdiskusi di kotak komentar.

Semoga bermanfaat.
Alhamdulillah...

READ MORE - Seberapa Penting Chat Box Untuk Blog Anda?

Menambahkan Facebook Send Button Pada Blog

Facebook kembali meluncurkan fitur terbarunya untuk pengguna website. Setelah sukses dengan facebook like button dan facebook comment, kini perusahaan jejaring sosial terbesar itu kembali meluncurkan Facebook send button. Kali ini saya mencoba untuk sedikit membahas tentang cara pemasangannya pada blog. Untuk pemasangannya sendiri cukup mudah, kita hanya menambahkan kode berikut ini.

Facebook Send Button

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/>

Facebook Like Button + Send Button

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' action='like' layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>

1. Klik design kemudian edit template

2. Centang expand template widgets

3. Jangan lupa back up template untuk berjaga-jaga

4. Pasang kode di atas di bawah <data:post.body/>

5. Jika menggunakan readmore, pasang di bawah <data:post.body/> yang terakhir atau juga bisa di bawah <div class='post-footer'>

6. Jika ingin tampil hanya pada postingan saja, tambahkan kode berikut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Letakkan kode disini

</b:if>

7. Terakhir save template.

Semoga bermanfaat.

Alhamdulillah...

READ MORE - Menambahkan Facebook Send Button Pada Blog