DON'T LIKE ME

Membuat read more kreasi sendiri


 ----------------------------------------------------------------------------------


Kreasi sendiri dalam postingan itu sangat bagus kawan untuk menunjukan bahwa kita benar-benar profesional dalam memposting. tapi kebanyakan orang belum tau caranya.... makanya sekarang saya posting supaya sahabat semua bisa menerapkannya.
  
Untuk Tutorial nya silahkan Ikuti Langkah-Langkah nya di bawah ini
1. Log in ke blog anda
2. KLik Rancangan / Layout
3. KLik Edit HtmL
4. Cari Kode <body>



Dan Letakan kode di bawah ini Di atas kode <body>


<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 500;
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
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>

5. SimpaN Template
6. Setelah Anda simpan Template Lalu Centang Expand Template widget Dan Cari Kode di Bawah ini
<data:post.body/>
Setelah ketemu Anda Hapus kode Tersebut dan Ganti dengan Kode 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("summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><div style='width:200px; height:20px; background:url(http://www.colorhealing.com/green_revolving_star.gif) repeat-x center; color:gray; text-align:center; text-shadow:1px -1px black; font-weight:bold; -moz-border-radius:5px;
-webkit-border-radius:5px; -goog-ms-border-radius:5px;'>READMORE....!!</div></a></span>


</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

7. Simpan Template Anda
Keterangan:
summary_noimg = 500;    Artinya Artikel di potong tanpa menampilkan gambar...
summary_img = 500;     Artinya Artikel di potong dengan menampilkan gambar...
img_thumb_height = 200;     Artinya  tinggi gambar...di artikel
img_thumb_width = 200;      Artinya  Lebargambar...di artikel
width:200px;    Adalah Lebar  gambar......readmore
height:20px;     Adalah Tinggi  gambar......readmore
http://www.colorhealing.com/green_revolving_star.gif      Adalah gambar background nya anda bisa ganti dengan
Gambar yang anda suka....
READMORE....!!    Adalah Kata - kata nya Anda bisa ganti dengan Kata2 Anda sendiri....

Saya kira Cukup Sekian Dari BANG UDIN
By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :


Comments
9 Comments

9 komentar:

Gudang Informasi mengatakan... Reply To This Comment

Kren infonya banyak membantu....tanks bang udin

Sandiarah mengatakan... Reply To This Comment

skedar mlintas tuk ngucpin mkasih bwt bang Udin yg baek hti! mkasih bang udh nympetin wktuny bwt jwb prtnyaan sya. .

filemmove mengatakan... Reply To This Comment

insomnia : sama2 senang bisa membantu sahabat... semoga tutorialnya banyak membantu makasih banyak sahabat...udah komentar.

Teha94 mengatakan... Reply To This Comment

tutorial bang udin lengkap banget saya sebagai pemula banyak beajar di blog bang udin..

puji ernawati mengatakan... Reply To This Comment

makasih infonya....
lanjutkan bognya...

farraycool mengatakan... Reply To This Comment

makasih banyak bang udin.
saam kenal.

anak ganteng mengatakan... Reply To This Comment

makasih mas ...atas artikelnya....

Bang Bdin mengatakan... Reply To This Comment

Anak ganteng sama2 semoga bermanfaat tanks dah berkunjung

DIOGO SILVA mengatakan... Reply To This Comment

OLA AMIGO, PELAS MATERIAS AQUI NO BLOG. RECEBAM ABRAÇOS DO BRASIL. http://novajerusalemdecristo.blogspot.com.br/

Posting Komentar