2010-06-21

Cara Pasang Widget Lintas Berita di Blog

Menanggapi pertanyaan sobat ISS pada postingan widget sharing is sexy yang menanyakan perihal seputar pemasangan widget lintas berita di blog. Kebetulan saya belum pernah membahas masalah ini, dan sebenarnya widget lintas berita ini pernah saya pasang di blog ini karena beberapa hal saya hilangkan. Seperti kita ketahui, lintas berita merupakan situs portal tempat orang mempromosikan web atau blog mereka.

Hampir semua blogger menggunakan fasilitas lintas berita sebagai media untuk promosi blog atau istilah kasarnya menjadi benalu di lintas berita, dengan total ribuan halaman/pages yang terindex di google. Dengan begitu blog kita jadi ikut terkenal dan setidaknya mendapat cipratan traffic dari lintas berita. Untuk mempermudah dalam submit berita atau artikel blog, widget lintas berita ini mungkin bisa menjadi alternatif.

image

Cara pasangnya sangat mudah, coba perhatikan langkah-langkahnya berikut ini.

  • Pada Edit HTML, silahkan klik Expand Template Widget.
  • Letakkan kode css berikut ini diatas kode]]></b:skin>





#lintas-berita {
background:#ECE0F8;
border:1px solid #cccdcd;
margin:15px 0px 10px 0px;
padding:10px;
color:#000;
font-weight:normal;
}

.lintaskiri {
float:left;
margin:0px 15px 0px 0px;
width:380px;
}

.lintaskanan {
text-align:center;
}

# Kemudian letakkan kode berikut setelah kode <data:post.body/>

<div class='clearfix' id='lintas-berita'>
<div class='lintaskiri'>
Jika menurut sobat artikel ini bermanfaat, silahkan vote ke <strong>Lintas Berita</strong> agar artikel ini bisa di baca oleh orang lain.
</div>
<div class='lintaskanan'>
<script type='text/javascript'>lb_skin = &#39;mode2&#39;; </script>
<script src='http://www.lintasberita.com/widget_vote/lintasberita.js' type='text/javascript'/>
<noscript>Powered by www.lintasberita.com visit <a href='http://www.lintasberita.com'>Lintas Berita</a></noscript>
</div>
</div>

  • Simpan Template.

Perhatikan kode css yang berwarna merah, kode tersebut adalah lebar untuk widget sebelah kiri (widget untuk tulisan) harap disesuaikan dengan lebar template. Jika widget lintas berita muncul pada halaman depan blog, maka tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>
diantara kode yang berwarna hijau dan tutup dengan kode

</b:if>

selesai...semoga bermanfaat..

Tidak ada komentar:

Posting Komentar