Automatik Read More dalam Entri

Share

Assalamualaikum dan selamat petang skali lagi...


Yo guys.. Sekali lagi ak post petang nie sebab tak de keje.. Jadi nak abiskan masa ngan kongsi ilmu ngan korang.. Ak dapat ilmu nie dari 1 webiste yang memang best.. jadi, ak nak kongsi ngan korang semua.. Yang nie mesti korang suka.. Automatik Read More dalam Entri~ Haaa.. suka kan.. Bagi sape2 yang baru lagi dalam dunia blog (termasuk la ak), yang nie memang best.. Korang perasan tak kat homepage blog ak, "read more" nya len sikit.. Hari nie ak nak kongsikan ngan korang camner nak wat camtu ak..


Ak terangkan sikit tentang "Read More" nie..

• Semua post korang akan dipendekkan pada kadar yang sama.. Jangan risau, korang boleh ubah t.. :D

• Kalau ada gambar dalam post korang tu, gambar pertama dalam post tu akan dijadikan thumbnail tuk post tu bila dah disingkatkan kelak.. Contah korang boleh tengok kat post2 ak terdahulu..

• Korang boleh ubah perkataan "read more" tu.. Cam ak punya ada ^^ kt belakang..

•  Saiz thumbnail, perkataan yang ditunjukkan bila disingkatkan boleh di ubah suai..  

Ok.. Kita start la k.. Korang pegi ke "Design" --> "Edit HTML" --> "Expand Widget Templates"..

Dah bukak tu? Ok.. Sekarang tekan Ctrl + F tuk aktifkan fungsi "Find" kat browser korang.. Kalau yang guna Mozilla tu, fungsi tu ada kat bawah k.. Yang guna Opera, ada kat atas.. Dah bukak, copy dan paste code kat bawah nie ke kotak search fungsi "find" tu.. Nanti korang akan dibawa ke tempat code tu berada..

</head>

Dah jumpa ke? Ok.. kalau dah jumpa, copy dan paste code nie pulak betul2 ATAS/SEBELUM </head> tu.. Betul2 atas taw.. Tak nak ada space pe semua.

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

Korang boleh ubah berapa banyak perkataan yang akan dipaparkan bila dah disingkatkan t..


summary_noimg=430 --> Panjang ayat korang bila tak de gambar dalam post tu..

summary_img=340 --> Panjang ayat korang bila ada gambar dalam post..

img_thumb_height=120 --> Ketinggian gambar dalam post korang yang akan dikecilkan jadi thumbnail..

img_thumb_width=120 --> Lebar gambar post korang..



Korang boleh ubah code kat ak dah tulis kat atas tu.. Ubah kat nombor2 tu je taw.. Jangan ubah code tu.. nanti tak mujarab.. :D

Dah Settle kat situ, korang copy dan paste code nie pulak dalam kotak search dalam fungsi "find' tu tadi..

<data:post.body/>

 Dah jumpa kan.. Sekarang korang copy dan paste code nie code atas tu.. Korang GANTIKAN code atas ngan code bawah.. Ak dulu 1st baca, tersu tfikir "betul ke nie.. Kalau dah ganti, mane de lagi data post t.."  Korang jangan risau.. Ada lagi data post tu.. Hehe.. :D

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span>
</b:if>
</b:if> 

Dah gantikan ke? Ak ingatkan lagi.. Gantikan taw.. Bukan copy kat bawah, kat atas taw kat mane2.. Gantikan.. Ok.. Korang nampak kan "Read more..." camnie kat dalam code tu.. Korang boleh ubah ikut korang punya suka.. Tak kisah la "Teruskan membaca.." ke dan yang len2 la.. Ikut suka korang..


Rasa2 dah ok, cuba preview, tgk ok ke tak.. Kalau ok, "Save Template".. Tahniah sebab berjaya ubah template korang.. XD.. Kalau de pe2 masalah, komen kat bawah k.. Ak akan cuba sedaya upaya tuk tolong korang.. Perlu pe2, bagi taw je k.. Ak akan cuba usahakan..


Assalamualaikum n chow~~