div.TabView div.Tabs{height: 24px;overflow: hidden;}div.TabView div.Tabs a{float: left;display: block;width: 84px; text-align: center;height: 24px; padding-top: 3px;vertical-align: middle;border: 1px solid #999999; border-bottom-width: 0;text-decoration: none;font-family: "Times New Roman", Serif; font-weight: 900;color: #1E62B6; }div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{background-color: #FFFFFF; }div.TabView div.Pages{clear: both;border: 1px solid #999999; overflow: hidden;background-color: #FFFFFF; }div.TabView div.Pages div.Page{height: 100%;padding: 0px;overflow: hidden;}div.TabView div.Pages div.Page div.Pad{padding: 3px 5px;}

cara membuat tombol like pada tiap tiap artikel

Diposting oleh namhorruhktaf nutawsu. on Minggu, 25 November 2012

berikut ini caranya

  • Silahkan sobat login terlebih dulu di akun Blogger sobat
  • Klik Rancangan
  • Klik Edit HTML
  • Kalau perlu silahkan sobat Download lengkap template blog sobat terlebih dulu,untuk mencegah terjadinya salah pasang kode HTML
  • Beri tanda centang pada Expand Widget Template
  • Cari dulu kode <data:post.body/></div> caranya tekan ctrl+f  kemudian masukkan kode tersebut
  • Copy dan Paste kode HTML di bawah ini.
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins    /like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
Letakkan kode HTML yang telah di Copy dan Paste tersebut tepat di bawah kode <data:post.body/></div> .Dan untuk lebih jelas di bawah ini adalah contoh meletakkan kode HTML nya
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
                                                                                 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
  • Jadi letak kode <data:post.body/></div> dan kode HTMLnya adalah sejajar
  • Saran akoe sobat klik Pratinjau,untuk melihat apakah tombol like tersebut sudah terpasang atau belum 
  • Kalau sudah terpasang,baru klik Simpan Template
  • Kalau belum terpasang,sobat klik aja Bersihkan Edit untuk mengembalikan template sobat blog sobat seperti semula
  • Selesai

{ 0 komentar... read them below or add one }

Posting Komentar