Cara menjadikan Laptop Anda Pemancar Hotspot

Assalamu Alaikum Warhmatullahi Wabarakatuh ....

Hai.. Cika'...... 


Internet Hotspot di cafe-cafe sering kita dengar, itu internet wireless yang bisa anda nikmati tanpa harus koneksi ke kabel optik, mungkin hal tersebut hanya bisa anda nikmati di cafe yang ada hotspotnya saja, saat ini ada cara baru untuk membuat laptop anda menjadi wireless access point alias pemancar hotspot asalkan OS yang anda pakai harus windows 7, dan orang di sekeliling anda yang menggunakan laptop dapat menggunakan internet yang anda share seperti hotspot, mau tau caranya simak tips berikut ini:
1. Download dan Install Connectify
2. Buka connectify dari icon yang ada di taskbar

Buka Connectify dari Taskbar Icon

3. Isikan nama WiFi network, password access, kemudian tentukan jenis koneksi yang ingin anda gunakan untuk berbagi (support LAN, VirtualBox Host Only, Wireless Network, serta tanpa internet sharing). Setelah itu klik start hotspot.

Isi nama hotspot terserah anda

4. Setelah itu program tersebut akan bekerja dan silahkan mengkoneksikan komputer / laptop lainnya ke laptop anda.

Connectify berhasil bekerja

perlu dicatat bahwa connectify hanya bisa diinstall dan bekerja di laptop dengan sistem operasi windows 7, namun komputer dengan sistem operasi apapun bisa terhubung dengan jaringan tersebut. Sebagai contoh, kita menghubungkan laptop bersistem operasi windows XP ke jaringan hotspot yang dibuat dengan connectify di laptop bersistem windows 7 :
1. buka wireless network
2. Pilih network yang sudah dibuat tadi

Pilih Network

3. masukkan password dan klik connect

Masukkan Password

4. laptop yang bersistem operasi windows XP sudah terkoneksi ke jaringan hotspot yang dibuat oleh laptop windows 7 dengan connectify.

Laptop Teman terkoneksi dengan Hotspot anda

semua laptop teman – teman anda bisa terkoneksi dan anda bisa mulai berinternet bersama teman – teman hanya dari 1 koneksi internet kabel saja , mudah sekali bukan??
Demikian caranya semoga tips ini bermanfaat, temukan infomenarik lainya seputar komputer dan internet: Iklan Laptop

Read more »

Cara Menghilangkan atau Menyembunyikan Judul dan Deskripsi pada Blog

Assalamu Alaikum Warhmatullahi Wabarakatuh

Hai Cika'........Kita Ketemu lagi......

Saat aku lagi utak atik Header Blog aku....untuk pasang Banner..... Aku merasa terganggu dengan Judul Header dan Deskripsi yang selalu saja Muncul..................

untuk solusi dari semua itu maka Silahkan Simak Tips & Trik aku Berikut ini :

Sebelum mengutak atik Rancangan HTML Blog Silahkan Backup ato silahkan Klik Download Templet Lengkap dulu baru memulainya..

1. Silahkan Login Dulu Ke Blog Anda CIka'....

2.Klik Rancangan

3.Klik Edit HTML.

4.Untuk menembunyikan judul blog cari kode seperti dibawah ini .

 #header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}

 Jika tidak ada Kode Seperti Itu maka cari saja 

.header h1

 lalu ganti seluruhnya dengan kode dibawah ini :

 margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}

5.Kalo sudah ketemu Tambahkan kode display:none; di bawah kode font: normal normal 200% Georgia, Serif; .atau lebih jelasnya lihat kode dibawah ini.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none;
}

6.Selanjutnya untuk menyembunyikan deskripsi Dari judul Blog sobat silkan cari kode seperti di bawah ini .

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
}
7.Selanjutnya tambahkan kode display:none; di bawah kode color: #999999; atau biar lebih jelas lihat kode lengkapnya.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}

8.Kalo tdk bisa juga cika'.......cari kode seperti di bawah ini.

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
}
9.Selanjutnya sama seperti di atas tinggal tambahin kode display:none; aja dibawah kode color:#333; .

10.Sehingga kodenya jadi seperti dibawah ini .

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
display:none;
}

11.Sebelum Disimpan SIlahkan Klik Dulu PRATINJAU untuk melihat Displaynya......Kalo sudah sesuai dengan yang diinginkan....maka Silakan klik tombol SIMPAN TEMPLATE. 

Nb :. Seandainya Terjadi Kesalahan ato tdk bisa juga...silahkan tinggalkan Komentarx Inysa Allah akan kami beri solusinya........Trima kasih.....

Wassalamu Alaikum Warhmatullahi Wabarakatuh

Read more »

Cara Merubah Tampilan Kursor Pada Blog

Assalamu Alaikum Warahmatullahi Wabarakatuh

Halo Cika'........para Blogger sejati......

 

Mungkin Anda ingin merubah cursor pada blog sobat dengan cursor yang anda inginkan . Apakah sobat menginginkan sesuatu seperti itu????
jika sobat ingin, sini saya mungkin dapat memberikan tips untuk Merubah Cursor Pada Blog.

Bagaimana Merubah Cursor Pada Blog:
1. Login ke blogger dan memilih layout (tata letak)
2. Pilih EDIT HTML
3. Centang Expand widget template ato tekan Ctrl+F lalu Copy </head>  dan paste pada Find (sebelah kiri bawah monitor)
4. Kemudian menempatkan kode html berikut di atas  </head>

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;}
</style>

Atau kalau mau memilih model kursor yang lain silahkan klik Disini

5. Sebelum disimpan Silahkan Klin Dulu Pratinjau untuk melihat Hasil sementarax ....

6. Kalau merasa sudah baik silahkan anda Simpan

Note : Cuma itu yang aku bisa berikan Cika'...

            Sebelum Anda Keluar SIlahkan Beri Komentar dan Jangan Lupa Follow Me...

Wassalamu Alaikum Warahmatullahi Wabarakatuh

Read more »

Cara Membuat Daftar Isi

b

Assalamu Alaikum Warhmatullahi Wabarakatuh
 

Cara ini saya peroleh dari infotentangblog lalu saya re-post disini.

Fitur daftar isi ini adalah Daftar isi ini tidak hanya menampilkan judul dan link-nya, tapi juga menampilkan label, tanggal postingan, serta ringkasan dari artikel-artikel kita.

Selain itu, daftar isi ini dapat di-filter untuk menampilkan beberapa artikel dengan label atau tanggal tertentu saja, dan dapat juga diurutkan sesuai tanggal atau judulnya.

Untuk contoh, bisa sobat lihat Disini.

Langkah-langkah cara membuat Cara Membuat Daftar Isi Versi II

1. login blog

2. klik Entry Baru (Edih HTML bukan Compose)

3. lalu masukkan kode dibawah ini

<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://imdad.googlecode.com/files/DaftarIsi-Revo2.js"> </script>
<script src="http://to-b-one-ii.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500"> </script>

NB :angka 200 adalah posting yg muncul maksimum dan yang berwarna biru ganti dengan alamat blog sobat

Wassalamu Alaikum Warhmatullahi Wabarakatuh

Read more »

Cara Membuat Hujan Salju DI Blog Update

Assalamu Alaikum Warahmatullahi Wabarakatuh

Hai Cika'.........
ini adalah Cara Membuat Hujan Salju DI Blog Update - Di Postingan Terdahulu saya pernah membuat Cara Membuat Salju Di Blog, tapi kode JS nya sudah gak berfungsi, jadi saya update aja daripada mengecewakan pengunjung maka saya buat 'Cara Membuat Hujan Salju DI Blog Update'. berikut adalah tutorialnya :

• Masuk ke Blogger
• Pilih Rancangan - Edit Html - centang Expand widget template
• Kemudian letakkan kode berikut diatas kode </body>

<script src='http://cayunkatel.googlecode.com/files/snow.js' type='text/javascript'>
</script>

• Kemudian Save Template.

mudah Kan.... Cika'........
Nah....Sekarang anda sudah bisa melihat Blog anda .................

Wassalamu Alaikum Warahmatullahi Wabarakatuh 

Read more »

Cara Membuat Teks Berjalan di Navbar

Assalamu Alaikum Warahmatullahi Wabarakatuh

 Kalau anda ingin memasangnya di blog anda, ada

2 (dua) cara dalam pemasangannya dan anda pilih saja

salah satunya. Silahkan anda ikuti langkah-langkahnya

seperti yang tertera di bawah ini :

---

   ■ CARA YANG PERTAMA ■

   1. Login ke Blog anda.

   2. Pada Dasbor, anda klik Rancangan, klik Edit HTML

   3. Copy dahulu kode script di bawah ini :

<SCRIPT language='JavaScript'>
var txt=&quot;***......Selamat datang Pada Blog Andis-To-B-One-II .....*** ***....... Tempat Untuk Bertukar Ilmu .......*** &quot;;
var speed=140;var refresh=null;function move() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresh=setTimeout(&quot;move()&quot;,speed);}move();
</SCRIPT>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);
</script>

   4.  Cari kode ]]></b:skin>

   5.  Letakkan kode yang anda copy tadi

        dibawah kode ]]></b:skin> ini.

   6.  Silahkan anda pratinjau, setelah itu simpan.

   CATATAN :

   •  Ganti kalimat yang berwana biru pada kode di atas

      dengan kalimat anda sendiri.

   •  Atur kecepatan tampilan teks (speed) nya. Di bawah

      angka 140, teks akan semakin cepat pergantiannya.

---

   ■  CARA YANG KEDUA ■

   1. Login ke blog anda.

   2. Pada Dasbor, anda klik Rancangan

   3. Tambah Gadget dan pilih HTML/JavaScript

   4. Copy Script di bawah ini, paste-kan ke

       dalam kontennya.

   5. Simpan dan anda lihat hasilnya.

<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4); 
tb8_messages[0] = WELLCOME TO BLOG ANDIS-TO-B-ONE-II;
tb8_messages[1] = IKUTI TUTORIAL BLOG INI;
tb8_messages[2] = SEMOGA BERMANFAAT;
tb8_messages[3] = SAMPAI JUMPA LAGI & TERIMA KASIH;
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>

   CATATAN :

   •  Ganti kalimat yang berwana biru pada kode

      di atas dengan kalimat anda sendiri.

   •  Atur tampilan teks pada kode (tb8_speed = 100;)

      dan (tb8_delay = 2000;)

   Selamat mencoba Cika'....., semoga berhasil.

          Wassalamu Alaikum Warahmatullahi Wabarakatuh

Read more »

Cara Membuat Kata Sambutan dan Penutup Pada Blog

A. Cara membuat Kata Sambutan di blog

1. Login di Blogger
2. Edit Tata Letak/ Rancangan 

3. Tambah Gadged

4. Pilih HTML/JavaSricpt

5. Save

6. OK

<SCRIPT language='JavaScript'>alert("WELCOME TO  BLOG ANDIS-TO-B-ONE 'Jangan Lupa Follow Me & Beri Komentar ya' ");</SCRIPT>

Ket : Gantilah kata-kata yang berwarna BIRU sesuai keinginan kamu.

B. Cara membuat pesan penutup di blog

Proses nya sama dengan di atas OK

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('TERIMA KASIH CIKA   ATAS KUNJUNGANNYA" ');
}
parent.window.onunload=goodbye;

</script>

Ket : Gantilah kata-kata yang berwarna BIRU sesuai keinginan kamu.. 

Read more »

CARA MEMBUAT HEADER BLOG DENGAN BANTUAN SITUS BANNER MAKER GRATIS

Cara membuat header blog dengan situs banner maker gratis agar hasil header yang kita buat tidak jadi pasaran , karena di situs banner maker itu kita bisa merancang beragam header tanpa takut ada yang menyamakan header yang kita buat.


Mengenai cara membuat header blog dengan bantuan situs banner maker yaitu :
1. Pergi situs puresilvabannermaker
2. Kemudian pada halaman situs itu kita bisa memulai membuat header blog kita , ikuti petujuk gambar di bawah ini :





3. Jika sudah sesuai selera klik save banner,dan simpan di kumputer kita, namun haeader itu ada tulisan linknya maka untuk menghilangkannya bisa gunakan aplikasi paint di computer atau bisa juga gunakan ACDSee Photo Manager 2009 dengan bantuan cropnya

4. Untuk menempatkannya di blog sangat mudah , upload saya di www.tinypic.com , jika sudah diuplaoad ambil link gambarnya pada kotak layout misal http://123.tinypic.com/12345.jpg
 

5. Sebelum mengutak atik Rancangan HTML Blog Silahkan Backup ato silahkan Klik Download Templet Lengkap dulu baru memulainya..

6. Silahkan Login Dulu Ke Blog Anda CIka'....

7. Klik Rancangan

8. Klik Edit HTML.

9. Setelah itu cari
    /* Header
----------------------------------------------- */,
terus ubah header h1 kita dengan dengan html di bawah ini :
 
@media all {
#header {
width:900px;
margin:20 auto 30px;
border:0px solid #ccc;
background:url(http://i.imgur.com/OLACg.jpg) no-repeat top center;
}
}




Silahkan ganti tulisan yan gberwarna kuning dengan alamat gambar yang telah di buat sebelumnya.....
dan biasanya setiap HTML yang Blog miliki tdk mempunyai height:157px; 
Jadi Jika Tidak memiliki height:157px; maka pada saat Cika' sudah Save template maka hasilnya
akan terpotong pada bagian height jadi silahkan tambah height:157px; dibawah Width atau seperti dibawah ini 
 
@media all {
#header {
width:900px;
height:157px;
margin:20 auto 30px;
border:0px solid #ccc;
background:url(http://i.imgur.com/OLACg.jpg) no-repeat top center;
}
}



10.Sebelum Disimpan SIlahkan Klik Dulu PRATINJAU untuk melihat Displaynya......Kalo sudah sesuai dengan yang diinginkan....maka Silakan klik tombol SIMPAN TEMPLATE. 

Nb :. Seandainya Terjadi Kesalahan ato tdk bisa juga...silahkan tinggalkan Komentarx Inysa Allah akan kami beri solusinya........Trima kasih.....

Wassalamu Alaikum Warhmatullahi Wabarakatuh

Read more »

Membuat Teks Berjalan (Marquee)

Sebelumnya nggak pernah kepikiran untuk bikin tips seperti ini kalo saja Iman my little brother nggak minta bikinin tutorial marque. Sebenarnya saya ragu, bener nggak seorang yang pinter blog seperti Iman yang mempunyai template bagus minta saya bikinin tutorial marquee? Lagian bahasa html memang paling rawan untuk orang seusia saya, masih hijau lumut Tapi ya apa salahnya sih sekedar berbagi, yang jelas ini bukan tutorial lho, hanya sekedar tips memaksimalkan kemampuan, keindahan serta teks pada postingan atau pun sidebar blog Anda.

Apa itu Marquee?

Marquee adalah teks berjalan dalam bahasa html. Kalo kita lihat marquee menurut semantik sepertinya ga ada hubungan dengan teks berjalan, tapi kalo diperhatikan lagi… mmmmh memang ga ada hubungannya ^_^ (sepertinya). Tapi kalo kita mau perhatikan lebih dalem, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” Mmmmh… apa hubungannya dengan marquee sebagai teks berjalan…? Setidaknya menurut saya memang ada, melalui “tenda” tersebut orang lalu lalang berjalan.

Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini saya beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan saya dalam memberi penjelasan. Plus tambahan saya sertakan kode html yang diperlukan, Anda tinggal mengganti teks yang ada dalam kode tersebut “Teks Anda”.

Marquee 1.0

Marquee adalah teks berjalan lho
Marquee 1.0 ini merupakan marquee standar agar teks Anda bisa berjalan secara default (dari kanan ke kiri).

Tag Html
<marquee> Teks Anda</marquee>

Marquee 1.0.1

Marquee adalah teks berjalan lho
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Anda arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti dari perjalanannya yang panjang.

Tag Html
<marquee onmouseover="this.stop()" onmouseout="this.start()"> Teks Anda</marquee>

Marquee 1.0.2

Marquee adalah teks berjalan lho
Marquee 1.0.2 jika Anda menggunakan teks Arabic yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan, contoh dengan teks arabic:
مرقو ادلح تيكس برجالان

Tag Html
<marquee direction="right"> Teks Anda</marquee>

Marquee 2.0

Marquee adalah teks berjalan lho
Marquee 2.0 Marquee ini tidak memiliki kemampuan magic seperti David Coperfield marquee sebelumnya yang bisa menembus ruang, Marquee 2.0 ini kerjaannya bolak-balik dari ruang kotak yang kasat mata.

Tag Html
<marquee behavior="alternate"> Teks Anda</marquee>

Marquee 2.0.1
Marquee adalah teks berjalan lho
Marque 2.0.1 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif
Marquee adalah teks berjalan lho

Tag Html
<marquee behavior="alternate" scrollamount="18"> Teks Anda</marquee>

Marquee 2.0.2
Marquee adalah teks berjalan lho
Marquee 2.0.2 Masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti marquee 1.0.1 jika Anda arahkan mouse pada teks maka dia akan berhenti.

Tag Html
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"> Teks Anda</marquee>

Marquee 3.0
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0 Dia adalah marquee climbing, marquee pendaki ini suka sekali ketinggian, sehingga kita lihat arah teksnya pun ke atas (up) . Jika Anda memiliki teks yang banyak, maka marquee ini merupakan pilihan yg tepat dan sangat cocok sebagai teman pendamping hidup Anda.

Tag Html
<marquee direction="up"> Teks Anda</marquee>

Marquee 3.0.1
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.

Tag Html
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100"> Teks Anda</marquee>

Marquee 3.0.2
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Tag Html

<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Anda</marquee>

Marquee 3.0.3
Marquee adalah teks berjalan lho #7

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #1

Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.

Tag Html
<marquee direction="down" width="100%" height="100"> Teks Anda</marquee>

Demikian tips sederhana ini.........., silahkan Anda coba Cika'….!

Read more »

Cara Membuat Follow Melayang

Suatu anda berkunjung di blog kawan anda, anda ternyata bingung mencari kotak followers-nya dimana. nah mungkin kawan anda memakai google friendconnect tersembunyi dengan fasilitas show/hide ini blog kawan anda meminimalkan tampilan. nah sekarang kalian jangan heran lagi kali ini saya akan membantu anda Membuat Hide / Show Widget Follow Di Blog :

1. sign in ke blogger anda terlebih dahulu

2. pilih rancangan

3. pilih eleman halaman >> pilih html/javascript

4. copy paste script dibawa ini [skrip 1]

5. jangan di save/simpan dulu ya...

<style type="text/css">
    #fl{
    position:fixed;
    left:150px;
    z-index:+1000;
    }
    * html #fl{position:relative;}
    .flcontent{
    float:left;
    border:2px solid #676767;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw-8UBgM_RTI8OO-_M_n9MqbTwegIX5wmivlDX0H1maTTFCvb25j81atT5fjdmDR2uuyGUi2Qo02CN03K0wYNnM9jpN5QznkgRTIh7fbYf4Vz9HRyj_9dKbn2J0NBvg1lxJFfNsZhqqHuX/)#000000 repeat-x bottom center scroll;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideFL(){
    var fl = document.getElementById("fl");
    var w = fl.offsetWidth;
    fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
    fl.opened = !fl.opened;
    }
    function moveFL(x0, xf){
    var fl = document.getElementById("fl");
    var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    fl.style.bottom = x.toString() + "px";
    if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="fl">
    <div class="fltab" onclick="showHideFL()"> </div>
    <div class="flcontent">


    widget followers simpan disini

    <div style="text-align: right;">
    <a href="javascript:showHideFL()">
    [Tutup]
    </a></div>
    <font size="2"><a href="http://www.berbagidisini.com/2010/10/memasang-widget-follow-showhide.html"target=_blank"><div style="color: #444444;">
    <span style="font-size: xx-small;">By Andi Asdar1976</span></div></a></font>
    </div>
    </div>
    <script type="text/javascript">
    var fl = document.getElementById("fl");
    fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
    </script>

6. sekarang anda membuat widget followers menuju ke [http://www.google.com/friendconnect]

7. lihat gambar :

  1. pilih judul blog/situs anda terlebih dahulu

  2. pilih "tambahkan gadget anda"

  3. sesuaikan ukurannya.dan warnanya.

  4. klik "buat kode"

  5. copy kodenya dan ganti kan di kode diatas yang berwarna biru

8. klik save jendela html/javascript tadi

langkah kedua :

1. masuk ke rancangan >> edit html

2. copy kode ini untuk meletakkan tombolnya

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTtJDSLOrFQVc0c-Vu-k80zPNUol2IcfOfGSwDIttlBNhyf0PhNp2d7qAr57T6QCeoQW17rDW2nw9zzhbIcI-rHbly1Tm-0_EW9_k0BVCMSy2GkzUJn37-azMhIj7XAETE4YBtCdqv1bH/'/></a>

3. cari kode <body> , letakan diatasnya.

4. kemudian simpan template

 

Jadimi Cika'............. selamat mencoba...

Read more »