Cara membuat readmore otomatis di bloger
8. sekarang cari kode <data:post.body/>sebagai mana anda tadi mencari </head> maka akan anda temui kode tersebut tidak hanya satu.
sehingga kita harus coba-coba, tapi mulailah dari <data:post.body/> yang paling bawah atau ahir.
jika sudah ketemu kode paling ahir, maka ganti kode tersebut dengan ini
9. klik pratinjau template untuk melihat apakah artikel di hompage anda sudah menampilkan BACA SELENGKAPNYA, kemudian judul artikel.
jika belum berhasil maka klik tombol edit template lalu hapus script yang baru saja anda tambahkan tadiatau tekan CTRL+Z.
sekarang kita coba ganti dengan <data:post.body/> yang ada di atasnya, semoga kali ini anda berhasil.
jika ketika di pratinjau sudah terpasang dengan benarklik tombol save template.
=============================================================
Sekarang untuk pemasangan tooltip pada blog kita, sobat mungkin tentunya udah lihat, dan tooltip itu sendiri bisa di artikan bahwa tooltip adalah sebuah tool yang melekat pada sebuah link dan berfungsi memberikan keterangan pada pengunjung mengenai isi suatu dukumen atau sebuah halaman web atau blog yang akan di tuju sebelum link itu di klik.
langsung aja TKP.
- silahkan login ke blogger >template
- supaya lebih aman, klik tombol cadangkan/pulihkan yang ada di pojok kanan> unduh templat lengkap, setelah selesai templat terunduh,teekan tutup
- sekarang tekan edit HTML.
- kopy kode ini </head>
- letakan cusor di dalam edit HTML
- tekan CTRL+F untuk mencari lalu tekan CTRL+V lalu tekan enter
- setelah ketemu kode </head> maka letakan kode berikut di atas </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
8. sekarang cari kode <data:post.body/>sebagai mana anda tadi mencari </head> maka akan anda temui kode tersebut tidak hanya satu.
sehingga kita harus coba-coba, tapi mulailah dari <data:post.body/> yang paling bawah atau ahir.
jika sudah ketemu kode paling ahir, maka ganti kode tersebut dengan ini
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><b>Baca Selengkapnya</b> → <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><b>Baca Selengkapnya</b> → <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
jika belum berhasil maka klik tombol edit template lalu hapus script yang baru saja anda tambahkan tadiatau tekan CTRL+Z.
sekarang kita coba ganti dengan <data:post.body/> yang ada di atasnya, semoga kali ini anda berhasil.
jika ketika di pratinjau sudah terpasang dengan benarklik tombol save template.
=============================================================
Sekarang untuk pemasangan tooltip pada blog kita, sobat mungkin tentunya udah lihat, dan tooltip itu sendiri bisa di artikan bahwa tooltip adalah sebuah tool yang melekat pada sebuah link dan berfungsi memberikan keterangan pada pengunjung mengenai isi suatu dukumen atau sebuah halaman web atau blog yang akan di tuju sebelum link itu di klik.
langsung aja TKP.
- langkah pertama seperti biasa masuk ke blog sobat.
- klik rancangan
- kemudian edit HTML
- cari kode ini </head>
- copy kode di bawah ini kemudian taruh sebelum kode </head>
Sekian Dulu Dari Saya Semoga Bermanfa'at,
Ditulis Oleh : Unknown ~ Czikart Software
Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Readmore Otomatis dan Pemasangan Tooltip di bloger, Silahkan download software, games, Antivirus ataupun tutorial sepuasnya secara gratis di czikart software dan tetap kunjungi czikart software. Dan bagi yang ingin Copy Paste, Silahkan sertakan link sumbernya karena kami tidak bertanggung jawab jika blog/web anda dihapus oleh google kareana tidak menyertakan link sumbernya sesuai aturan dari google, Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan komentar.
Posted in: Tutorial Blog
0 komentar:
Posting Komentar