Jumat, 23 Maret 2012

Cara Memasang Twitter di Blog

Cara Memasang Twitter di Blog - Dalam  dunia perblogkan memasang twitter di blog adalah termasuk untuk mempercantik blog, tapi kalau ini sidikit agak beda dari yang laen kalau biasanya berupa burunga atau yang laennya, tapi kalau ini tempatnya disamping blog. Jika kalian blom memasang ini rasanya blog kalian masih kurang. Makanya segera pasang twitter di samping blog kalian biar lebih ciamik..!!!he he he he
Bagaimana tertarik tidak sobat..... klo tertarik langsung tancap gas buat memasangnya!! gini sobat caranya...


1. Silahkan login ke akun Blogger sobat
2. Klik menu Tata Letak
3. Lalu klik add gadget atau "tambah gadget"
4. Selanjutnya pilihlah gadget Java script/HTML
5. Dan isikan kode berikut ke dalamnya

<!-- TWITTER DISAMPING BLOG -->
<style type="text/css">
.barrightblogger{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDpmMJ-KW2LakQMTVJXPvl44thIylA9ffm2Q-QmPIAEuwgsTlGWh7DylFo5pIl3vse8C-l4bodbpbVByDkDwtKI1extAQJZCAoT77dUsksiMyGYSQre8zJJ9NowSX7fq9D2eVuV3MDQTY4/');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/AVvXsEhF_aI0ToE_im5-30s9IFiQH3KJ3ABwrwicF6BiBbNyS1sSOrwt54HM5oa0X1ZGKInqnKASroNuPz1Dw2_zSF4ItxXrWzI1GE_Ji8a66S1tNV4gq8dO_5ay2M_Bub-xPc3OzpHfSv6GipT2/');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/AVvXsEg0yIrmJaM8sd0MRZMeK2HS3UQLzF7iPmd2CbOD31dPmYdgt3F_J6otPR1Ty4dpTcAvlNEGHtPCii39riorVtACgkadFTsiBNCiXRqwbliq5DlJBtLPgmQkLvPrkPhduwcBL6l8EAJGiD5M/');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/AVvXsEhOtb-4YssEtxZmOTOVDcfpjsQ-BWWLKBKKm8vQgjkgwkruqlh08fu7fPz03Nls6WHfjtS5k7i9G3JLN79FZWSlyYDGaSsI3S7oLhqMhbgOxuLem-qaN-gQzMUjwmgAsoB-zKKdFpURRsDG/');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/AVvXsEhl1p1zP9w-RsGjPF5JgWyMPSV13sKoAGPlu8fONP8pJGD5ImrF4ieMWnqEx8FCQLPsjYN9Xj_8KFq3jG2gC-Xpole6KCMz2cBSXWy86GDC9oa2uy-GrVXCq1EN0rftsPUA8kTGTZq5P4q7/');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/AVvXsEh-UZNt5rbf3gYV6GSXqo4d1fF4WvXMfE1yIgw1RRABrARao27AEPKUASwNSlSiHkU79N1wnAk7QhHN47VRKdiE2LnrcLsLc7vrbHczG35QvX0Ni_CP_s2fBcS8N1eyiQkCOE19vk9w3eVc/');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="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 2,
  interval: 30000,
  width: 220,
  height: 220,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#333333',
      color: '#f3f5f0',
      links: '#eb9f07'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('@Id4m_B4shori').start();
</script>

</div>
</div>
<!-- TWITTER DISAMPING BLOG -->

nb : ganti warna merah dengan akun twitter kalian

6. Klik tombol simpan.
7. Selesai.

Kalau misalkan ingin lihat hasilnya tinggal lihat di samping blog saya.
Selamat mencoba sobat........... Semoga berhasil!!!!!!!
Baca Juga Artikel Di Bawah Ini!!

Related Posts Plugin for WordPress, Blogger...