Selamat datang di ForSa! Forum diskusi seputar sains, teknologi dan pendidikan Indonesia.

Selamat datang, Pengunjung. Silahkan masuk atau mendaftar. Apakah anda lupa aktivasi email?

Mei 22, 2022, 01:04:37 AM

Masuk dengan nama pengguna, kata sandi dan lama sesi

Topik Baru

Artikel Sains

Anggota
  • Total Anggota: 26747
  • Latest: loutlos
Stats
  • Total Tulisan: 139629
  • Total Topik: 10386
  • Online Today: 41
  • Online Ever: 441
  • (Desember 18, 2011, 12:48:51 AM)
Pengguna Online
Users: 0
Guests: 42
Total: 42

Ikuti ForSa

ForSa on FB ForSa on Twitter

Penulis Topik: cerita tentang tutorial blogger yuuuk  (Dibaca 3919 kali)

0 Anggota dan 1 Pengunjung sedang melihat topik ini.

Offline nandawan

  • Mahasiswa
  • **
  • Tulisan: 14
  • IQ: 2
  • Gender: Pria
  • peace
cerita tentang tutorial blogger yuuuk
« pada: Februari 19, 2011, 12:26:09 PM »
hm..............

mulai dari mana nyaaa....
peacemaker creator

Offline nandawan

  • Mahasiswa
  • **
  • Tulisan: 14
  • IQ: 2
  • Gender: Pria
  • peace
Re: cerita tentang tutorial blogger yuuuk
« Jawab #1 pada: Februari 19, 2011, 12:44:50 PM »
cara pasang auto read more dalam postingan blogger....

Fungsi Read More kali ini emang agak berbeda dengan versi Read More yang lama (part 1). Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.
tidak sulit kok asalkan mengikutin langkah nyaaa

Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

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.
cekidot...

oya satu lagi kalu sudah memasang read more lamaaaa....mohon di hapus kembali
saya tidak tanggung jawab kalu blog anda rusak....
hehehe
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:

 


Kode: [Pilih]
<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>

kedua.... temukan kode  dibawah ini
<data:post.body/>

sudah tau kan mencarinya cuma tekan CTRL+ f

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

Kode: [Pilih]
<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)

semoga bermanfaat...

 



« Edit Terakhir: September 20, 2011, 12:32:12 PM oleh reborn »

Offline MonDay

  • Profesor
  • *****
  • Tulisan: 664
  • IQ: 27
  • Gender: Pria
  • pengembara, mencari sesuap ilmu
Re: cerita tentang tutorial blogger yuuuk
« Jawab #2 pada: Februari 19, 2011, 01:13:06 PM »
pny cr ngoprek themenya? di wordpress bs ga?

 

Related Topics

  Subyek / Dimulai oleh Jawaban Tulisan terakhir
19 Jawaban
15596 Dilihat
Tulisan terakhir Mei 11, 2010, 11:40:24 AM
oleh yalis
bikin cerita dengan 3 kata

Dimulai oleh soedibjo « 1 2 ... 66 67 » Otak Jayus

996 Jawaban
778804 Dilihat
Tulisan terakhir Januari 06, 2014, 01:43:36 PM
oleh sisca, chemistry
0 Jawaban
2710 Dilihat
Tulisan terakhir November 28, 2010, 11:24:19 PM
oleh awalteknik
6 Jawaban
9562 Dilihat
Tulisan terakhir Desember 06, 2013, 12:37:55 AM
oleh hornet
0 Jawaban
2098 Dilihat
Tulisan terakhir Desember 11, 2014, 09:16:08 AM
oleh Farabi