Cara Membuatnya :

Masukkan kode dibawah ini ke halaman web Anda (sebelum tag </ body> tag):

Di bawah ini Sript aslinya yang belum ada link dan keterangan

Salom para sahabat blogger,kali ini kita membahas mengenai paypal,pasang tombol via paypal akan sangat berguna buat kamu yang mau berbisnis online,mungkin juga terima donasi (sumbangan) dari pengunjung blog. donasi disini

artinya bukan kita minta-minta, tapi barangkali ada pengunjung

favorit atau yang suka ma artikel blog kita trus mereka pengen sedikit

bantu blog kita bisa trus berkarya, y mereka bisa memberikan donasi via

paypal ini..atau bisa juga ada orang yang mungkin terlalu kebanyakan

duitnya di paypal trus dia pengen bagi2 rezekinya(mungkin kah..?, hehe..)..y mereka bisa kirim donasi lewat tombol

ini..
canda,hehe.., nah sekarang buat kamu yang pengen pasang tombol   

1. Harus punya paypal dulu pastinya, klo belum punya.. klik disini

2. Login di paypal kamu, lalu pilih "Merchant Services"

3. Setelah masuk di bagian "Merchant Services" lihat di bagian bawah ada-

    "Key Features" (di sebelah kanan)..lalu pilih yang "Donations"

Salom para sahabat blogger yang budiman,untuk turitorial kali ini saya mau membahas cara balas email secara otomatis,bagi sahabat yang terlalu sibuk beraktifitas atau sering keluar kota,tentu tidak dapat membalas semua email yang masuk,mungkin cara ini anda bisa atasi persoalan itu dengan email jawaban otomatis. Jadi setiap email yang masuk pada anda, akan mendapatkan jawaban otomatis.

Langsung saja mari kita bahas cara membuat jawaban otomatis email…

1. Pertama silakan anda  masuk (sign in) ke email

anda dengan memasukkan Yahoo ID  serta password. Setelah masuk ke dalam

halaman email yahoo anda, silakan klik tulisan option (opsi) pada kanan atas dan klik mail option.

2.    Lalu pada halaman baru yang terbuka, anda pilih vacation response dan bila fitur tersebut belum diaktifkan anda bisa klik enable auto- response during your vacation untuk mengaktifkannya.

3.    Kemudian anda akan dibawa ke halaman baru. Dan di sana anda bisa atur duration (waktu jawaban email otomatis tersebut diaktifkan). Anda bisa atur dengan mengatur tanggal aktif (start date) sampai akhir tanggal aktif (end date). Serta pada generic response, bisa dilengkapi dengan pesan singkat anda. Misalkan berupa pesan sebagai berikut:

Pada teks berwarna merah, sesuaikan dengan ID formulabisnis anda. Bila sudah klik turn auto-response on.

1. Silakan sign in ke Gmail anda. Kemudian klik settings yang terletak di kanan atas.

2. Kemudian pada tab General anda cari Vacation responder, pilih Vacation responder on, dan masukkan pesan anda pada subject and message. Misalnya seperti pesan berikut ini:

Mudah kan? Anda bisa praktekkan tips di atas saat beraktifitas seperti kerja atau keluar kota.

Ahirkata,selamat mencoba semoga bermanfaat

Salom Para Sahabat Blogger Yang Budiman,Untuk Tutorial kali ini saya akan Menunjukan langkah-langkah cara melakukan setting custom domain dengan subdomain co.cc di blogger.

Jika sudah memiliki domain .co.cc, anda bisa langsung signin menggunakan account .co.cc anda

Jika belum memiliki domain, anda bisa daftar terlebih dahulu ke alamat ini http://www.co.cc

Cek apakah domain yang anda inginkan bisa digunakan atau tidak. Ketik nama Domain, kemudian tekan Enter

Bisa juga melakukan cek domain menggunakan tools diatas. Kemudian tipe domain yang anda inginkan bayar atau gratis. (Disarankan bagi anda yang masih pemula, ada baiknya menggunakan domain yang gratis/free.)

Kemudian klik Continue to Registration, untuk melakukan registrasi

Kemudian klik Setup. (Domain anda akan hangus jika tidak disetup selama 48 Jam/2 hari).

Setelah domain anda di setup, kemudian sign ke blog anda. Lalu masuk ke

menu pengaturan di account blog anda. Jika belum mempunyai account

blogger, terlebih dahulu anda mendaftarkan diri anda ke alamat ini http://www.blogger.com

Setelah itu masuk ke blogger dashboard -> Settings -> Publishing -> Custom Domain

Karena kita sudah memiliki domain yang sudah kita daftar sebelumnya, kemudian klik [switch to advanced settings]

Masukkan nama domain yang sudah anda daftarkan sebelumnya di page [Advanced Settings], kemudian klik [Save Settings]

Kemudian kembali ke http://www.co.cc,

login menggunakan account domain anda, masuk ke menu Manage Domain ->

Zone Records. Adan empat kolom yang harus diisi, yaitu Host, TTL, Type,

Value. Isi Host dengan nama domain anda, isi TTL dengan 1 D, Type

menggunakan CNAME, dan Value dengan ghs.google.com. Setelah selesai,

klik Setup. Contoh bisa lihat gambar dibawah (Gambar 9 Setting Zone

Record Domain .co.cc)

Kemudian Klik Set Up. Proses setting DNS Anda telah

selesai. Tunggulah kurang lebih 2  jam agar server dapat

memverifikasi DNS Anda.

Selamat menikmati alamat blog anda yang baru.

Salom dan selamat pagi para sahabat blogger yang budiman,pada pertemuan pagi ini saya mau menunjukan cara membuat menu daftarkan email anda,yang saya sesuaikan dengan judul pada postingan ini,saya rasa menu ini cukup bermaafaat buat sahabat blog yang sering membuat artikel blog,disamping itu menu ini sekaligus menjadi feed untuk blog kita,untuk pengunjung blog yang sudah mendaftarkan emailnya di blog kita,akan secara otomatis dikirimin artikel postingan kita,jadi buat pengunjung yang mau berlangganan artikel postingan kita,cukup hanya mendaftarkan emainya saja,jadi cukup mudah untuk berlangganan artikel blog,kalau sudah membuat menu ini di blog para sahabat blogger.Cara membuatnya saya menggunakan jasa FeedBurner,miliknya Mmbah Google..,Untuk memulai memasang feed tersebut,ikuti langkah-langkah berikut ini:

1. Login ke Blogger. (Agar anda tidak melakukan Login 2x, dengan login ke Blogger, maka akun FeedBurner anda otomatis aktif, itu karena  keduanya buatan mmbah google),hehe..

2. Lankah selanjutnya sigin Web FeedBurner.

3. Lalu ketikkan alamat blog anda di kotak "Burn a feed right this instant" dan centang kotak "I am a podcaster!" >> Klik Next>>

4. Pilih bentuk Feed yang anda inginkan. Atom atau RSS

5. Kalau yang tampil sesuai dengan nama blog anda, langsung klik next>>

6. Selanjutnya FeedBurner anda telah aktif dengan ditandai munculnya halaman berikut ini (kalau tidak ada masalah, silahkan langsung untuk mengklik Next):

7. Ketika anda berada di halaman "Set up podcast", silahkan langsung klik Next. (Bagi anda yang ingin mengubah beberapa setting-an, silahkan):

8. Di halaman "Analyze traffic", silahkan untuk mencentang semua kotak yang kosong, lalu klik Next>>

9. Sekarang FeedBurner anda telah ter-update dengan munculnya halaman seperti berikut ini, lalu untuk langkah selanjutnya, silahkan untuk mengklik pilihan Publicize

10. Pilih opsi Email Subscriptions

11. Aktifkan "Email Subscriptions" anda.

12. Setelah "Email Subscriptions" anda aktif, maka langkah selanjutnya adalah: Memilih di antara dua kode yang tersedia, "Subscription Form Code" atau "Subscription Link Code" (Kedua-duanya juga boleh). Tampilan:

13.Pilih salah satu scriptnya...! Yang jelas kedua-duanya memiliki fungsi yang sama. Selanjutnya kopi kode yang anda pilih, copy paste ke kotak "JavaScript/HTML" (Kembali ke Blogger):

Edit Tata Letak >> Tambah Gadget >> JavaScript/ HTML.

14. Simpan,ok Selesai..,sekarang anda sudah mempunyai menu feed,untuk daftar email buat pengunjung Blogmu

Ahirkata,Selamat mencoba,semoga bermanfaat.

Salom Sahabat Blogger,pada pertemuan kali ini saya mau membahas bagaimana cara membuat bubble tooltip diblog,adapun salah satu kegunaannya adalah kita dapat menghemat ruang blog kita dengan memasang bubble tool,di menu tampilan utama kita tidak perlu untuk menampilkan segala informasi yang ingin kita tampilkan,para pengunjung cukup mengarahkan cursor pada gambar atau text,kita sudah dapat mengarahkannya pada link atau laman yang ingin kita tunjukkan.untuk membuatnya ikuti langkah dibawah ini :

1. Login ke Blogger

2. Saat di dasbor pilih edit tamplate/tata letak

3. Lalu pilih Edit HTML

4. kemudian Cari Kode ini ]]></b:skin>

5. Setelah ketemu,Copy Code Dibawah ini dan Taro Diatasnya

6. Jika Sudah Selesai,Klik Simpan Template

Selanjutnya Untuk membuat teks yang memiliki bubble tooltip silakan copy kode di bawah ini :

Hasilnya Akanterlihat seperti ini :

Keterangan :

   1. Link biru : bisa anda gunakan untuk membuat link ke arah artikel lain, bisa juga di kosongkan jika tidak   diperlukan.

   2. Link hijau : adalah teks yang akan di buat bubbletip, yang mana bila disorot oleh mouse maka akan muncul keterangan tambahan yang telah anda buat

   3. Link warna pink adalah keterangan tambahan yang ingin anda tambahkan.

Ahir kata Selamat Mencoba,semoga bermafaat ,Sumber artikel Kumpulan Informasi Maya

Salom Sahabat Blogger,Pada pertemuan pagi ini saya mau menunjukan caranya memasang pemutar video youtube ke blog,saya lihat banyak para sahabat yang sudah mempostingin Tutorial ini,tapi masi postingan cara yang lama,karena ada beberapa pembaruan yang dilakukan oleh pihak youtube,Untuk itu saya merasa masih perlu mempostingkan Tutorial ini.Caranya cukup mudah ikuti langkah-langkah berikut ini :

1. Loging Ke www.youtube.com

2. Cari Video Yang Ingin Kamu Tampilkan.

3. Kemudian Klik Embed,yang ada dibagian bawah pemutar youtube.

4. Copy Paste Embednya,simpan di notepad dulu.

Keterangan :

* Semakin besar ukuran Videonya yang akan ditampilkan,maka akan semakin

   berat pula memutar Videonya.

* Kalau anda ingin memasangnya di postingan :

1. Buatlah postingan baru

2. Setelah masuk tempat postingan, pilih Edit HTML

3. Paste kode yang telah kamu copy tadi di dalam Edit HTML

4. Setelah selesai, Pindah ke Compose.

5. Lalu terbitkan. dan lihat hasilnya

* Bila anda ingin memasangnya sebagai widget :

1. Pilih Rancangan

2. Tambah Gedget baru

3. Pilih HTML/javascript

4. Paste hasil copy td disini

5. Simpan.

5.Selesai Sudah,ahir kata Selamat Mencoba Semoga Bermafaat

Salom Sahabat Blogger,Pada Pertemuan Kali ini Saya Mau Menunjukan Cara Memasukan Pemutar Radio Online Pada Blog Kita,Pada Saat ini Banyak Cara Kita Untuk Memperindah Blog Kita Seperti Penenpatan Wedget Ke Blog,Yang Salah Satunya,Seperti Pemutar Video Youtube,Pemutar Mp3,TV Online Dan Banyak Lagi Kreasi Lain Yang Dapat Kita Lakukan Untuk Memperindah Blog Kita,Untuk Saat ini Saya Mencoba Menunjukan Salah Satu Diantaranya,Yaitu Memasukan Pemutar Radio,Ok Sekarang Sahabat Blogger Boleh Ikuti Langkah-Langkah Berikut ini :

1. Login Blogger

2. Klik Rancangan/Design

3. Tambah Gadget / Add a Gadget

4. Anda pilih HTML/javascript

5. Masukan kode dibawah ini:

Catatan :

* Untuk Ukuran Dapat Diubah Sesuai Dengan Template Blog.

* Yang Saya Tandai Dengan Tulisan Warna Merah,Adalah

   Panjang Dan Lebar Pemutar Radionya

6. Selesai Sudah Coba Dilihat,Sekarang Sahabat Blogger

    Sudah Mempunya Radio Online Di Blog Sobat.

Ahir Kata Selamat Mencoba Semoga Bermafaat.

Salom Sahabat Blogger,Pada Pertemuan Kali ini Saya Mau Menunjukan Cara Membuat Button Shared Tweeter Dibawah Postingan Blog Kita,Caranya Cukup Muda Anda Cukup Ikuti Langkag-Langkah Dibawah Ini :

1. Login ke Blogger.

2. Di halaman Dasbor, kita pilih Rancangan.

3. Kemudian pilih Edit HTML

4. Beri tanda centang pada Expand Template Widget

5. Cari kode <div class='post-header-line-1'/> atau <div class='post-footer'>

6. Taruh kode berikut (dari twitter) di bawahnya

Catatan :

* Untuk Username Yang Saya Tandai Dengan Tulisan Warna Biru Ganti Dengan,

   Username Tweeter Dari Sahabat Blogger Sendiri.

Ahir kata,Selamat Mencoba Semoga Bermanfaat.

Salom Sahabat Blogger,Pada pertemuan kali ini saya mau menerangkan cara menambahkan Button Facebook Like Dibawah Postingan Kita,caranya cukup mudah,ayo ikuti langkah dibawah ini :

1. Login ke Blogger.

2. Di halaman Dasbor, kita pilih Rancangan.

3. Kemudian pilih Edit HTML

4. Beri tanda centang pada Expand Template Widget

5. Cari kode berikut ini <div class='post-footer'>

6. Setelah itu taruh kode berikut ini di bawahnya

7.Selesai sudah,Klik Simpan Template.

Ahir kata Selamat Mencoba Semoga Bermanfaat

Salom Sahabat Blogger,Pada pertemuan kali ini saya mau menunjukan cara menghapus Navbar Blog,Caranya sangat mudah,ayo ikuti langkah dibawah ini :

1. Login ke Blogger.

2. Di halaman Dasbor, kita pilih Rancangan.

3. Kemudian pilih Edit HTML

4. Beri tanda centang pada Expand Template Widget

5.Cari Kode seperti dibawah ini

   <b:skin><![CDATA[/*

   ----------------------------- */

6.Setelah ketemu,taro kode CSS dibawah ini Dibawahnya.

   #navbar-iframe {

   height:0px;

   visibility:hidden;

   display:none

   }

7.Selesai sudah,klik Simpan Template Dan lihat hasilnya.

Ahir kata,Selamat mencoba,Semoga Bermanfaat.

Salom Sahabat Blogger,Pada pertemuan kali ini saya mau menunjukan cara bagaimana menghapus header blog,Mungkin ada dari sahabat blog yang ingin menghapus header atau judul blog dan menggantinya dengan script iklan,mungkin juga baner flash.Untuk menghapus header blog sangatlah mudah,ayo ikuti langkah dibawah ini.

1. Login ke Blogger.

2. Di halaman Dasbor, kita pilih Rancangan.

3. Kemudian pilih Edit HTML

4. Beri tanda centang pada Expand Template Widget

5.Cari Kode Berikut ini showaddelement=

6.Setelah Ketemu,akan terlihat kode seperti dibawah ini

   showaddelement=’no‘/>

   <b:widget id=’header’ locked=’true‘

7.Gantilah tulisan yang saya tandai dengan warna merah no dengan yes,true dengan false

   Seperti dibawah ini

   showaddelement=’yes‘/>

   <b:widget id=’header’ locked=’false‘

8.Setelah selesai klik Simpan Template dan keluar.

9.Masuk Kemenu Tata Letak,pilih Edit Header,setelah masuk,di Hapus

Selesai Sudah,tinggal sahabat blogger Menambahkan Gadget Sesuai kreasi dan keinginan dari Sahabat Blogger Sendiri.

Ahir kata,selamat mencoba,semoga bermanfaat.

Salom Saabat Blogger,Pada Pertemuan Kali ini Saya Mau Membahas Tentang Cara Memasukan Pemutar MP3 Di Blog Kita.Saya Yakin Para Sahabat Blogger Sudah Tau Cara Membuatnya,Tapi Saya Rasa,Mungkin Ada Sebagian Kecil Dari Sahabat Blogger Yang Masi Belum Tau Caranya,Jadi Saya Rasa Tidak Ada Salahnya Saya Coba Mempostingin Lagi Cara Membuatnya,Caranya Cukup Mudah Kok,Yang Mau Mencoba Ikuti Cra Berikut ini :

1. Login ke blogger.com

2. Pilih Tata Letak --> Tambah Gadget

3. Selanjutnya pilih HTML/JavaScript

4. Masukan (copy paste) kode di bawah ini

5.Jika Suda Selesai,Klik Simpan Dan Lihat Hasilnya Di Blog.

Selamat Mencoba,Semoga Bermafaaat

Salom Sahabat Blogger,Pagi ini Saya Mau Menunjukan Caranya Membuat Menu Read More Otomatis,Saya Menyebutnya Otomatis,Karena Read More ini Sudah Secara Otomatis Memenggal Kalimat Yang Kita Postingin Di Blog Kita,Mungkin Sahabat Blogger Pernah Membuat Postingan Yang Lumayan Panjang,Sehingga Satu Postingan Saja Sudah Memenuhi Satu Halaman Blog.Padahal Parahabat Blogger Mau Menampilkan banyak Postingan,Hal ini Mungkin Bisa Membuat Pengunjung Blog Tersita Waktu Untuk Membacanya,Sehingga Meninggalkan Blog Kita.Untuk Membuatnya ikuti Langkah Berikut ini ;

1.Buka Dasbord Blog anda

2.Pilih Menu Tata Letak Edit HTML

3.Jangan Lupa,Centang pada pilihan Expand Template Widget

4.Kemudian Cari Kode ini </head>

5.Setelah Ketemu Taro Kode Dibawah ini Diatasnya

6.Selanjutnya Cari Kode ini <data:post.body/> Setelah Ketemu,Hapus

   Dan Ganti Dengan Kode Dibawah ini

7.Sebelum Disimpan,Lihat Pratinjau,Jika Berhasil Klik Simpan Template

* Ganti Angka Yang Saya Tandai Dengan Warna Merah Sesuai Kreasi Anda.

* Ganti Tulisan Read More Dengan Tulisan Yang Anda Sukai.

   Ahir Kata,Selamat Mencoba Semoga Bermanfaat.

*  Kode Yang ini #060000 Adalah  Kode Warna ( Boleh Diubah Sesuai Selera )

*  Kode Yang ini  http://apod.nasa.gov/apod/image/0810/ngc6357a_hst_big.jpg  

    Adalah,Alamat Url Gambar,Ganti Dgn,Url Gambar Dari Sahabat Blogger.

    6.Setelah Diganti,Lihat Dulu Pratinjau,Jika Berhasil Simpan Template.

Selamat Mencoba,Semoga Bermanfaat.

Salom Sahabat Blogger,Hari Ini Saya Mau Menunjukan Cara Membuat Iklan Melayang Di Blog,Caranya Cukup Mudah kok.,Buat Sahabat Blogger Yang Mau Mencoba Silakan Ikuti Langkahnya Sebagai Berikut :

  Ada beberapa yang harus diubah untuk disesuaiakan

  dengan tampilan (template) kita,yitu :

  border: 1px solid #666666;

  padding: 2px;

  background-color: #333333;

  width: 480px;

  Ganti lebar, warna border, dan backgroud

  sesuai dengan tampilan yang dinginkan.

  Dan kode yang ini :

  <script src="http://beautifullshop.co.cc

  /scahor.php?b=6024" type="text/javascript"></script>

   ganti dengan kode banner(gambar) atau dengan

   script iklan.

1. Login ke Blogger.

2. Di halaman Dasbor, kita pilih Tata Letak.

3. Kemudian pilih Edit HTML

4. Beri tanda centang pada Expand Template Widget

5. Taruh (copy paste) kode berikut ini diatas kode </head>

* Gambar Tidak Boleh Lebih Dari 5px,Biar Terlihat Lebih Cocok.

* URL Gamabar Yang Saya Tandai Dengan Tulisan Yang Berwarna

   Merah,Ganti Dengan URL Gambar,Dari Sahabat Blogger

             

Selamat Mencoba Semoga Bermanfaat

*Masuk Kemenu Layout, Edit HTML

*Tekan CTRL+F, masukkan kata </head>

*Taro Kode Berikut Ini Diatas Kode </head>

Buat Sahabat Blogger Yang Belum Mempunyai URL Gambar Bisa Dibuat Disini

*Catatan :

              - Untuk Ukuran Gambar Logo Maksimal 25px.

              - Tulisan Yang Saya Tandai Warna Merah Harus Diganti Dengan URL Gambar

                 Sahabat Blogger.

Selamat Mencoba,Semoga Bermanfaat

>> Login Blogger

>> Klik Rancangan/Design

>> Tambah Gadget / Add a Gadget

>> Anda pilih HTML/javascript

>> Masukan kode dibawah ini:

>>Selesai Sudah Membuat Buku Tamu Di Blog.

>>Selamat Mencoba Semoga Bermanfaat.

4. Perhatikan Text-Text Yang Berwarna Merah, Itu Adalah Keterangan Untuk Pengaturan Tab View. Ada Ukuran Warna dll. Untuk Mengetahui Kode2 Warna silahkan lihat Di Samping Kanan Blog ini

5. Selanjutnya Yaitu Pasang Kode Berikut ini Di Atas Kode ini </head>

6. Kemudian "SIMPAN"

7. Lalu pergi ke menu "Page Elements"

8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.

9. Inilah script yg harus kamu pasang :

-Untuk Text yang Saya Tandai Dengan Warna Dapat Di Ubah Sesuai KeInginan.

-Selamt Mencoba Semoga Bermanfaat

1. Login ke blogger

2. Pilih Tata Letak -> Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode HTML berikut ini

5. Selesai Dan Simpan

Catatan :

Kode yang Berwarna Merah adalah URL gambar yang ingin kita jadikan pengganti cursor, dan kamu dapat mengganti dengan URL gambar yang kamu inginkan.

Selamat Mencoba,Semoga Bermanfaat.

Salom...Sahabat Blogger,Kali Ini Saya Mau Menjukan Cara Sederhana Membuat Tabel Di Blog,Dimana Tabel Blog Ini Dapat Kita Fungsikan Sebagai Pemandu Sederhana Untuk Mempermudah Pembaca Di Blog Kita,Agar Dapat Mengerti ApaYang Kita Tulis Dan Apa Yang Akan Kita Sampaikan Kepada Pengunjung blog Kita,Nah Sekarang Langsung Saja Saya Tunjukan Cara Mudahnya Disini :

Masukan Kode html Seperti Di Bawah Ini

Dan Hasilnya Akan Seperti Ini :

Cara Penempatan Gambar Di Tabel Blog Seperti Contoh Berikut Ini :

Dan Hasilnya Akan Seperti Ini :

* Yang Harus Di Ubah Adalah,Tulisan Yang Saya Tandai Dengan Warna Merah

   Dapat Diganti Dengan URL  Gambar Dari Sahabat Blogger Sendiri.

1. Login ke blogger

2. Pilih Tata Letak kemudian Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode-kode berikut ini

<blink><b>SELAMAT DATANG</b></blink>

5. Sedang untuk yang kita sisipkan link kodenya seperti ini

<blink><a href="http://www.beautifullshop.co.cc/"><b>SELAMAT DATANG </b></a></blink>

6. Kita dapat menganti tulisan yang nampak (SELAMAT DATANG), dengan berbagai keinginan kita. Dan link http://www.beautifullshop.co.cc/ dengan URL yang kita tuju.

7. Simpan kalu sudah selesai.

Salam,Kali Ini Saya Mau Menunjukan Cara Membuat Buku Tamu Yang Tersembunyi Di Samping Kanan Blog Kita,Buku Tamu Ini Berguna Buat Pengunjung Yang Mau Meninggalkan Pesan Untuk Kita.

Oke, Mari Kita Langsung Ke Cara Pembuatanya.

Ayo  ikuti langkah-langkah berikut ini.

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

Letakkan kode Shoutbox  Anda, Contact, Menu Dll Disini

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

1.Seperti biasa login dulu di blogger.

2.Klik Tata Letak (layout)

3.Klik Edit HTML.

4.Kemudian cari kode seperti di bawah ini :

]]>

5.Kemudian Copy paste kode di bawah ini,

  persis di atas kode yang tadi :

 .quickedit{

  display:none;

  }

6.klik tombol "SIMPAN TEMPLATE",ok Selesai