14 Agustus 2010

Memasang tombol "share on facebook" di blog

0 komentar
Sebagai pemilik blog atau website pasti inginkan artikel yang kita buat dibaca oleh banyak orang, salah satu usaha yang bisa dilakukan adalah mempublikasikan artikel tersebut ke facebook dan memasang tombol share on facebook ke dalam halaman blog/website ataupun bisa di share ke site jejaring sosial lainnya. Untuk share on facebook berikut langkahnya :

1. Buka hamalan edit html ( dasbor > tata letak > edit html ) dan jangan lupa centangkan "expand template widget"

2. Cari kode <b:if cond='data:top.showAuthor'>
3. Letakan kode berikut diatas kode no.2
<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

*. Peletakan kode no. 3 bisa dimana aja sesuai keinginan pemilik blog
untuk kode no. 2 akan tampak gambar seperti berikut :



Untuk tulisan yang berwarna merah dan cetak miring bisa diubah sesuka kamu, jika memiliki icon facebook yang lebih bagus bisa kamu gantikan. caranya upload dulu image yang kamu punya kesini atau disini. atau searching dulu via mbah google untuk mendapatkan icon yang menarik. atau kamu bisa pakai kode berikut :
 <b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>
Hasilnya seperti dibawah ini :

Atau pakai yang ini :
<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>
Hasilnya :


nah untuk icon2 yang lain silahkan dibuat sendiri yawh.... :)

4.
Tekan tombol save template

Dan selesai deh

Selamat mempublikasikan artikel-artikel kamu di Facebook :)
note : thank's to http://www.tips-fb.com/

»»  Selengkapnya...

13 Agustus 2010

Membuat READMORE praktis

0 komentar
"sebelumnya mohon ma'af karena saya absen begitu lama di blogger sehingga banyak teman - teman bertanya terabaikan, dan kali ini saya kembali untuk berbagi kembali, semoga Admin bisa terus berbagi "...Next read...

Sebelumnya saya juga pernah memposting artikel serupa, namun tak sama :D. untuk lebih memudahkan teman - teman dalam membuat blog, saya kembali memaparkan langkah membuat "Readmore Otomatis" yang saya anggap lebih mudah kali ini. berangkat googling jum'at sore dapet deh artikel yang pas dari blog seorang teman. ok deh ketimbang banyak ngoceh yang g' jelas kita masuk aja ke fase berikutnya ok... :)

Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan gambar yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Buat teman - teman yang belum mengetahui bagaimana cara membuat readmore otomatis, kita kasih lagi nih....

Langkah 1
Login dulu ke account blog kamu, trus pilih Edit Html jangan lupa centang dulu "Expand Widget Template", lihat gambar ini



setelah itu cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<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 src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Langkah 2
Cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah 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;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Langkah 3
klik save template, selesai deh

Keterangan :
tulisan yang berwarna merah adalah yang bisa kamu ganti.
1. Summary noimg 430 = tinggi artikel terpenggal tanpa image
2. Summar img 430 = tinggi artikel terpenggal dengan image
3. Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...
Ok... selamat mencoba..... :)
»»  Selengkapnya...