Cara membuat Read More di Blog (Otomatis)

Cara membuat Read More di Blog (Otomatis)

   20.48       Just Hamba

---

Assalamualaikum, sobat Blogger......☺

Pada Episode kali ini kita akan membahasCara buat Read More di Blog, ya itu adalah cara yang bagus untuk memperhemat tampilan postngan blog anda.

Oke langsung saja kita bahas caranya:

1. Login ke Blog anda
2. Klik Rancangan 
3. Edit HTML
4. Centang Expand Template Widget-nya
5. Cari kode dengan menekan C+F dan masukan </head> 
6. Setelah itu salin kode dibawah ini dan letakkan di bawah </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 src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Ada kode diatas dapat anda ganti sepeti berikut :

summary_noimg     = 403; adalah tinggi potongan artikel tanpa gambar

summary_img         = 340; adalah tinggi potongan artikel dengan gambar

img_thumb_height  = 100; adalah ukuran tinggi thumbnail
img_thumb_width    = 120; adalah ukuran lebar thumbnail

     7.  Dan setelah itu anda cari kode dengan menekan tobol C+F , salin kode ini <data:post.body/> 

          setelah ketemu hapus kode tersebut dan ganti dengan kode ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Untuk kata READMORE... bisa anda ganti sesuai selera anda.

Dan akhirnya Selesai ooo astaga betapa Bagus dan rapinya Blog anda ☺...

NB : Jika anda kesulitan atau kurang paham atas cara yang saya berikan minta bantuan saya lewat 

        Admin Face Book

      

Read More

Cara membuat letak statistik Blog rata tengah di Blog(CSS)

Cara membuat letak statistik Blog rata tengah di Blog(CSS)

   00.12       Just Hamba

---

Assalamualaikum, sahabat blogger.

Kali ini kita akan membahas Cara membuat letak statistik Blog (kita) rata tengah di Blog(CSS), seperti gambar yang sobat lihat, yang sebelumnya kita membahas Cara membuat tulisan Widget rata tengah di blog (CSS) . Oke langsung saja ya.

1. Login ke Blog 
2. Klik Rancangan
3. Klik Perancang Template
4. Klik Tingkat lanjut (ada dibawah sebelah kiri komputer anda)
5. Geser Scrool yang ada disampingnya sampai ke bawah dan anda akan menemukan Tambahkan CSS

           Ini contoh gambarnya :

 

     7. Setelah itu masukan kode ini : #Stats1 .widget-content{text-align:center;}

     8. Selesai, Wah betapa bagus dan rapinya Blog anda Sekarang

NB : Jika anda kesulitan atau kurang paham atas cara yang saya berikan hubungi saya lewat FaceBook 

        Admin

 

Read More

Cara membuat tulisan Widget rata tengah di blog (CSS)

Cara membuat tulisan Widget rata tengah di blog (CSS)

   23.24       Just Hamba

---

Asslamualaikum wr.wb

Oke sahabat bloger postingan kali ini Cara membuat tulisan Widget rata tengah di blog (CSS) langung saja  kita bahas cara - caranya.

1. Login ke Blog anda, pilih rancangan,  perancang template.
2. Klik tingkat lanjut, arahkan scrool anda kebawah dan anda akan menemukan (Tambahkan CSS)
3. Lalu salin kode CSS dibawah ini :  
4. .sidebar h2{text-align:center;}
5. Lalu klik Terapkan ke blog  dan Lihat hasilnya betapa rapinya blog anda, AMAZING ☺
6. Wassalam

NB : Jika anda kesulitan atau kurang paham atas cara yang saya berikan hubungi saya lewat FaceBook Admin

Read More