Cara Buat Icon Share Button Facebook


Cara Buat Icon Share Button Facebook

 


Postingan kali ini saya akan berbagi tips bagaimana Cara Membuat Share Button FB, Twitter..
Share button kali ini kita bisa mendapatkannya dari adthis,com, dan kita bisa memilih berbagai alternatif bentuk dan ukurannya sesuai dengan temp;ate blog kita.

Adapun untuk memasang tombol ini terbagi menjadi dua langkah yaitu:
  1. mengambil kode script share button dari situs addthis
  2. Memasang kode script ke dalam template blog kita.
Berikut langkah-langkah untuk mengambil kode script share button:
  1. kunjungi situs http://www.addthis.com
  2. klik button "Get the code for your site"
  3. Muncul jendela "register " silahkan isi data Anda berupa alamat email dan pasword kemudian klik "register" ( sebenarnya tanpa register juga tidak apa-apa, cuma kita tidak mendapatkan analytics summary blog kita secara berkala dari situs ini)
  4. Pilih Style Share Button sesuai dengan kebutuhan / selera kita, dengan cara klik pada list button ( seperti ditunjukkan gambar anak panah merah no. 1 pada gambar dibawah ini)
  5. Klik tombol "Grab It" ( seperti ditunjukkan gambar anak panah merah no. 2  pada gambar di atas)
  6. Paste dan Simpan Kode tersebut dalam Word edior misalnya Notepad sebagai arsip / back up   kita
    jika Anda memilih style button share seperti pada gambar no.1 di atas, maka kode scripnya seperti ini:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fc219323d1f796e"></script>
<!-- AddThis Button END -->
Berikut ini langkah-langkah cara memasang kode sript Share Button ke template Blog kita
  1. Login ke Akun Blogger Anda
  2. Pilih Menu "Template" dan jangan lupa back up template dengan cara klik "cadangkan/pulihkan" dipojok kanan atas kemudian klik"unduh template lengkap"  dan simpan template
  3.  Langkah berikutnya adalah klik "Edit HTML" ,kemudian centang "Expand widget"
  4. Cari kode <data:post.body>  jika terdapat dua kode tersebut, maka pilihlah kode yang kedua.
  5. Untuk memasang share button di atas postingan, maka paste / letakkan kode sript share button sebelum / di atas kode  <data:post.body> yang kedua, 
  6. Untuk memasang share button di bawah postingan, maka paste / letakkan kode sript share button setelah / dibawah kode  <data:post.body> yang kedua, 
  7. Jika Anda tidak menemukan kode <data:post.body>, maka cari kode: <div class='post-header-line-1'/> dan paste / letakkan kode script share button  diatas kode <div class='post-header-line-1'/>
Simpan Template Anda, kemudian lihat hasilnya.....


Smoga bermanfaat..
 

Cara Mudah Membuat Kotak Komentar Facebook


 ***================***


Cara Mudah Membuat Kotak Komentar Facebook

***==============================***


 
Sebuah blog tanpa kotak komentar, rasanya menjadi bukan 100 persen blog. Karena sejatinya blog adalah sebuah interaksi atau percakapan. Di Blogspot sendiri, sudah disediakan kotak komentar yang bisa disematkan di bawah postingan. Sehingga lebih mudah untuk pembaca blog untuk memberikan komentar. Walau dari segi fungsi kadang sedikit membingungkan karena harus memilih akun (atas nama) untuk berkomentar.

Ada beberapa situs yang memberikan layanan penyedia kotak komentar. Salah satunya facebook, situs jejaring sosial yang sangat populer itu menyediakan widget atau plugin untuk kotak komentar yang bisa dipasang di blog kita. Tampilan kotak komentar itu sangat
facebook banget.

Cara membuat kotak komentar facebook di blog ini lebih mudah dibanding
sebelumnya. Ini bisa menjadi salah satu alternatif kotak komentar blog yang bisa lebih ramah dan mempermudah pengguna atau pembaca untuk meninggalkan komentar. Seperti yang kita tahu, hampir semua orang punya akun facebook daripada akun blog.

Cara Membuat Kotak Komentar Facebook yang Mudah
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode <b:includable id='status-message'> dan di atas kode tersebut, kita akan menemukan kode </b:includable>
5.Taruh kode yang berwarna merah di atas </b:includable> seperti berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://kurniasepta.blogspot.com/2012/09/cara-mudah-membuat-kotak-komentar.html' target='new'><img border='0' height='30' src='http://4.bp.blogspot.com/_VRwISTiabbk/TU66SGiMM6I/AAAAAAAABDA/F08fuVZaWOU/s1600/comment.gif' width='200'/></a></p>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='7' width='470'/>
</b:if>

</b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='status-message'>

6. Kita dapat ganti 7, yaitu banyak komentar yang akan ditampilkan dan 470 adalah lebar dari kotak komentar facebook.
7. Simpan Template jika sudah selesai.

semoga bermanfaat


***==========================================================***
 

Cara Membuat Like Button Facebook


***=============================*** 
 Cara Membuat Like Button Facebook di Bawah Postingan

***======================================================***

cara memasang tombol like facebook di bawah postingan- 
Pernakah sobat blogger melihat artikel di suatu blog atau web yang  dibawahnya terdapat like button/ tombol suka facebook, dan sobat ingin memasang yang seperti itu di blog sobat????????????? 
Nah... pada artikel kali ini kita akan kupas habis mengenai cara membuat like button facebook dibawah postingan, keuntungan dari tombol like facebook ini adalah pembaca yang ingin nge-share ke fb tdk harus menekan tombol share yg ribet itu.. 
tp hanya menekan tombol like di bawah postingan tersebut.. saya rasa cukup penjelasan diatas..

kurang lebih nanti tombolnya adalah sebagai berikut :
nah mari kita mulai tutorialnya :

    bacalah doa sebelum melakukan kegiatan berbahaya ini
    loggin ke blogger
    dari dashboard masuk ke rancanan dan kemudian masuk ke menu edit html
    setelah itu jangan lupa mencentang Expand Template Widget
    lalu cari kode  <data:post.body/>  ( gunakan ctrl+f  untuk mempermudah pencarian )
    kalau kode seperti diatas terdapat lebih dari satu, cari kode lengkapnya seperti ini :

          <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

jika kode yang sama seperti kode nomor 6 tidak ada jangan menyerah, kode nomor 5 yang ditemukan lebih dari satu tadi gunakanlah satu persatu dalam langkah berikutnya ( saya pernah mencoba satu persatu dan akhirnya berhasil di salah satu kode yang ketemu lbih dari satu tadi )

langkah terakhir adalah menaruh kode dibawah ini tepat dibawah kode yang kita temukan di langkah nomor 5-6 tadi :


<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=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

nah..langkah terakhir tinggal di-save
sekian artikel yang saya buat hari ini... :)  

***==============================================================***
 

Busana Muslim Azka Akhir Tahun 2012

Busana Muslimah Azka Akhir Tahun 2012 .
Promo Discount 10% .

Azka Akhir Tahun 2012

  • GS51 (ungu muda)

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor.

    Tersedia :
    Size : XS,S,M,L,XL,dan XXL
    Harga : Rp.285,000
    Discount 10% menjadi Rp.256.500,-

  • BS51 (Ungu Muda)

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor .

    Tersedia :

    Size : XS,S,M,L,XL,dan XXL

    Harga : Rp.235,000

    Discount 10% menjadi Rp.211.500,-

  • KS51 (Ungu)

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor

    Tersedia :

    Size : M,L,XL,dan XXL

    Harga : Rp.205,000
     
    Discount 10% menjadi Rp.184.500,-

  • BS51

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor

    Tersedia:

    Size : XS,S,M,L,XL,dan XXL

    Harga : Rp.235,000
     
    Discount 10% menjadi Rp.211.500,-

  • KS51

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor

    Tersedia :

    Size :  M,L,XL,dan XXL

    Harga :Rp.205,000
     
    Discount 10% menjadi Rp.184.500,-

  • GS51

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor

    Tersedia :

    Size : XS,S,M,L,XL,dan XXL

    Harga : Rp.285,000
     
    Discount 10% menjadi Rp.256.500,-
  • GS52

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor

    Tersedia :

    Size : XS,S,M,L,XL,dan XXL

    Harga :Rp.285,000

     Discount 10% menjadi Rp.256.500,-

  • KS52

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor

    Tersedia :

    Size : M,L,XL,dan XXL

    Harga : Rp.205,000
     
    Discount 10% menjadi Rp.184.500,-

  • G34 (Orange)

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor

    Tersedia :

    Size XS,S,M,L,XL,dan XXL

    Harga : Rp.285,000

     Discount 10% menjadi Rp.256.500,-

  • B58 (ungu muda)

    Lenkapi Style Anda Dengan Koleksi Terbaru dari Azkasyah Sulam Tangan Etnik Khas Bogor

    Tersedia :

    Size : XS,S,M,L,XL,dan XXL

    Discount 10% menjadi Rp.211.500,- 

    B58 (ungu muda)






    Untuk Yang Berminat Bisa Di Pesan VIA :
    SMS / Tlp : 081329400496 /  
        088923128441
    Facebook :  Facebook


    *NB //: Belum Termasuk Ongkos Kirim ..
    Terima Kasih ..