FKP OSIS SMA Se-KENDAL

Teman teman FKP OSIS kabupaten Kendal apa kabar?? semoga tetap "Alhamdulillah Luar biasa"

Punya saran nih aku... tapi mohon maaf dulu ya teman-teman, mau ngasih kritik kok di halaman posting,... Okelah aku harap gak pa-pa ya.... Itung-itung membagi suatu ilmu untuk kebaikan kita semua....

Kritik saya tenatang blog ini.. kok makin lama(maksudnya makin lama=makin banyak postingan) semakin panjang ya blognya....

Berdasar itulah teman-teman saya minta ijin untuk memberi kritik di postingan ini...
Sarannya sih begini teman-teman dari aku.... "Aplikasi read more otomatis"
maksudnya begini aplikasi ini bisa meng-cut postingan kita secara otomatis.... apalagi kalo ada gambarnya....wah...blog ini serasa seperi sebuah koran saat kita baca.... penasaran kan teman-teman.... contohnya sih seperi aplikasi yang ada di Ms. Word tau kan teman-teman sama "DROP CAP" nah seprti itu teman-teman kurang lebihnya....

Eitchhh.....tunggu dulu Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok...

Tenang teman-teman ni caranya...semoga juga diterapkan di blog hebat kita ini ya....

Important! Which was set up Read More older version of the code should be used to return the same, how remove the red code below (Each template may be different, so just stay adjusted)

Duuhhh sokk english wkwkwk...heheh lol...
tenang ini Indonesianya kok...

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.



Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.



Langsung copy paste aja kode dibawah ini:




<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, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>



Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah 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'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


silahkan disimpan dan lihat hasilnya :)

Keterangan:

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)


Huhhhh kelar juga ternyata...moga berhasil ya.... jangan sampai salah ya.... aku saranin sih hati-hati dulu....please carefully.....Ganbatte Kudasai


Moga aja artikel pertamaku bermanfaat untuk kita semua....

salam

YOGA ADI CANDRA

http://yogagogreen.blogspot.com/

SMA 1 KENDAL

Eh salam lagi buat FKP osis terutama yang memegang amanat sebagai seksi kepribadian dan budi pekerti luhur......di sekolah masing-masing,....