EKINZKAZE nategam City

Hari ini saya akan membahas tutorial blog yang selama ini memang mulai jarang saya sentuh. Saya jarang mengulas tutorial blog mungkin sejak sebulan atau dua bulan yang lalu. Tapi hari ini saya coba untuk kembali membahas tutorial-tutorial yang mungkin sudah banyak ketinggalan dari blog yang lain. Hari ini kita akan membahas pemasangan sebuah widget 3 in 1 Share Like Facebook, Twitter di Bawah Posting.

Untuk demonya bisa anda lihat langsung di bagian atas dan bawah setiap artikel saya. Atau anda bisa lihat screenshot di bawah ini:

Cara pemasanganya sangat mudah. Anda hanya perlu melakukan tutorial blog di bawah ini:

Cara Pemasangan di Blogger/Blogspot
1. Menuju ke dasbor blogger anda.
2. Setelah itu menuju ke Rancangan>Edit HTML
3. Centang Expand Template Widget
4. Kemudian letakkan kode di bawah ini sebelum kode <data:post.body/> Jika ingin widget tersebut tampil di bagian atas postingan. Atau bisa juga di pasang setelah kode <data:post.body/> Jika ingin widget tersebut tampil di bagian bawah postingan.

<b:if cond='data:blog.pageType != &quot;index&quot;'>
 <b:if cond='data:blog.pageType != &quot;archive&quot;'>
 <iframe id='websites_iframe' expr:src='&quot;http://www.linksalpha.com/social?link=&quot; + data:post.url + &quot;&quot;' frameborder='0' height='25px' scrolling='no' width='320px'/>
 </b:if>
</b:if>

Cara pemasangan widget ini di Wordpress (Only Self Hosted)
1. Setelah masuk ke dasbor wordpress anda, menuju ke Appearance>Editor Themes
2. Buka bagian Single.php (jika tidak ada bisa coba buka page.php.
3. Cari kode <?php the_content(); ?>, Kemudian tambahkan kode di bawah ini di atas ataupun di bawah kode <?php the_content(); ?>,

<script type="text/javascript">
document.write('<ifr'+'ame id="websites_iframe" src="http://www.linksalpha.com/social?link=' + escape(location.href) + '" scrolling="no" frameborder="0" height="25px" width="320px"></ifr'+'ame>');
</script>

Pemasangan Sebagai Widget
Jika anda ingin memasang widget ini sebagai widget, copy dan paste saja kode di bawah ini dan tambahkan sebagai widget blog anda.

<script type="text/javascript">
document.write('<ifr'+'ame id="websites_iframe" src="http://www.linksalpha.com/social?link=' + escape(location.href) + '" scrolling="no" frameborder="0" height="25px" width="320px"></ifr'+'ame>');
</script>

Simpan semua perubahan pada template anda dan lihat sendiri hasilnya. selamat mencoba :)