Senin, 20 September 2010

Widget Lintas Berita

Untuk mempermudah dalam submit berita atau artikel blog, widget lintas berita ini mungkin bisa menjadi alternatif.
 
Cara pasangnya beriku:

  • 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/> atau <p><data:post.body/></p>
    <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.
Customizing: 

Perhatikan kode css width:380px, kode tersebut adalah lebar untuk widget sebelah kiri (widget untuk tulisan) harap disesuaikan dengan lebar template. 

Don't Forget:

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>

Tidak ada komentar:

Posting Komentar