BLOG NEBIAK SANGAU

Memasang Recent Post ke dalam Kotak Blogroll

Andai kata, umpama, misalnya... rekan bloggers bikin recent post kayak yang aku paparkan pada postingan kemaren dan ingin menampilkan 10 atau lebih postingan sekaligus, sudah barang tentu akan memakan banyak tempat karena recent post yang kita pasang bakal tampil amat sangat pannnjjjjjaaaaannnggggg..... ke bawah, sementara misalnya recent post tersebut sobat taruh pada sidebar yang berukuran kecil. Tenang... gwa punya sedikit trik untuk mengatasi masalah tersebut yaitu dengan menaruh recent post tadi ke dalam sebuah kotak blogroll. Gimana, masuk akal ngga kira-kira???..

Ok, langsung ke TKP aja dech biar jelas, youk...

Pertama-tama, marilah kita download dulu template kita agar terhidar dari kemungkinan buruk yang tak terduga. Kalo udah, lanjutkan perjuangannya hingga titik darah yang penghabisan yaitu login ke blogspot, klik customize, klik layout lantas edit html dan jangan lupa contreng kotak Expand Widget Templates. Silah kan cari kode untuk Recent post tadi. untuk jelasnya, perhatikan barisan kode di bawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Gadget1' locked='false' title='Recent Posts' type='Gadget'>

<b:includable id='main'>

<b:if cond='data:renderingUrl != ""'>

<b:if cond='data:title != ""'>

</b:if>

<b:if cond='data:gadgetSnippet != ""'>

<data:gadgetSnippet/>

<b:else/>

<b:if cond='data:trackingUrl != ""'>

</b:if>

</iframe>

</div>

</b:if>

<b:else/>

<data:errorMessage/>

</b:if>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

Nah, kalo udah ketemu, tugas kita sekarang adalah menyelipkan kode kotak blogroll tadi di antara kode-kode di atas, bingung? lihat dech kode di bawah dan perhatikan penempatan kode yang berwarna merah.

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Gadget1' locked='false' title='Recent Posts' type='Gadget'>

<b:includable id='main'>

<b:if cond='data:renderingUrl != ""'>

<b:if cond='data:title != ""'>

</b:if>

<b:if cond='data:gadgetSnippet != ""'>

<data:gadgetSnippet/>

<b:else/>

<b:if cond='data:trackingUrl != ""'>

</b:if>

</iframe>

</div>

</b:if>

<b:else/>

<data:errorMessage/>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Silahkan dech sobat atur sendiri tinggi dan lebar kotaknya, so pasti udah pada jago tuch. Bila dah kelar, Klik save dan liaht dech hasilnya

Ok bloggers, selamat mencoba....

kembali ke atas

Recent Post Dengan Thumbnails

Trik ini sebetulnya udah basi barangkali dan udah banyak yang tau, tapi tak ada salahnya bila kutulis di sini. Itung itung berbagi pengalaman. Siapa tau aja ada yang mau ninggalin komentnya he he he he..

Seperti biasa langkahnya dimulai dengan Login ke blogspot, lalu tata letak kemudian Add a Gadget. pada kotak pencarian ketikan kata kunci Recent post, kayak gambar di bawah ini :

Maka akan muncul jendela kayak di bawah ini, ada tiga pilihan. Silahkan coba salah satunya. Jika ingin recent post kita nantinya disertai dengan thumbnails, klik pilihan yang tengah (by Bloggers widget) :

Muncul jendela kayak di bawah ini :

Nah atur dech sesuai seleramu. Isi kolom Title dengan (Misalnya) Recent Post, Atur tinggi gadgetmu di kolom Height, Number of posts to display isi dengan jumlah posting yang ingin kita tampilkan. Isi dengan angka sesuai keinginanmu Sedangkan kolom Summary length (Needed only if you opt to display summaries) adalah seberapa panjang ringkasan postingmu di tampilkan dalam tiap tiap judul posting. Isi sesuai keinginanmu pula, jangan kebanyakan bro, namanya juga ringkasan. Lalu, Kolom-kolom kecil yang lain contreng aja bro, biar rame. Kemudian klik Update.

Kalo udah bener yang tampil adalah postinganmu, tinggal klik Save dan lihat dech hasilnya. Selamat mencoba...

kembali ke atas