MACYMALL

Biar gak capek susah bolak balik bikin read more, ini ada cara yang sekali jalan langsung bisa bikin "read more" di blogmu

Login ke Blogger > klik Layout> trus pilih Edit HTML di dashboard Blogger, kemudian centang pada kotak ekspand widged

Langkah 1

search (ctrl+f) </ head> sisipkan kode dibawah ini sebelum </ head>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</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>


Langkah 2

search (ctrl+f) <data:post.body/> block lalu ganti degan mempaste kode di bawah ini:

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

<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:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>

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

Save dan pratinjau dulu, lihat Perubahannya

Wow... tulisanku banyak yang suka, tapiii gimana ya caranya biar tulisanku ini bisa aku bagi di halaman facebook-ku?

Gak usah bingun Bro... ne ada beberapa rapal dan jampi yang diajarkeun para pendekar berwatak baik di dunia maya, dan tulisanmu bisa kamu bagi ke siapapun dengan cara membuat tombal share di blog kamu. ini neh caranya:


1. Buka blogger. Masuk ke menu Design->Edit HTML

2. Beri centang pada 'Expand widget templates'

3. Cari kode <data:post.body/>

4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.

Tombol Fshare tanpa counter



Kode:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter diatas






Kode:

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter disamping



Kode:

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

6. Jika sudah simpan template anda dan lihat hasilnya.

Tentu kamu pengen donk tulisanmu dibaca dan disukai semua orang, nah salah satu caranya adalah dengan mempostingnya di facebook. Nah, caranya gimana? jangan bingung-bingung, begini neh caranya:

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika kamu menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> (jika kamu ingin memasang tombol like dibawah posting) atau letakkan diatas <data:post.body/> (jika kamu ingin memasang tombol like di atas posting)

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template kamu.

Hasilnya akan seperti ini







Kalau kamu pengen membuat tombol like dengan bentuk ini




maka ganti kata standard dengan kata button_count


SELAMAT MENCOBA

Caranya sangatlah mudah dan gampang, hanya dengan memanipulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Berikut ini langkah-langkah untuk membuat read more blogger

1• Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML

2• Aktifkan list Expand Template Widget, agar source script template bloggernya terlihat secara keseluruhan.

3• Tepat di atas tag </head> masukkan kode berikut ini:




4• Kemudian cari kata <data:post.body/> (dengan menekan control f) dan tambahkan kode berikut tepat dibawahnya:




5• Selesai. Sekarang setiap kali kamu posting (pastikan postinganmu pada mode Edit HTML bukan Compose) letakkan kode <span class="hidenpost"> pada paragraf pertama atau kedua, dan akhiri dengan </span>