Cara Memasang Toolbar Canggih Wibiya

Pada Tutorial Blog Sebelumnya saya Suda Menjelaskan Pada Sobat Tentang Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka Dan Pada Tips dan Trik Kali Ini Juga Saya akan Menjelaskan Tentang Cara Memasang Toolbar Canggih Wibiya pada blog.. juga cara membuat toolbar wibiya berada di blogpsot anda Seperti Di blog saya Yg Berjudul Sharing Ilmu Pengetahuan,juga memasang Toolbar Wibiya.tapi Yg Pertama Saya Akan Menjelaskan Apa Yg Dimaksud Toolbar Wibiya Tersebut.
Wibiya - salah satu website yang menyediakan fasilitas free toolbar untuk blog Anda, toolbar dari wibiya ini sangat canggih. Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, live video, translate, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat  dan foto sharing kamu. Hmmm canggih bukan toolbar ini? Untuk demonya silakan lihat blog ini bagian bawah yang melayang, ada tools yang berisi pencarian, who's online, facebook, live chat dll.

Setelah Sobat Mengetahui Tentang Toolbar Wibiya Apakah Sobat Ingin Pasang Ini Di  Blogger Sobat? Nah dibawah ini Ada Langkah-Langkah Cara Pemasangannya:

1.  Buka website wibiya.com dan klik tombol "Get It Now"
2.  Pada Form "Create An Account" isi form sesuai dengan data Anda lalu kik tomblol "Next"
3.  Lalu milih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next"
4.  Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next"
    Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on blogger
5.  Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger

• Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol "Add Widget" maka toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.

Cara Membuat Link Blog Mengeluarkan Cahaya Kuning

Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan  Sudah Menjelaskan Pada Sobat Tentang Bagaimana Cara Baru Membuat Daftar Isi Moidel Jquery Accordion.Dan Pada Tutorial Yg Sama Juga Yaitu Tutorial Blog..Saya Akan Menjelaskan Pada Sobat Tentang Bagaimana Cara Membuat Link Blog Mengeluarkan Cahaya Berwarna Kuning.Kenapa Saya Membuat Artikel Yg Unik Ini ..Jawabnya Karna Ada Salah Satu Sobat Saya Menanyakan Tentang Hal Ini..Sebelumnya Juga Ada Yg Menanyakan Juga Pada Saya Tentang Bagaimana Cara Membuat Link Blog Mengeluarkan Bintang..Tapi Tenang Saja Pertanyaan Itu Sudah Saya Jawab Semua..Tapi Da 2 Pertanyaan Yg Belum Saya Jawab Yaitu Tentang Ini Dan Satu Lagi menanyakan Tentang Gambat Mickey Mouse Yg Ada Pada Kotak Komentar Saya..Tapi Artikel Kali Ini Saya Akan Menjawab Pertannyaan Tentang Bagaimana Cara Membuat Link Blog Mengeluarkan Cahaya Berwarna Kuning.Membuat Link Seperti Itu Cukuplah mudah Karna Sobat Hanya Memodifikasi Css Hovernya Saja.Css A:Hover itu Adalah Css Yg apabila Kita Kita Menyorotkan Mouse Kita Pada Link Pada Apa Saja ...
Contoh nya Saya Ingin Membuat Judul Sidebar Saya Berubah Saat Mouse Menyorotnya..Saya Cukup Menambahkan Css .Sidebar h2:hover{disini url backgroundnya}..
Y Udh Kalo Sobat Semua Sudah Megerti Apa Itu A:hover.
Saya Akan Langsung Memulai Topik Kita..Baiklah Sobat Hanya Mengikuti Langkah Berikut :

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan /Tata Letak --> Edit HTML 
3. Kemudian Sobat Tambahkan Atau Sisipkan  CSS Berikut Ini Tepat Di Samping Kode a:hover{ yg Berdekatan Dengan a:visited{ dan a:link{

 text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;

     4.Simpan Templatenya Dan Lihat Hasilnya

SELAMAT MENCOBA DAN SEMOGA BERHASIL

Cara Memasang Efek kembang Api Di blog

 

BERIKUT CARA MEMASANG EFEK KEMBANG API DI BLOG

1. Login Ke akun blog sobat 
2. Pilih Rancangan/tata letak/design
3. Tambah Gadget dan Pilih Yg HTML JAVA SCRIPT
4. Masukan Kode Berikut Didalamnya

 <script src="http://www.geocities.com/yono_pati/kembangapi.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>
   
    5.Simpan Dan Lihat Hasilnya

Cara Membuat Efek Daun Berjatuhan Di blog

 

BERIKUT CARA MEMBUAT EFEK DAUN BERJATUHAN DI BLOG

   1. Login Ke akun blog sobat

   2. Pilih Rancangan/tata letak/design
   3. Tambah Gadget dan Pilih Yg HTML JAVA SCRIPT
   4. Masukan Kode Berikut Didalamnya
 <script src="http://muhammadsuteja.googlecode.com/files/daun.js"/></script>
   5.Simpan Dan Lihat Hasilnya

Cara Membuat Efek Love Berjatuhan Di blog

BERIKUT CARA MEMASANG EFEK LOVE BERJATUHAN DI BLOG

   1. Login Ke akun blog sobat
   2. Pilih Rancangan/tata letak/design
   3. Tambah Gadget dan Pilih Yg HTML JAVA SCRIPT
   4. Masukan Kode Berikut Didalamnya

   <script src='http://muhammadsuteja.googlecode.com/files/lovingheart.js'>

   </script>

   5.Simpan Dan Lihat Hasilnya

cara membuat menu slide info di blog dengan css

INFO

SELAMAT DATANG

Selamat datang di Tips And Trik Blog - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel dunia teknik tips and trik blog yang Kami susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik

Sekilas Tentang TIPS AND TRIK BLOG

Pada Tutorial Blog Sebelumnya Blog Tips And TrikBlogku Sudah Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Efek Blur Pada Semua Gambar Yang Ada Di Blog Dengan Css. Nah Sekarang Juga Dan Pada Tutorial Yg Sama Juga Saya Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana cara membuat menu slide info di blog dengan css. Nah Mengapa Saya Mmebuat Tutorial Ini..Jawabnya Ialah Karna Banyak .sobat-sobat saya yang Request artikel ini. Nah Sebelum Saya Memulai Langkah langkahnya ..Saya Ingin Melihatkan Demonya atau jadinya..ya..sperti yg sobat lihat yg terletak disebelah kiri blog ini...itu ada slide panelnya.nah nanti jadinya kan seperti itu..satu lagi ..saya mohon 1 klik kan dari sobat semua untuk iklan di blog saya yang ini. Saya Mohon Pada Sobat Semua..Demi Kelangsungan Blog Ini.Ane Mohon 1 KLik saja..ok.Hehehehe.. y Udah Dari Pada Kelamaan Saya Akan Memulai Langkah-langkahnya.. :

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan --> Kemudian Pilh EDIT HTML Dan Jangan Lupa Untuk Mencentang Kolom Expand Template Widget.
3. Copas KOde Berikut Tepat Di Bawh Kode <body>

<style type='text/css'>#info-teja {z-index: 1000;background:-moz-linear-gradient(top,  #1F2326,  #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.teja15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Tejatouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>


<div id='info-teja'><span class='Tejatouch'>Info</span>
<div class='Tejainbox'><div class='Tejainbox2 teja15'>
<h2>SELAMAT DATANG</h2>
Selamat datang di Tips And Trik Blog - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel dunia teknik tips and trik blog yang Kami susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik
<h2>Sekilas Tentang TIPS AND TRIK BLOG</h2>
<img height='130x' src='http://4.bp.blogspot.com/_O84nraTVNhw/TUfLXgf3WnI/AAAAAAAAANg/ZE2p_DQATGY/s1600/author.png' width='100px'/>
<p style='text-align:justify'>Nama saya Tak dikenal, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...</p>
</div>
</div></div>
  4 . Ubah Kata Atau Judu Yg Berwarna Merah Dengan Judul atau Kata-kata Sobat Sendiri
  Dan Yg Terakhir Simpan Templatenya...

SELAMAT MENCOBA DAN SEMOGA BERHASIL