Cara menambahkan readmore pada template blog

Hari ini saya membuat posting tentang cara membuat readmore, saya telah memcoba tutorial beberapa blog tapi masih belum jalan, maklum masih nubi nih..

akhirnya setelah saya liat2 scriptnya ternayata jalan berikut saya akan bagikan script untuk membuat readmore pada template blogger :

1. Pertama sih buka dulu design - edit html jangan lupa cek list Expand Widget Templates.
2. Kemudian cari </head >  diatasnya copy paste script dibawah


<!--percobaan-->
<script type='text/javascript'>
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>

<!-- percobaan -->

3. Selanjutnya, cari kode <div class='post-body entry-content'>  gantikan <data:post.body/> dengan
script dibawah ini.

<!-- test -->
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 500;
summary_img = 500;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<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='jump-link' style='float:left'>
<a expr:href='data:post.url'>Read More..</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


<!-- test -->
 <div style='clear: both;'/> <!-- clear for photos floats -->
berikut hasilnya

sampai disini posting saya. jangan rupa komentarnya ya

Read More

Cara Mendaftar Gmail dan Membuat Blog dengan Blogspot

Wah, Hari ini saya akan membahas seputar gmail dan blog, pertama saya kenal Blog dari Kuliah lo.. hehehe..Soalnya di SMU saya masih gaptek, cuma tau hidup n matiin komputer aja.., saya akan membahas sedikit yg saya tahu tentang cara menbuat blog menurut pengalamaan saya lo..,kita bisa pake fasilitas google atau pun wordpress ato media lain tapi ini yang lebih sering digunakan orang2 menurut saya.

dalam tulisan ku ini saya akan membahas dengan blogger.com (dari google). caranya gampang sih cuma perlu buat email, kemudian login blogger.com 

cara daftar email google berikut ini :

1. buka Gmail.com , ini screen shotnya

2. klik Buat Akun yang ada disamping bawah login akun

3.  kemudian akan muncul formulir pendaftaran, isi data diri anda. 

setelah selesai. maka anda dapat login masuk ke gmail anda.

cara membuat blog melalui blogger 

pertama buka blogger.com, login dengan user and password gmail anda.

setelah login berhasil maka tampilan awal seperti dibawah..

 Pilih nama Blog anda, ini sharing dari saya usahakan nama blog jangan terlalu panjang, kalau mau panjang usahakan berupa kata2 yang sering dicari di google. kemudian klik continue 

setelah itu kita pilih template yang telah disediakan.. tenang aja kalau gak sesuai ntar bisa di ganti kok..

klik continue lagi..

setelah itu kita dapat memulai blogging kita..
tulis artikel kita bisa langsung post ato save artikel kita. bedanya kalau post langsung ditampilkan ke blog depan anda.

dan screenshot telah terpost.

tampilan depannya berikut.

sampai disini pembahasan saya tentang blogging....
selamat untuk blog pertama anda, posting2 hal yang berguna ya...

Read More