Sabtu, 01 Desember 2012

Cara Membuat/Memasang Auto Readmore Blogger/Blogspot (Plus Thumbnail)


Lihat Cara Membuat Auto Readmore (Thumbnails) Blogspot V2 (Penyempurnaan) yang merupakan penyempurnaan dari script auto readmore ini, pengecualian tampilan auto readmore pada halaman statis (static pages) telah ditambahkan.


Pertama-tama, bapak ibu sekalian, auto readmore memudahkan kita dalam membuat posting. Memasang fitur ini membuat kita tidak perlu membubuhkan kode <!--more--> atau mengklik tanda setiap kali melakukan posting.
Fitur auto readmore akan mengurangi pekerjaan ini karena secara otomatis semua posting yang muncul di halaman-halaman utama (misalnya home, search query results, tag results, dll) akan terpotong dengan readmore.

Berikut langkah-langkahnya:
1. Masuk ke editor template HTML. Download template terlebih dahulu untuk amannya.
2. centang expand widgets template.
3. Masukkan script berikut TEPAT SEBELUM tag </head> (gunakan Ctrl+F untuk mencari)
<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'/>
keterangan:
-summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-img_thumb_height = 100; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.
-img_thumb_width = 100; adalah lebar gambar thumbnail, anda dapat mengubah nilainya.
 Tapi untuk amannya tinggalkan begitu saja.

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>
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.
8. Finished, you've now got auto readmore for blogger
Read more >>

Cara Membuat Blog


Langkah-langkah membuat blog
1. Setelah Anda membuat akun gmail anda bisa langsung masuk ke alamat blogger.com dan langsung login.
seperti di bawah ini


cara membuat blog
2. Setelah Anda Login Anda akan di arahkan untuk membuat mendaftar 
blog yang akan anda buat. seperti gambar di bawah ini.
cara membuat blog

3. setelah anda mendaftarkan email anda Anda bisa masukan nama anda dan jangan lupa beri tanda centang pada option di bawah setelah itu klik untuk melanjutkan.
cara membuat blog

4. setelah anda mengikuti langkah-langkah di atas anda akan di arahkan ke halaman dasboard blogger seperti gambar di bawah ini.
cara membuat blog
5. Anda Akan diminta masukan nama blog Anda dan Alamar url blog anda dan pilih themplate mana yang anda suka, setelah itu klik untuk melanjutkan
cara membuat blog
6. Anda sudah berhasil membuat blog dan anda sudah bisa memulai untuk menulis artikel pertama Anda
cara membuat blog
Read more >>

About Me

Foto Saya
Yudz
They'll give us what that we gave them :'
Lihat profil lengkapku
Diberdayakan oleh Blogger.