Thursday, February 9, 2012

Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript

Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger, yakni read more menggunakan gambar atau menggunakan tulisan.

Pertama pilih Dashboard, lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

Cara membuat readmore otomatis.
(1)

membuat read more baca selengkapnya otomatis.
(2)

otomatis read more.
(3)


Selanjutnya, cari kode </head>, setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

<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://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Read More Button Otomatis menggunakan gambar, hapus kode tersebut dan gantilah dengan kode berikut:

<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'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>


Sedangkan untuk Read More Button Otomatis hanya berupa text, hapus kode <data:post.body/> atau <p><data:post.body/></p> dan gantilah dengan kode berikut:

<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'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>


Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>


Dan gantilah dengan kode sesuai pilihan diatas , bisa menggunakan cara 1 maupun cara

2.Semoga berhasil

Sumber disini
Read More..

Tuesday, February 7, 2012

Cara Menambahkan Microsoft Translator

ms-translator Untuk memudahkan pengunjung blog membaca artikel pada blog kita yang dibatasi dengan masalah bahasa, sebaiknya kita pasang widget translator. Untuk saat ini, translator yang populer adalah Google translate. Alternatif lain yang bisa digunakan adalah Microsoft Translator. Widget ini sudah mendukung 35 bahasa di dunia, termasuk Bahasa Indonesia.
Nah mau tau cara pasangnya ?
1. Klik link http://www.microsofttranslator.com/widget/
2. Kemudian masukkan alamat blog yang kita miliki pada bagian Site Address.
3. Kemudian pilih bahasa yang digunakan pada blog kita.
4. Pilih warna dan atur lebar widget yang kita inginkan.
5. Kemudian Checklist pada bagian Generate Widget, lalu tekanlah tombol Generate Code.
6. Tambah Widget melalui Add a Gadget, pilih HTML/Javascript.
7. Copy dan Pastekan kode yang telah digenerate kedalam widget tersebut.
8. Simpan dan Lihat Hasilnya.

Microsoft Translator
Sumber disini

Read More..