cara membuat read more di blogspot

berikut ini cara membuat read more pada blogspot atau blogger. Silahkan untuk yang ingin mencoba tutorial blog cara memasang read more pada blogspot ikuti tutorial di bawah ini. Berikut ini cara membuat read more di blogspot

1. Masuk ke akun Blogger Anda.

2. Klik  Rancangan > Edit HTML.

3.  Back-up template dulu dengan mengeklik Download Template Lengkap.

4.  Beri tanda centang pada Expand Template Widget.

5. Cari kode </head>. Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu masukkan kode yang dimaksud untuk memudahkan pencarian.

6. Copy kode berikut dan paste di atas kode </head>.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/**
Auto-readmore link script (for blogspot)

(C) 2010 Ngulik-Blog.com

visit http://www.Ngulik-Blog.com/
**/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

8. Cari kode <data:post.body/>. Ganti kode tersebut dengan kode di bawah ini.

 <b:if cond='data:blog.pageType != "item"'><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'><a expr:href='data:post.url'><b>Baca Selengkapnya</b> &#8594;<data:post.title/></a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

9. SIMPAN

• var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)     
• summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)     
• summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)     
• img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)     
• img_thumb_width = 120;  (Thumbnail 'lebar dalam piksel)     
• Baca Selengkapnya (bisa anda ganti dengan selera anda)

Selanjutnya

Cara Memverifikasi Blog Pada Google Webmaster Tools

Cara Memverifikasi Blog/Website Di Google Webmaster Tools - 

Kebanyakan blogger pasti sudah tahu mengenai hal ini, tapi saya rasa masih ada 

sebagian yang belum tahu tentang cara ini terutama blogger newbie/pemula "seperti saya" 

Untuk sekedar membantu dan berbagi pengetahuan, oleh karena itu saya membuat postingan ini.

tujuan memverifikasi yaitu untuk membuktikan bahwa website kita benar - benar ada "milik kita" dan agar isi blog lebih mudah terindex Google, tentunya ini akan berguna dalam hal SEO.

sebenarnya ada 2 cara untuk memverifikasinya:

Pertama dengan mengunggah file HTML ke webmaster

Kedua dengan Tag HTML yang dipasang pada Template

tapi yang akan saya jelaskan sekarang ini hanya cara kedua

Berikut caranya:

1.Kunjungi situsnya webmastertools google

2.Masuk/Log in dengan akun blog

3.Klik gambar atau link situs anda

4.Pilih Konfigurasi ==> Pengguna

5.Pilih Kelola pemilik situs 

6.Klik yang bertuliskan Verifikasikan dengan menggunakan metode yang berbeda.

7.Pilih Tag HTML

8.Copy kode yang muncul

contoh:

<meta name="google-site-verification" content="KODE" />

9.Masuk ke Dasbor
10.Pilih Template
11.Edit HTML
12.Centang tulisan Expand Template Widget
13.Pastekan kode yang sudah dicopy tadi tepat dibawah <head>
14.Simpan
15.Klik pada tulisan Verifikasi di Webmaster

Selanjutnya