Skip to main content

Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang - ITFS ARI

Salam Sukses Bagi Pengunjung StyLe Of TKJ

Kali ini saya akan share Artikel tentang Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang yang sangat menarik dan Efektif ini kepada kalian semua.Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang yang menurut saya merupakan salah satu widget blogger terbaik di tahun 2012 ini. Tiga buah widget melayang yang digabung dalam Satu gadget. Demo penerapan widget melayang (floating widget) ini bisa sobat lihat disamping sidebar kanan blog ini. Seperti apa Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang, sekarang waktunya kita bedah bersama sama Widget ini dalam Tips Blog di StyLe Of TKJ .

Baik Langsung Ke Tutorialnya :

1. Log In Ke Blogger dengan Akun Sobat
2. Masuk Ke Tata Letak
3. Add Gadget
4. Pilih HTML/Javascript
5. Copy Code dibawah ini

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRV5BsfrGC_5o8d9tegkgnN2unaBbJ2zmrVuNGkKj0AKVvJyJlmBnBNLlsyTdY9BtIktfwWZUm3bbucEytq0zfsOWZfrXvcQ9W58TiWBsJoYxqeP19t9dVIS2y1odGXE6vTuIHHECV_5S//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuc7SmV2-CqdQ4SW9k824FhD2ZOb5o66iazVORijR5EqUkmi6O7sylHIBLu6GsXImIDvN-bTtfah2roMioDZuNmZo2LGsgbtDAow3-W3mR6jdAB_2F2IdDvSvgzNgexCsxfDK-5LYI9jp//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoGz6xJheTAva_3TvTHgVL-ax0NufYwGkp_LyiTP8juoJiNsCLFAQLRk6PvN6dI71WpabAanWHPU0zOacI1augZDttDCWi3h3-78jDhbfcofkrBrQlvLZxEMO0gn5dRBvRM3wNYsPFzEE_//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Otu9DmbCHF_clsfQpO1UKFgwkictCF9DBl3wsNgbU-63V2YEXi4J59oJclqrkMSOXKABBACwvtli9UBkqZJQXkS0duNQN2a0d8r1nTeQ4CYYGpV-TvqARrKv94-NzPDb80tZKBOKUtp8//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_CeDuTA0_AXPhl61rQ2kLGRjoE07ZIdedE5jNs5WmDY2CAaV8NAn-4DSpq_rTs1CDxc-Vo9IcHHgyP0No6vhPuSfeLa6Ish6ytBPCatl2JvgxLAWJk38GGwt5FBq0lpkFf7Lc4Cs4zMgr//');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/AVvXsEiHb_gqlcSz47Hi18kbxv6QRJ81sDeG9RUtLVmqtR9eZIKePiAZ2GDvEb-WykZfOR4UUn5O5lnQ_m8EIbLzTGycST69TESg73EhX5fWukaDc6zIjqoYwQPUhstTQhJ8fvMRvrzPPfE_2dP-//');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="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">

CONTENT BLOGGER HERE

</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">

CONTENT TWITTER HERE

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

CONTENT FACEBOOK HERE


</div>
</div>

6. Save kemudian lihat hasilnya.
7. Ini Hasilnya



Demikian Tutorian Tentang Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang, Tunggu Artikel Selanjutnya. Jangan Lupa Komentarnya ya. Sekian dan Terima Kasih


Comments

  1. wow keren bro... ane mau coba ah... :) izin coba ya bro

    ReplyDelete
    Replies
    1. Silahkan Gan.......

      Jangan Lupa Berkunjung Kembali yaaaaaa.....

      Terima Kasih . . . . .

      Salam Sukses

      Delete
  2. Templatenya bagus, sayangnya kagak responsive..... -_-

    ReplyDelete
  3. keren dah, tambah cantik blognya...hehehe

    ReplyDelete
  4. gan nyari content nya dimana yah gan
    maklum baru belajar nih

    ReplyDelete
  5. tanya sama Om Google ajha Gan ....

    kan Om Google Baik ...

    ReplyDelete
  6. mantab.. terimakasih banyak buat script tutorialnya...

    ReplyDelete
  7. terimakasih banyak sob sangat membantu sekali..

    ReplyDelete

Post a Comment

Popular posts from this blog

Cara Membuat Postingan Blog Terindeks Oleh Google - ITFS ARI

Tidak dapat dipungkiri, sebuah website atau blog yang terindex oleh Google akan muncul pada urutan teratas hasil pencarian di mesin pencari Google, dan pasti memiliki peluang lebih besar dikunjungi oleh pengguna internet, tapi apakah blog anda telah terindex oleh Google, pada posting ini saya  "Last Ari Stevand" akan menjelaskan cara yang dulu saya gunakan untuk mengoptimasi blog saya ini agar cepat terindex Google, cara yang saya lakukan ini ternyata berhasil, hanya dalam kurun waktu sebulanan  blog saya ini telah terindex oleh Google di pencarian Web mau ??? langsung saja Ini Caranya... Banyak orang yang mengatakan blog yang belum berumur setahun tidak akan bisa terindex Google, dan biasanya yang terindex pun hanya beberapa blog saja dari sekian banyak blog didunia, namun saya tidak percaya dengan itu, pasti cepat atau lambatnya suatu blog terindex tergantung pada beberapa faktor yang digunakan oleh Google, faktor tersebut ialah. 1. Judul halam

Antara Cinta Dan Keluarga - ITFS ARI

  Hidup akan menjadi indah selama kita masih memiliki dan berada disamping orang –orang yang kita sayangi, seperti anita yang dimana dia masih memiliki kedua orang tua, adik dan kakak yang selalu mengingatkannya dikala dia melakukan suatu kesalahan, anita yang masih berumur 16 tahun dan duduk dibangku sekolah SMK yang dimana dia masih melewati masa-masa pubertas sama seperti yang dirasakan oleh remaja yang lain. Pada saat itu anita menyimpan perasaan sayang pada seorang cowok yang bernama “Andre”.tanpa dia sadari bahwa dari awal dia masuk dibangku sekolah SMK anita sudah dilarang oleh keluarganya untuk berpacaran,tetapi anita tetap saja menentang perintah orang tuanya itu,anita dan andre menjalani hubungan berpacaran sudah hampir dua tahun. Dia menjalani semua itu tanpa sepengetahuan dari orang tua anita,apakah ini kekonyolan dari sebuah cinta ? seperti ada pepatah kalau “ Cinta itu Buta “ yang bisa membutakan mata dan hati bagi insan yang merasakannya seperti “Anit

Langkah Pertama Menjaga Keamanan Router - ITFS ARI

Iwan Fitrianto Rahmad, M.Kom Pemrograman Web Setelah selesai dengan setting fitur yang dibutuhkan, terkadang admin jaringan mengabaikan sisi kemanan router. Hal ini akan sangat riskan akan terjadinya serangan terhadap router, terlebih ketika router langsung terkoneksi ke internet dan memiliki ip public. Namun jangan salah, serangan terhadap router tidak selalu berasal dari jaringan internet, bisa juga berasal dari jaringan lokal. Kita akan coba bahas langkah pertama yang perlu dilakukan untuk menjaga router dari orang yang tidak bertanggung jawab.  Services Router Mikrotik menjalankan beberapa service untuk memudahkan cara user dalam mengakses router, atau menggunakan fitur lainnya. Service ini by-default akan dijalankan oleh router terus menerus.  Kita bisa cek service yang dijalankan oleh mikrotik di menu IP --> Services Ada beberapa service yang secara default dijalankan oleh router mikrotik. Berikut detail informasi service router MikroTik dan k