Cara Buat Text Read More Pada Posting Blog

"Cara buat text read more pd posting blog"Assalamu'alaikum sobat bloger, mungkin bagi sobat yg namanya read more bukan suatu hal yg asing.
nah langsung aja sob berikut panduanya :

1. Login ke blog sobat, msk ke editor edit tempelate HTML jgn lp download kumlpit buat antisipasi keamanan tempelate sobat.
2. Centang expant widgets tempelate.
3. Cari code </head> (gunakan tombol ctrl+f supaya lebih cepat menemukan code trsbt.

Setelah ketemu code di atas paste code berikut tepat sebelum code </head>

<script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 230;
    summary_img = 140;
    img_thumb_height = 100;
    img_thumb_width = 100;
    </script>
    <script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>

N/B :

• Summary_noing =230  adalah banyaknya karakter yg akan di tampilkan ketika tidak ada gambar pd posting sobat
• Summary_img= 140 adalah banyaknya karakter yg akan di tampilkan ketika ada gambar pd posting sobat
• Img_thumb_heigt= 100 adalah tinggi gambar pd posting sobat
• Img_thumb_width=100 adalah lebar gambar pd posting sobat

Silahkan sobat atur sesuai dgn ukuran tempelate sobat
     4. Lanjutkan dengan mencari <data:post.body/> (seperti biasa, gunakan senjata Ctrl+F)
     5. Lalu GANTI <data:post.body/> dengan script berikut:

    <b:if cond='data:blog.pageType == &quot;item&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 style='padding-top:5px;;float:right;text-align:right;'><a   expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
    </b:if>

Ini adalah contohnya :

keterangan:
-padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di atas readmore.
-float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca selanjutnya", "Read the rest of this  entry", "Lanjut gan...",  "Monggo dilanjut!", atau apa sajalah...
Tapi untuk amannya tinggalkan begitu saja.

    6. Untuk memastikan hasilnya, jangan di-save dulu. Gunakan preview untuk mengeceknya.
    7. Setelah beres, silakan di-save.
Demikian pembahasan tentang "Cara Buat Text Read More Pada Posting Blog" Semoga bermanfaat

BERLANGGANAN VIA EMAIL
Jika sobat menyukai artikel di Blog ini silahkan masukan email untuk berlangganan jangan lupa like'a hehehe,,,
Enter your email address:


Delivered by FeedBurner