Breaking News
Loading...
Wednesday, May 8, 2013

Cara membuat kotak like facebook melayang pada blog dan follow twitter

twitter and facebook



Hai sobat Info .
Langsung cekidot ya ^_^
.


Cara Membuat Twitter Box Melayang di Blog :
1. Silahkan buat terlebih dahulu tampilan widget tersebut di http://twittercounter.com/
2. Login dengan menggunakan akun Twitter Sobat.
3. Jika sudah Lalu klik My Widget, Lalu Klik Widget Setting and Code, sesuaikan dengan selera dan tampilan blog kita, jika sudah cocok lalu copy kode script widget yang telah disediakan.
4. Masuk ke Blogger.
5. Pilih Dashboard, lalu klik Layout / Tata Letak.
6. Tambahkan Gadget Baru dengan klik Add a Widget / Add a Gadget.
Sesuaikan dengan posisi letak yang ingin Sobat pasang.
7. Pilih HTML/Javascript.
8. Ganti kode warna merah pada script berikut ini dengan kode yang tadi diperoleh dari twittercounter.com
<style type="text/css">
.barrighttwitter{background:url('http://1.bp.blogspot.com/--gRMUITrjwM/TpOxLpClllI/AAAAAAAAANs/l88iteOo244/twitter.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('http://2.bp.blogspot.com/-B97DZMK7wus/TpOxNSwRhPI/AAAAAAAAAOU/A-RjcC6WYjk/twitter.png');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
</style>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
PASTEKAN KODE SRIPT TwitterCounter
</div>
</div>

9. Setelah anda ganti, copy semua kode yang telah digabungkan dengan twittercounter diatas. 
10. Masukkan ke dalam kotak HTML/Javascript di Blogger tadi.
11. Save Widget.

Maka pada halaman anda, telah terpasang box twitter melayang di blog.
Source : abufarhan

Cara Memasang Tombol Like Facebook dengan Follow Twitter Simple :
1. Masuk ke Blogger.com
2. Pilih Blog Anda, lalu ke Layout / Tata Letak
3. Tambah Widget anda.
4. Pilih HTML/Javascript
5. Copy kode CSS dan HTML berikut :
<style type="text/css">
#AGCnavbar3{border:4px solid #000;border-radius:5px; width:155px; height:57px; margin-bottom:460px; margin-left:10px; font-family:Comic Sans Ms; color:white;text-align:left; background:#222222url("http://1.bp.blogspot.com/_HGekX55lw4E/TPjPMLM8FcI/AAAAAAAAAS0/bED_PUlaJRs/s1600/grid.png"); background:#222222url("http://1.bp.blogspot.com/_HGekX55lw4E/TPjPMLM8FcI/AAAAAAAAAS0/bED_PUlaJRs/s1600/grid.png"); background:#222222url("http://1.bp.blogspot.com/_HGekX55lw4E/TPjPMLM8FcI/AAAAAAAAAS0/bED_PUlaJRs/s1600/grid.png"); padding:2px; z-index:999; bottom:1px; left:1px; right:1px; position:fixed;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;-ms-transition: all 0.9s ease-out;-o-transition: all 0.9s ease-out;transition: all 0.9s ease-out;}
#AGCnavbar3 .left{float:left; text-align:left; font-family:Supermercado; font-size:10px; font-style:normal; font-weight:normal; color:White; padding:2px 10px}
#AGCnavbar3:hover{box-shadow:1px 1px 5px black;font-size:20px; font-style:bold; width:155px; height:57px; margin-bottom:460px; margin-left:10px; margin-right:120px;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;-ms-transition: all 0.9s ease-out;-o-transition: all 0.9s ease-out;transition: all 0.9s ease-out;}
</style>
<div id='AGCnavbar3' style='position:fixed;'>
<span class='left'><img src='' title=''/>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/http://infoterupdatedanterbaru.blogspot.com&amp;send=false&amp;layout=button_count&amp;width=85&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21' style='border:none; overflow:hidden; width:85px; height:21px;'/>
<div style='margin-right:3px;margin-left:2px;'>
<a class='twitter-follow-button' data-lang='id' data-show-count='false' href='https://twitter.com/ndaksukamandi'>Ikuti @Media Blogger</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></div>
</span></div>

Keterangan :
  • Ganti kode berwarna hijau dengan ID Facebook Anda / URL Fans Page FB kalian.
  • Ganti kode berwarna orange dengan kode tombol twitter anda.
Anda dapat mengganti nama twitter di widget tersebut dengan nama twitter anda (di dalam kode warna orange).
Itulah tadi berbagai macam jenis widget tambahan yang dapat anda gunakan agar memudahkan pengunjung mencari atau melakukan contact dengan anda. Semoga Cara Membuat Tombol Like Facebook dan Twitter Box ini dapat bermanfaat.



Sekian informasi dari saya.
Terima kasih telah berkunjung Sob +_^ .






Ditulis Oleh : Achmadi Iman Faris ~ Faris Share

Faris Art Sobat sedang membaca artikel tentang Cara membuat kotak like facebook melayang pada blog dan follow twitter. Oleh Admin, Sobat diperbolehkan mengcopy paste artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

0 komentar:

Post a Comment

Mohon Sobat Untuk Tidak Berkata Kasar Pada Formulir Komentar, Dan Mohon Untuk Saling Menghargai .
[1] . Berkomentar boleh , tapi jangan nyepam(BOM COMMENT) ya kaaka ..
[2] . Live link tidak papa , tapi maksimal sehari 2 link jika berkomentar;)
Sekian Dari Admin Dan Terima kasih....

 
Toggle Footer
Copyright © 2012 Faris Share™ All Right Reserved
Blogger Designed by IVYthemes | MKR Site