Membuat Facebook Share | di blogspot

Blog Ajang Software media berbagi ilmu, sedang membagikan artikel tentang Membuat Facebook Share | di blogspot silahkan membaca Membuat Facebook Share | di blogspot selengkapnya berikut ini:

Cara memasang tombol share facebook atau tweter sangatlah mudah jika kita telah memahami kode-kode template yang kita pasang. Saya posting ini bukan bermaksud plagiat sih, hanya ingin berbagai aja karena posting ini menarik dan untuk menyebar ilmu kepada para blogger pemula. Berikut cara-caranya:

1. Buka blogger. Masuk ke menu Design->Edit HTML

2. Beri centang pada 'Expand widget templates'

3. Cari kode <data:post.body/>

4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini di atas kode <data:post.body/>

          <div style='float:right; margin:0 0 10px 10px; text-align:center;'>

          Kode-Tweetmeme

          <br />

          <br />

          Kode-Facebook

          </div>

6. Kemudian tulisan warna merah ganti dengan salah satu kode di bawah ini sesuai dengan selera:

Kode-Tweetmeme 1

<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

Kode-Tweetmeme 2

<script type='text/javascript'> tweetmeme_style = 'compact'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

Kode-Facebook 1

<a title='Share on Facebook' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

Kode-Facebook 2

<a title='Share on Facebook' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

7. Jika sudah simpan template anda dan lihat hasilnya.

Sebagai tambahan terakhir jika ingin memasang tombol share facebook dan tweeter ditaruh di sebelah kiri, ganti kode style pada tag div menjadi:

<div style='float:left; margin:0 10px 10px 0;'>

Selain itu jika ingin memasang widget berjajar, cukup dengan mebhapus tag <br/>.

============= Selamat Mencoba =============

Posted in: Internet