Subscribe:

Ads 468x60px

Pages

Rabu, 04 Mei 2011

Kode Facebook Share di Posting Blog

Ada empat jenis tampilan, memasang FB share di bawah ini, sebelum ke contoh kita belajar memasangnya dahulu:
Cara pasangnya:
  1. Masuk ke blogger
  2. Rancangan
  3. Edit HTML
  4. Cari kode ini <div class='post-header-line-1'/> karena setiap blog itu pasti berbeda apabila kode barusan tidak ketemu maka coba cari kode yang ini <data:post.body/> Apabila sudah menemukan kode yang tadi, maka masukkan salah satu kode di bawah ini di atasnya: 
Contoh Kode 1


    <div style="float:right;padding:4px;">
    <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
    <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
    </div>

Hasilnya:



Contoh Kode 2


    <div style="float:left;padding:4px;">
    <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
    <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
    </div>

Hasilnya:




Contoh Kode 3:


<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Hasilnya:


Contoh Kode 4:


<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Hasilnya:




-Save & Lihat Hasilnya.



0 komentar:

Posting Komentar

Widget By: Forantum