Monday 20 December 2010

Membuat Related Post dengan LinkWithin

LinkWithin adalah sebuah web yang menyediakan layanan untuk pembuatan Widget Related Post cukup isi form yang disediakan, maka kita akan langsung mendapatkan widget tersebut dengan mudah.
Caranya, silahkan menuju ke LinkWithin


Isi form yang disediakan dengan ketentuan:

  • Email: (diisi alamat valid email kamu)
  • Blog Link: (diisi dengan alamat blog kamu)
  • Plattform: (pilih Blogger)
  • Width: (jumlah thumbnail post yang ingin ditampilkan)
  • Tandai "My blog has light text on a dark background" jika blog kamu memiliki background gelap dengan tulisan terang Seperti pada blog saya
Setelah mengisi seluruh form, kamu akan dibawa ke halaman instruksi pemasangan.
Langsung saja klik link pada instruksi pertama 

Lalu agar terlihat bagus, drag (seret/pindahkan) widget tersebut ke bawah postingan

Terkadang, ada beberapa template yang tidak bisa menempatkan widget dibawah posting, jika mengalami hal tersebut lakukan trik di bawah ini:

  • Coba kamu cari kode maxwidgets='1'
  • Nah hapus kode tersebut atau tambahkan jumlah angka pada max widget
  • simpan template dan kembali ke elemen halaman

Selesai, sekarang kamu udah memiliki widget related post sendiri.
Tapi masalah baru muncul ketika ternyata widget tersebut juga muncul pada tiap posting di halaman utama, dan padahal kita hanya ingin agar widget tersebut hanya muncul di halaman postingan.
Berikut cara"nya
  • Masuk ke menu Tata Letak yang sekarang diganti dengan Rancangan
  • Pilih Edit HTML dan jangan lupa tandai ceklist Expand Widget Template
  • Cari kode widget yang menunjukkan gadget linkwithin, kodenya kurang lebih
  • <b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
    <b:includable id='main'><data:content/></b:includable>
    </b:widget>
  • nb: kode warna hijau bisa berbeda (bisa HTML1 HTML3 HTML19 dll), tergantung template kamu dan yang pasti memiliki title yang sama dengan judul widgetmu (dalam hal ini linkwithin)
  • Kita buat agar widget linkwithin hanya tampil di postingan dengan menambahkan kode berwarna merah seperti di bawah ini
  • <b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
    <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if></b:includable>
    </b:widget>

Kalau sudah, simpan template kamu!


Silahkan dicoba :)
Source - http://blog.yudhaime.co.cc/2010/06/membuat-related-post-dengan-linkwithin.html

0 comments:

Post a Comment

  • Digg
  • del.icio.us
  • StumbleUpon
  • Yahoo! Buzz
  • Technorati
  • Facebook
  • TwitThis
  • MySpace
  • LinkedIn
  • Google
  • Reddit
  • Netvibes
Design by Blogger Tune-UpCopyright © 2011 FireVolve™ | Powered by Blogger