twitter-follow-meDalam 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 :
follow-us-twitter
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 :
b-skin-kode
Cari Kode ini >> ]]> Cari kode tersebut dalam templates blogger anda.
Untuk memudahkan pencarian tekan Ctr-f dalam browser.
expand-template-widget
Sebelum anda mencari kode tersebut ingat centang Expand Template Widget agar 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 >> ]]> Dan jangan menghapus kode ini.
Kode Css :
view source
print?
01 /* follow twitter */
02
03 .followme_r .followme{
04 background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll left top;
05 position: fixed;
06 top: 150px;
07 width: 27px;
08 height: 130px;
09 z-index: 5555;
10 cursor: pointer;
11 right: 0pt;
12 color: transparent;
13 }
14 .followme_l .followme{
15 background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll right top;
16 position: fixed;
17 top: 150px;
18 width: 27px;
19 height: 130px;
20 z-index: 5555;
21 cursor: pointer;
22 left: 0pt;
23 color: transparent;
24 }
25 .followus_r .followme{
26 background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll left top;
27 position: fixed;
28 top: 150px;
29 width: 27px;
30 height: 130px;
31 z-index: 5555;
32 cursor: pointer;
33 right: 0pt;
34 color: transparent;
35 }
36 .followus_l .followme{
37 background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll right top;
38 position: fixed;
39 top: 150px;
40 width: 27px;
41 height: 130px;
42 z-index: 5555;
43 cursor: pointer;
44 left: 0pt;
45 color: transparent;
46 }
Lalu Tambahkan Widget Html Dan JavaScript
Tambahkan Kode yang ada dibawah ini :
1. Kode JavaScript Untuk Follow Us Di Kiri Situs Anda
view source
print?
1
2. Kode JavaScript Untuk Follow Us Di Kanan Situs Anda
view source
print?
1
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
html-and-javascript
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.