Cara menghubungkan twitter ke facebook

Twitter dan facebook merupakan jejaring sosial yang sangat diminati para masyarakat, bagaimana kalau keduanya saling berhubungan? Tentunya cara menghubungkan twitter ke facebook sangat menarik dan perlu anda terapkan. Tidak ketinggalan para Netter, blogger pun begitu antusias dalam memanfaatkan kedua situs jejaring ini, terbukti dengan banyaknya gadget Facebook dan widget twitter nongkrong di setiap blogspot para blogger.

Beberapa manfaat yang bisa anda peroleh ketika menghubungkan twitter dengan facebook diantaranya adalah setiap anda update status di Twitter maka akan otomatis terupdate pula di Facebook dan akun Twitter anda juga akan dikenal oleh sobat-sobat anda di Facebook. Menarik kan?

Oke, langsung saja kita bahas cara menghubungkan twitter ke facebook berikut ini:

1. Klik atau masuk ke link ini: http://apps.facebook.com/twitter/ 
2. Klik “Go to your Twitter Profile Setting to start” 
3. Anda akan dibawa kesitus Twitter dan diminta memasukkan username & password twitter 
4. Kemudian muncul konfirmasi “allow” atau tidak dan anda pilih “allow”

Atau anda bisa juga setting langsung di akun Twitter, caranya:

1. Log in akun Twitter 
2. Masuk menu Setting dan masuk ke Tab Profile 
3. Di bagian bawah cari tulisan Facebook kemudian anda akan diminta login ke akun facebook.

Untuk melihat hasilnya, anda bisa mencobanya dengan update status di Twitter, dan lihat apa yang terjadi di Facebook anda, apakah ikut terupdate juga? Kalau terupdate maka settingan anda berhasil.

Sudahkah  akun jejaring sosial anda saling berhubungan? Kalau belum silahkan terapkan cara menghubungkan twitter ke facebook  yang dijelaskan di-atas.

Read more »

Cara memasang widget twitter blogspot

Pernakah anda melihat burung tweeter terbang pada halaman blogger? menclok ke-sana-kemari menyesuaikan pergerakan halaman blog? tampak unik dan blog pun terlihat cantik. Bagaimana caranya ya? nah pada pembahasan kali ini saya akan menjelaskan cara memasang widget twitter blogspot baik yang sifatnya diam dengan menampilkan status twitter, maupun widget burung twitter yang terbang.

Fungsi widget ini sama halnya dengan widget facebook yang sudah saya tulis sebelumnya seperti "Cara Membuat Widget Melayang Facebook Like Box". widget ini juga berguna untuk:
1. Menampilkan Status twitter anda di blog
2. Mempromosikan blog anda melalui twitter
3. Sebagai cara mempercantik blog anda.

Singkat cerita :) cara memasang widget twitter adalah sebagai berikut:

1. Masuk ke situs twitter, atau cepatnya masuk ke link berikut: https://twitter.com/about/resources/widgets. 
2. Kemudian pilih "situs web saya".
3. Pilih "widget profile" > pada kolom nama pengguna, isikan ID twitter anda.
4. Anda bisa mengatur tampilan widget twitter anda melalui tab Preferensi, Tampilan dan ukuran.
5. Setelah dirasa cukup Klik tombol "selesai & ambil kode".
6. Ada dua pilihan yang diberikan yaitu mengambil atau copy kode scriptnya dan nantinya dipasang/paste sendiri pada gadget blog anda, atau dengan meng-klik tombol "add to blogger" yang secara otomatis nanti dituntun masuk ke gadget blog anda secara otomatis.
7. Dari langkah 6 di atas misalkan anda memilih copy code scrpitnya cara pasang nya adalah pada langkah 8 berikut:
8. Masuk dan log in ke akun blogspot anda.
9. Klik tombol rancangan > tata letak
10. Tambah gadget > HTML/JavaScript
11. Kemudian copy kode script pada langkah 6 tadi.
12. Simpan pekerjaan anda dan lihat hasilnya..

Sekarang bagaimana cara memasang widget burung twitter melayang di blog? caranya adalah:

1. Ikuti langkah 8 sampai 10 pada penjelasan di atas. 
2. Copy kode di bawah ini dan ikuti seperti langkah 11 dan 12 di atas.

Widget Twitter Terbang Di Blog burung twitter warna biru

        <script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
        <script type="text/javascript">
        var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2N7x6r33nB7rPdckogSUBcrdvob1eRXWGOOhn4GsXXYyK7UdkSwrJI5g-Onq6XLNANf__-9IIZ0kzug-wj21du0rejiMNGVUPBHaUoA0EQjabF1uIhd_wDrQ1Toi-QcslEJ9vo9bCRl0/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
      
</script>

Widget Twitter Terbang Di Blog burung twitter warna merah

        <script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
        <script type="text/javascript">
        var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7NuC9-A5EIPZzcf-uN36rhB_0-lG-7ASEdAs3FYadWyE20fYDbgVfZBMy_mi8z-7sbkEokmtQr8SHDx1pe7gJZ2TlALvu8g0YwM01hu_epqJA_ZuIhA1zkU8cI3S56pb3bc6gmpRiLU/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
      
</script>

Keterangan: tulisan yang berwarna merah, silahkan ganti dan sesuaikan dengan alamat akun twitter dan alamat situs blog anda.

Demikian kupas tuntas cara memasang widget twitter blogspot - blogger, baik yang sifatnya diam (status twitter) atau dengan animasi burung twitter yang terbang di blog. Bagaimana dengan blog anda, apakah sudah dipasang twitternya?

Mau berlangganan artikel dari kami, silahkan daftar dengan mengisi alamat email anda pada kotak dibawah kemudian Klik DAFTAR


Mau tau cara membuat fungsi ini Klik disini

Read more »

Memasang Tombol Like Facebook di Blogspot

Untuk memasang tombol like facebook dibawah setiap postingan caranya adalah sbb :



1. Login ke blogger.com, buka Dashboard - Design - Edit HTML



2. Download Full Template --> untuk berjaga-jaga jika ada trouble



3. Centang Expand Widget Templates

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



5. Copy script dibawah ini dan letakkan dibawah kode <data:post.body/>



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

<div id='fb-root'/>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) {return;}

js = d.createElement(s); js.id = id;

js.src = &quot;//connect.facebook.net/id_ID/all.js#xfbml=1&quot;;

fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

<div class='fb-like' data-send='false' data-show-faces='false' data-width='300'/>

</b:if>



6. Save Template dan Lihat hasilnya.



Semoga Bermanfaat.

Read more »

Cara Membuat Widget Melayang Facebook Like Box

Hampir mirip dengan artikel sejenis yang sudah saya rilis sebelumnya yaitu cara membuat buku tamu di blogspot dengan cara disembunyikan dan efek melayang. Pada kali ini saya akan mengajak anda mempraktekan cara membuat widget Facebook like dengan cara tersembunyi dan melayang juga.
banyak manfaat yang bisa anda peroleh dengan menggunakan cara ini yaitu selain unik dan menghemat tempat pada sidebar, juga cara ini bisa mempercepat atau tidak menghambat kecepatan loading di saat blog anda pertama kali di akses. Untuk dapat mempraktekannya terlebih dahulu anda harus sudah terdaftar dan mendapatkan kode Facebook like box terlebih dahulu. Bagaimana tertartik untuk mempraktekannya? berikut cara memasang widget facebook like melayang pada blog:

Cara Membuat Widget Melayang Facebook Like Box

• Login ke dashboard blogger anda. 
• Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).\
• Copy script widget dibawah ini dan paste pada gadget.

    <style type="text/css">

    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH__AIVcg31dIRZyFQd1F-j72CQnmK93JWX2GygGFptJjv7wjV74nzYH9eGC0vGbn8FlhPs-KiZQ0-3x57_O6VKTG-qYAgrR-qR7musO83lsmrfdiLugD0ioT_BE8zrwgQ0FYDmjVh2uPZ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXzEpTzjATJFyjUPES5Lz6iKOiCcIVSiqCOwXBYMAe9HBAvt2JLOYmhHsngac-TsL6gFqq75BZ-ABuEBcOpqydRJFQmcamRlcvyJ4sWqJrKJyOMhS_vcKdnJs8G-BkZf93GxoyNnTEcf-5/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

    .barcontefacebook{margin:5px 0 0 47px}

    </style>

    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

    <div class="barcontefacebook">

    <!-- Begin Facebook -->

    KODE FACEBOOK LIKE BOX ANDA DISINI

    <!-- End Facebook -->

    </div>

    </div>

• Ganti tulisan KODE FACEBOOK LIKE BOX ANDA DISINI dengan kode Facebook Like Box yang sudah anda persiapkan. 
• Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.

     <script>(function(d, s, id) {

      var js, fjs = d.getElementsByTagName(s)[0];

      if (d.getElementById(id)) {return;}

      js = d.createElement(s); js.id = id;

      js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

      fjs.parentNode.insertBefore(js, fjs);

    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

• Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook. 

• Save / Simpan.

Selesai.... bagaimana? gampang kan caranya? semoga Cara Membuat Widget Melayang Facebook Like Box ini blog anda semakin menarik dan unik.

Happy blogging...

Mau berlangganan artikel dari kami, silahkan daftar dengan mengisi alamat email anda pada kotak dibawah kemudian Klik DAFTAR


Mau tau cara membuat fungsi ini Klik disini

Read more »

cara membuat share box di blogspot- blogger blog anda

Alhamdulillah, tulisan ini adalah tulisan pertama saya di awal tahun 2012, menyenagkan sekali rasanya ^_^ , Oke, kembali kebahasan, pada kali ini saya ingin menunjukan kepada anda cara membuat share box untuk blogspot- blogger blog anda, didalamnya terdapar fungsi-fungsi:

1. official tweet button dengan counter 
2. oficial Google Buzz dengan counter 
3. official Stumbleupon button dengan counter 
4. Blog This! 
5. Email this! 
6. Print this! 
7. Comment count link 
8. dan terakhir Facebook like button.

bagaimana cukup complete bukan?semuanya dapat diramu jadi satu dan bisa ditambahkan dengan cepat pada blog anda.
tampilannya kira-kira seperti ini nih:

cara membuat share box untuk blogspot- blogger blog adalah sebagai berikut:

• Log in pada blogger anda 
• pilih Rancangan --> Edit HTML 
• Klik "Expand Widget Templates" 
• Cari kode berikut <div class='post-header-line-1'/>
• Copy dan pasang kode share box tepat dibawah kode <div class='post-header-line-1'/>

Perhatian: jika anda tidah dapat menemukan kode <div class='post-header-line-1'/> , anda juga bisa sebelum kode <data:post.body/>
Kode share boxnya adalah:

<b:if cond='data:blog.pageType == "item"'>


<style type='text/css'>
.multisharebox {
 background: none repeat scroll 0 0 #EFEFEF;
 float: right;
 margin: 5px 0px 3px 10px;
 padding: 0 5px 0;
 text-shadow: 0 1px 0 #FFFFFF;
 width: 260px;
 border:4px solid #d8dfea;
}
.fb-like-boxtop {
 background: none repeat scroll 0 0 #EDEFF4;
 border: 1px solid #D8DFEA;
 color: #000000;
 float: right;
 font-size: 11px;
 margin: 0 0;
 padding: 5px 10px;
 text-align: left;
 width: 230px;
}
.fb-like-boxtop a {
 color: #000000;
 text-decoration:none;
}
.fb-like-boxtop a:hover {
 color: #000000;
 text-decoration:underline;
}
.fb-like-box {
 background: none repeat scroll 0 0 #EDEFF4;
 border: 1px solid #D8DFEA;
 color: #000000;
 float: right;
 font-size: 11px;
 height: 60px;
 margin: 5px 0;
 overflow: hidden;
 padding: 5px 10px;
 text-align: left;
 width: 230px;
}
</style>


<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->
<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td>
<td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td>
</tr><tr>
<td><div class='fb-like-box'>
Do you like this post?
<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=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr></table>
</div>
<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->


</b:if>

Setelah terpasang, jangan lupa save pekerjaan anda dan lihat hasilnya.
Demikian cara membuat share box untuk blogspot- blogger blog anda, awali hari-hari diawal tahun 2012 ini denga hal yang bermanfaat, Happy Blogging..

Read more »

Cara memasang Gadget Facebook

Memasang widget atau badge Facebook pada blogger bisa sobat lakukan dengan memanfaatkan link badge atau lencana profil pada Facebook. cara memasang gadget facebook di blogspot adalah sebagai berikut:

1. Aktifkan akun Facebook sobat, dan pastikan sobat masuk pada halaman profile.
2. Cari dan pilih link "create a profile Badge", sehingga anda sobat akan diarahkan masuk pada halaman "profile badges".
3. Klik tombol "Create a New Badget" untuk membuat badge baru.
4. Aturlah layout dari badge tersebut apakah akan ditampilkan secara vertikal, horizontal atau terdiri dua kolom.
5. Tentukan juga informasi apa saja yang akan ditampilkan dengan mengaktifkan kotak periksa pada informasi tersebut.
6. Preview akan ditampilkan di sebelah kanan dari pengaturan tersebut.
7. Kemudian klik tombol Save untuk menyimpan pengaturan.
8. Karena badge tersebut akan diletakan di blogger, maka pilih thubmail blogger.
9. Dari langkah diatas anda akan diarahkan ke halaman "menambah Eleman Laman" pada blogger
10. Anda bisa mengganti judul dari badge tersebut, pilih tombol "menambah Widget" untuk menerapkannya
11. Selanjutnya pada halaman "Elemen Laman", atur lah posisi nya pada sidebar, kemudian simpan dan lihat hasilnya.

Demikian cara memasang gadget facebook di blogspot, semoga berhasil..

Read more »

Memasang Like Box Facebook Page di Blogspot

Facebook page banyak digunakan untuk berinteraksi pemilik blog dengan jejaring sosial Facebook. Facebook page juga banyak digunakan untuk mempromosikan blog sehingga dapat meningkatkan pengunjung blog. Sebelum memasang like box di halaman blog, kita harus membuat halaman facebook atau facebook pages dulu.

Cara membuat Facebook Pages dan Like Box adalah sbb :




1. Login ke facebook.com dan blogger.com


2. Kunjungi http://www.facebook.com/pages/ dan klik Buat Halaman








3. Pilih salah satu kategori yang kita inginkan, misalnya Perusahaan, Organisasi, atau Institusi







4. Isi Form dan klik Mulai







5. Klik Lewati, upload gambar atau logo bisa dilakukan nanti







6. Masuk ke langkah 2 dan klik lewati lagi


7. Isi alamat Blog, Keterangan Blog dan klik Lanjutkan







8. Copy alamat facebook pages yang ada di alamat browser. misalnya http://www.facebook.com/pages/Tutorial-Blog/145491985551146







9. Halaman Facebook sudah jadi kemudian klik Tambah Kotak Suka







10. Pastekan alamat halaman facebook kita dan isi form lainnya sesuai keinginan. Klik Get Code.







10. Pilih IFRAME, copy code script.










11. Seperti biasa buka Blogger - Dashboard - Design - Add a Gadget - HTML/JavaScript - Pastekan Kode Script Like Box - Save - View Blog


12 Like Box sudah tampil di halaman blog kita.







Terima asih sudah berkunjung ke blog ini, semoga bermanfaat.


Mari kita menulis dan saling berbagi sesama Blogger Indonesia.

Read more »

Cara Pasang Form Komentar Facebook di Blogspot

Facebook (FB) merupakan jejaring sosial yang paling populer sekarang ini. Siapa sih yang gak punya akun FB? So, kadang kita perlu memasang form komentar Facebook agar pengunjung bisa langsung mengomentari postingan kita tanpa harus login ke akun google dulu.






Cara memasangnya ikuti langkah-langkah berikut ini.





1. Login ke akun facebook anda.




2. Buka Developers Facebook Klik Aplikasi.










3. Masukkan kata sandi FB anda da klik Lanjutkan.





alt=""id="BLOGGER_PHOTO_ID_5668257212291330738" />




4. Pilih Izinkan.





alt=""id="BLOGGER_PHOTO_ID_5668257207961464770" />




5. Pilih Create New App.




alt=""id="BLOGGER_PHOTO_ID_5668257212599885010" />




6. Isi Judul dan Alamat Aplikasi (bebas) dan centang I Agree dan klik Lanjutkan.









7. Ketik Kata Pengaman dan klik Kirim.









8. Akan Muncul data Applikasi ID dll. Copy ID tersebut yang selanjutnya akan kita gunakan untuk ID di Form Komentar.









9. Buka Blogger - Dashboard - Design - Edit HTML - Download Full Template (untuk bakup template) - Centang Expand Widget Templates.














10. Cari Kode <data:post.body/> (dengan Ctrl+F)




11. Copy Kode dibawah ini dan ganti ID-APLIKASI dengan ID anda dan paste di bawah kode <data:post.body/>







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


<div style='background-color:</sub>#ffffff; padding:10px; border:1px solid #cccccc;'>


<p align='left' style='background:transparent;'><a href='http://free-blog-tutorial.blogspot.com/2011/10/cara-pasang-form-komentar-facebook-di.html' target='new'><img src='https://lh5.googleusercontent.com/-UKy3AkaVElg/Tr2E6dkOaZI/AAAAAAAAAsg/vacAFSJlZSQ/s144/fbcomment.png'/></a></p>


<div id='fb-root'/>


<script> window.fbAsyncInit = function() { FB.init({appId: &#39;ID-APLIKASI&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script>


<fb:comments num_posts='10' width='300'/>


<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://free-blog-tutorial.blogspot.com/2011/10/cara-pasang-form-komentar-facebook-di.html' target='_blank' title='Blog Tutorial'>Get This Comment Form</a></p></div>


</b:if>







12. Save Template dan coba lihat hasilnya.


yang warna biru bisa disesuaikan dengan temlpate blog, kode '#ffffff' adalah warna backgroud, '10' adalah jumlah komentar yang di tampilkan dan '300' adalah lebar form komentar.


Thanks sudah menunjungi blog ini, semoga bermanfaat.

Read more »

Menambahkan Foto Profil Facebook di Blogspot

Facebook merupakan jejaring sosial yang sangat populer sekarang ini. Untuk mempermudahkan interaksi pengunjung blog dengan FB kita di blog perrlu juga kita tambahkan link facebook dalam bentuk foto profil.
Caranya sangat mudah sbb :





1. login ke facebook dan blogger anda.


2. Kunjungi http://id-id.facebook.com/badges/








3. Pilih Lencana Profil







4. Pilih Blogger atau Other untuk mendapatkan kode html nya.







5 Kita akan dibawa ke Add Page Element, pilih blog dan klik add widget








6. Foto profil FB sedah terpasang di Blog kita.










Semoga bermanfaat

Read more »

Berbagi Artikel Lewat Facebook

Seperti kita ketahui, salah satu cara agar blog kita cepat dikenal adalah dengan melakukan submit artikel ke situs web directory atau bisa dengan mendaftar di situs social bookmark, seperti technorati, mybloglog, delicious, digg, stumbleupon, reddit, dll. Bisa juga dengan mensubmit ke situs-situs iklan baris dan submit ke situs khusus submit artikel, seperti situs ezinearticles.

 

Salah satu situs jejaring sosial yang sekarang paling banyak digemari adalah facebook, yang sampai saat saya menulis artikel ini masih menduduki peringkat 2 alexa, satu tingkat dibawah google. Itu berarti facebook sudah menjadi makanan sehari-hari jutaan orang di seluruh dunia. Sayang di sayang jika sobat tidak menggunakan kesempatan ini untuk melakukan promosi blog sobat ke situs “muka buku” ini.

 

Dengan apa sobat promosi blog? bisa dengan langsung menulis di wall milik sobat. Tapi cara itu cukup memakan waktu karena sobat harus menulis lagi di wall facebook sobat. Saya menyarankan sobat untuk memasang widget facebook share di blog, kenapa? karena tinggal klik sobat langsung dibawa ke halaman facebook dan seketika postingan blog nongol disana.

 

Hasilnya banyak yang akan mengklik link blog dan membaca postingan sobat, tentunya dengan catatan harus mempunyai banyak teman. Kalau teman saya cuman 10 orang gimana mas dody? “ya mendingan tinggal di hutan aja sob” Cukup ya testimonialnya, daripada panjang lebar nanti pada ngacir nya, yukkk...

 

Baiklah, sekarang silahkan ikuti langkah-langkahnya dibawah ini :

• Login ke blogger dengan ID sobat tentunya.
• Langsung saja menuju Tata Letak –>> Edit HTML
• Kemudian centang Expand Template Widget.
• Sekarang tergantung sobat ingin meletakkan button facebook nya dimana, jika melihat blog saya, sobat akan menemukan button facebook-nya ada di bawah judul postingan, dan akan muncul saat read more di klik saja.
• Untuk membuat seperti punya saya, sekarang sobat cari kode :

  <div class='post-header-line-1'/>
  <div class='post-body'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>.fullpost{display:inline;}</style>
  <p><data:post.body/></p>

• Dengan catatan sobat sudah menggunakan read more, baca selengkapnya disini.
• kemudian sisipkan kodenya di antara kode diatas, sehingga hasilnya seperti berikut :

  <div class='post-header-line-1'/>
  <div class='post-body'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>.fullpost{display:inline;}</style>
  <b:if cond='data:post.url'>
  <span style='float:right;margin-top:-30px'><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url' target='_blank'><img alt='www.blog-zone.info' border='0' src='http://lh5.ggpht.com/_7Y9pl24WpQY/Sx6lhaUhIjI/AAAAAAAACU4/QPkeR53HjaM/shareonfacebook_thumb%5B4%5D.png?imgmax=800'/></a></span>
  </b:if>
  <p><data:post.body/></p>

• Jangan lupa Simpan Template.

Keterangan :

1. Float:right –->> posisi button facebook-nya ada disebelah kanan.
2. Margin-top:-30px –>> jarak antara button facebook dengan judul postingan, silahkan diatur sesuai dengan template sobat.

Sebenarnya sobat bisa meletakkannya dimana saja yang kira-kira mudah di lihat pengunjung, bisa juga diletakkan dibawah postingan, dengan button yang lebih besar tentunya agar dapat dilihat pengunjung blog. Untuk kode yang berwarna merah adalah alamat url dari button facebook-nya, jika ingin mencarinya sobat bisa searching di google atau phobucket.

 

Oke deh, selamat berkreasi !

 

Read more »