Dalam artikel ini saya akan mengajarkan anda cara membuat Follow us Twitter yang diletakkan di bagian Scroll Bar Blog atau situs anda dan ini adalah cara sederhana untuk membuat twitter follow us dengan mudah dan menciptakan desain anda semakin indah serta akan menambah banyak Followers atau Pengikut anda di twitter.

HASIL YANG AKAN DIBUAT :

Demo

Langkah Pertama :

1. Login ke Akun Blog anda
2. Pilih situs atau blog yang akan digunakan
3. Pilih Tata Letak Dan klik Edit Html

Langkah Kedua :

Lihat Gambar dan Cari kode yang berwarna hijau dibawah ini :

Cari Kode ini >> ]]></b:skin> Cari kode tersebut dalam templates blogger anda.
Untuk memudahkan pencarian tekan Ctr-f dalam browser.

Sebelum anda mencari kode tersebut ingat centang Expand Template Widgetagar kode tersebut berhasil ditemukan.

TAMBAHKAN KODE CSS DIBAWAH INI DAN TARUH PADA KODE DIATAS YANG BERWARNA HIJAU

Taruh kode Css yang ada di bawah ini pada kode yang berwarna hijau diatas.

kode Css Taruh diatas kode ini >> ]]></b:skin> Dan jangan menghapus kode ini.

Kode Css :

01/* follow twitter */
02
03.followme_r .followme{
04background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll left top;
05position: fixed;
06top: 150px;
07width: 27px;
08height: 130px;
09z-index: 5555;
10cursor: pointer;
11right: 0pt;
12color: transparent;
13}
14.followme_l .followme{
15background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll right top;
16position: fixed;
17top: 150px;
18width: 27px;
19height: 130px;
20z-index: 5555;
21cursor: pointer;
22left: 0pt;
23color: transparent;
24}
25.followus_r .followme{
26background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll left top;
27position: fixed;
28top: 150px;
29width: 27px;
30height: 130px;
31z-index: 5555;
32cursor: pointer;
33right: 0pt;
34color: transparent;
35}
36.followus_l .followme{
37background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll right top;
38position: fixed;
39top: 150px;
40width: 27px;
41height: 130px;
42z-index: 5555;
43cursor: pointer;
44left: 0pt;
45color: transparent;
46}

Lalu Tambahkan Widget Html Dan JavaScript

Tambahkan Kode yang ada dibawah ini :

1. Kode JavaScript Untuk Follow Us Di Kiri Situs Anda

1<div class="followme_l">
2<div class="followme"onclick="window.open('https://twitter.com/Your-Twitter-Account')"></div>
3</div>

2. Kode JavaScript Untuk Follow Us Di Kanan Situs Anda

1<div class="followme_r">
2<div class="followme"onclick="window.open('https://twitter.com/Your-Twitter-Account')"></div>
3</div>

Note

: Ingat perbaiki tanda Petik di link account twitter anda.

Atau Download Semua Kode Disini

Add Widget Lalu gunakan Widget Html dan JavaScript untuk menambahkan kode tersebut ke blog anda

Kesimpulan

Ini adalah tips sederhana yang mungkin dapat membantu anda untuk membuat Twitter Link ke akun anda dengan desain dan gambar yang menarik karena desain twitter yang menarik dan menambah Teman atau Followers anda di twitter dan jika anda memiliki kesulitan untuk membuatnya maka anda dapat meninggalkan pesan dan saya akan berusaha membantu anda dengan senang hati.

Title: Cara Membuat Twitter Badge Atau Follow Us Untuk Blogger Dalam Scroll Bar Blog Situs Anda; Written by Unknown; Rating: 5 dari 5

Cara Membuat Twitter Badge Atau Follow Us Untuk Blogger Dalam Scroll Bar Blog Situs Anda