Wednesday, December 17, 2008

Make Readmore Menu blogspot templates

Still in Busby SEO Test and to answer some questions who using blogspot template from here, now, Following about how to make readmore menu to answer some questions who using Tempates for blogspot i've create last time,
Oke:
1-Login to your blogger account and go to dasboard
2-Clik - Layout - Setting - Format - look underside , beside "Template Posting" text ,there's an empty area, into the empty area fill with the code below
<span class="fullpost">


</span>
3-Clik - Layout - Setting - Edit HTML - Check "Expand Widget"
4-Look and find inside box codes , the code like below:

<p><data:post.body/></p>

5- Delete the code above, and replace with code below :

<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/>
<a expr:href='data:post.url'><strong>Readmore...</strong></a></p>
</b:if>

6- Click "Save" button , co saving you've mades
7- After that's when you make a posting so , at posting menu section ,click Edit HTML ,and automatically will be appear code like below:

<span class="fullpost">

</span>

8- All article will be appearing ,place before <span class="fullpost"> , and will be appear after clicking Readmore link ,placed after <span class="fullpost"> or like the example below:
Article appearing before clicking Readmore
Article appearing before clicking Readmore

<span class="fullpost">

Article appearing after clicking Readmore link
Article appearing after-clicking Readmore link

</span>

9. Finish

In Bahasa Indonesia

Cara membuat Readmore (baca selengkapnya) atau penggalan artikel
-login ke blogger
-pada bagian dasboard klik setting (pengaturan) - format , lihat bagian bawah, disamping ada-tulisan Template Posting pad kotak kosong, masukan kode berikut kedalam kotak kosong tersebut:

<span class="fullpost">


</span>

-sudah, klik save
-trus masih di dala, dasboard tersebut, klik Layout - Edit HTML -centang/tandai pada lptak kecil di sampinng tulisan "Expand Template Widget"
-lihat kedalam kumpulan kode-kode dalam kotak cari kode sperti di bawah ini (supaya gampang, pada browser klik menu edit -find ,lalu pada kotak find target masukan kode yg mau dicari/kode berikut ini:

<p><data:post.body/></p>

- buang-hapus kode di atas dan ganti dengan kode2 di bawah ini:

<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/>
<a expr:href='data:post.url'><strong>lanjutkan membaca...</strong></a></p>
</b:if>


-tulisan "Lanjutkan membaca" , boleh anda ganti dengan tulisan apapun suka-suka anda.
-selesai ,klik tombol "Save" untuk menyimpan yg telah di buat.
-ketika anda mau mem-posting artikel ,klik menu Edit HTML pada bagian menu area posting dan otomatis akan muncul kode seperti di bawah ini:
<span class="fullpost">

</span>
-tulisan/artikel yang mau di tampilkan/di nongolkan, letakan sebelum kode <span class="fullpost"> , dan tulisan yg mau di tampilkan setelah link "lanjutkan membaca" (Readmore) di klik ,letakan setelah kode <span class="fullpost"> ,atau seperti contoh di bawah ini :

tulisan yang tampil/nongol
<span class="fullpost">

tulisan yang ngumpet sebelum link teadmore di klik

</span>

-selesai





2 comments:

  1. tumben nih langsung dibuat dua bahasa. ehm kenapa gak add transalate bahas aja mas. biar pembaca sama penulis sama sama enaknya. lho?*kok enak enakan tho?*hue..he..

    ReplyDelete
  2. @Dian
    itu krn ada yg nanya sehubungan template yg kubuat dian,
    masalah add translate aku ga pasang karena yg kutau sampai sekarang semua translater yg ada masih belum bener hasil terjemah-annya, grammar juga kosakatanya masih ngawur sekali, malah membingungkan :)

    ReplyDelete

Please leave your comments or your promotion links, but don't add HTML links into the comment body, because I consider it as a spam, and will be delete..

Thank you for your visit..