Pages

Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan

Home » Posts filed under Trik Blog

Jumat, 10 Juni 2011

Cara Menampilkan Hanya Judul Posting Ketika Label Diklik


Postingan blogger newbie kali ini adalah Cara Menampilkan Hanya Judul Posting Ketika Label Diklik. maksudnya jika ada pengunjung blog kamu yang mengklik label / kategori label maka yang muncul hanyalah judul dari postingannya saja. apa sih manfaatnya, ya kalau menurut blogger newbie sich fungsinya gak beda jauh sama readmore karena bisa menghemat space blog kita. dan juga bisa menambah pageview blog kita tentunya, karena kalau cuma membaca judul postingan saja kan gak paham akhirnya diklik untuk melihat isi postingannya.

Untuk contoh tampilannya kurang lebih seperti gambar dibawah ini :




Untuk cara pemasangannya ikuti langkah - langkah dibawah ini :

  1. Login ke account blogger anda
  2. Klik Tata Letak / Layout
  3. Klik Tab Menu Edit HTML
  4. Backup dulu sebelum melakukan edit template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.
  5. Klik kotak kecil (centang) Expand Widget
  6. Cari kode <div class='blog-posts feed'> atau kode <b:include data='post' name='post'> Untuk memudahkan mencari tekan ctrl F / F3. Kemudian hapus diatas dan diganti dengan kode beriku ini :


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<img alt='=>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3-BTInGmitU-cGxnQmyUPjvlIa7uW4zDBqDDkeyiHK3kOMD2Aobtk3bqUDqa2xAJ0Dkdvz0C4wIXzhN6BGzCRjjNUwpYphwnTEDBrmjQNWjN2yQRHZJZdgXbWSw3DWt6Nat1GM7nzDk/s1600/next-icon.png'/>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


Untuk kode warna hijau itu adalah icon yang terletak di depan judul posting.
kalau tidak suka atau pengin diganti gambarnya juga bisa silahkan ganti kode yang warna merah dengan alamat icon yang kamu punya.
Kamis, 09 Juni 2011

Cara Membuat Semua Link Otomatis Terbuka di Tab Baru Blogspot



Cara membuat semua link otomatis terbuka di tab baru Blogspot. Jika diclick maka link akan otomatis terbuka di tab baru, selain itu otomatis juga langsung terpasang di semua link yang ada tanpa perlu edit satu-satu. Inilah tutorialnya, Penasaran? . . .

CARA MEMBUAT SEMUA LINK OTOMATIS TERBUKA DI TAB BARU BLOGSPOT
Karena otomatis, maka nanti begitu membuat link ga perlu lagi ditambahkan kode target=_blanksecara manual. Yuk, ikuti langkah berikut ini :

  1. Log in ke account blogspot kapten
  2. Dashboard >> design >> edit html
  3. Cari kode
    <head>

  4. Kemudian tambahkan kode berikut ini di bawahnya
    <base target='_blank' />


    Sehingga jika benar, maka keseluruhan kode akan tampak sbb
    <head>
    <base target='_blank' />

  5. Jangan lupa click save template