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!!

Tutorial Blog

• Tutorial Merubah atau Menambah Penulis di Blog
• Cara Merubah Favicon atau Logo Blog Judul di Blogspot
• Tuturial atau Cara Membuat DP di BBM bergerak
• Membuat Komik Retro Dengan Photoshop
• Cara Merubah Kotak Komentar Bertingkat
• Mempercantik Blog Dengan Kupu-kupu
• Cara Memasang Efek Daun Berjatuhan di Blog
• Memasang Widget Komentar Terbaru di Blog
• Cara Menambah Emotion Dikotak Komentar Blog
• Membuat Daftar Isi Secara Otomatis
• Memperbaiki Tombol Balas Kotak Komentar
• Cara Merubah Tampilan Kotak Komentar Blog
• Cara Membuat Menu JQuery Dengan Animasi Di Blog
• Cara Membuat Recent Post Berjalan
• Cara Memasang Kotak Admin Diblog
• Cara Memasang Chat Room di Blog
• Cara Memasang Kotak Komentar Facebook di Blog
• Justin Bieber Ada Diblog
• Cara Membuat Menu Blog Otomatis
• Cara Memasang My Tweet Twitter di Blog
• Cara Memasang Facebook,Twitter,RSS Melayang di Blog
• Cara Memasang Random Post
• Cara Memasang Jadwal Sholat di Blog
• Cara Membuat Populer Post Dengan 3D
• Cara Tercepat Terindex On Search Engine Google

Widget Blog

• Tutorial Merubah atau Menambah Penulis di Blog
• Cara Merubah Favicon atau Logo Blog Judul di Blogspot
• Mempercantik Blog Dengan Kupu-kupu
• Cara Memasang Efek Daun Berjatuhan di Blog
• Memasang Widget Komentar Terbaru di Blog
• Membuat Daftar Isi Secara Otomatis
• Cara Membuat Recent Post Berjalan
• Cara Memasang Kotak Admin Diblog
• Cara Memasang Chat Room di Blog
• Cara Memasang Kotak Komentar Facebook di Blog
• Justin Bieber Ada Diblog
• Cara Membuat Menu Blog Otomatis
• Cara Memasang My Tweet Twitter di Blog
• Cara Memasang Facebook,Twitter,RSS Melayang di Blog
• Cara Memasang Random Post
• Cara Memasang Jadwal Sholat di Blog
• Cara Membuat Populer Post Dengan 3D
• Cara Memasang Berita Berjalan di Blog
• Cara Memasang Anti Copas Pada Blog
• Cara Memasang New Tab Pada Blog
• Cara Membuat Menu Explorer di Blog
• Cara Memasang Scrool Pada Arcive Blog
• Cara Membuat Tampilan Populer Post Lebih Menarik (Grid)
• Cara Pasang Iklan di Blog

Posted in: Tutorial Blog, Widget Blog