Pages

16 April 2013

Cara Mudah Pasang Box Twitter Di Blog

Mungkin bagi sebagian blogger sudah tidak asing dengan Facebook Like Box. Akan tetapi untuk jejaring sosial seperti Twitter, mungkin ada sebagain para blogger yang bisa membuat twitter box layaknya Facebook Like Box. Namun ada juga yang berlum tahu cara membuatnya. Oleh karena itu di postingan Semut Desa ini, akan menjelaskan bagaimana caranya untuk membuat twitter box di blog.
ayo ayo disimak.....


  • Pertama sobat login dulu di Twitter. jika sudah login lanjut ke cara berikut:
  • Klik Disini maka akan lanjut ke tampilan seperti dibawah ini.
  •  Klik Edit
  • Edit sesuai keinginan anda dan COPAS kode HTMLnya di blog sobat.
Untuk membuat Tweet Box Melayang Di Blog berikut caranya:

<style type="text/css">
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi88lyPKG2yhveI5Ym50LSjXWvenitNWOXP72aXnQc8JJt6iPlsvkbwyNPQj9JJo0xjcbYvSOcZpUXFGPh-Nm54PilI1YP5yME-WvamMU4IzdmDUYfH9fo5VjilUmIU6wDYcGz_9p0uLgeT/');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/AVvXsEh2Q3c25GiYUvH-rbCJVSX5B3bh3h-lJHpkNcd0R1n5waUxy0q2ZHYvXKfLxTUFt88STNYI6eSLsRmdBKTQOTzXqfG2XyEGDmXKqGf2d7BjdQAX9WQ2C6YbwsvxjveDiK5kad9-nu-XDpTI/');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">
KODE HTML
</div>
</div>

  • Ganti yang berwarna merah dengan kode HTML dari twitter tadi.
  •  Proses selanjutnya Login ke akun Blogger
  •  Dashboard > pilih "Design/Tata Letak"
  •  Lalu Klik "Add/Tambah Gadget"
  •  Kemudian pilih dan Klik "HTML/Javascript"
  •  Terakhir copy kode script yang telah digabungkan (Script Tweet Box & Script Twitter Counter) lalu pastekan pada "HTML/Javascript". Simpan. Dan Lihat hasilnya
 
Selamat mencoba !!!

2 komentar:

  1. mantap sob, saya sudah berhasil, sangat bermanfaat sekali, thanks ya
    http://samboedy.blogspot.com/

    BalasHapus

Berkomentarlah yang Sehat :

* Gunakan kata-kata yang sopan
* No Spam
* No Pornografi
* No Sara


Silahkan berkomentar !!! Komentar anda inspirasi Semut Desa.