Posts

Showing posts from October, 2013

Simple Tabview Widget

Image
Salam hangat buat sahabat blogger, kali ini saya akan berbagi inpo, bagaimana  cara membuat widget tabview yang mudah di modifikasi, dan bisa di letakkan dimana saja. kira2 beginilah bentuknya :  Langsung Aja 1. Login ke akun Blogger sobat. 2. Pada halaman dashboard, masuklah lah ke bagian Tata Letak. 3. Klik Tambahkan gadget di posisi widget About The Author Box ini ingin dipasang. 4. Pilih HTML/Javascript, dan masukan kode berikut. <style type="text/css"> div.TabView div.Tabs {height: 30px;overflow: hidden} div.TabView div.Tabs a {float:left; display:block; width: 83px; /* Lebar Menu Utama Atas */ text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */ padding-top:8px; vertical-align:middle; border:2px solid #333333; /* Warna border Menu Atas */ border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */ font-weight:bold; color:#0F0F0F; /* Warna Font Menu Utama Atas */  -moz-borde

Membuat Profil Blogger

Image
Malam Sahabat bloger semua, iseng-iseng malam takbiran Idhul Adha dari pada keluyuran, mending d rumah online sambil nunggu daging Qurban, hahaha.  saat lagi brosing2 kbetulan tertuju kepada Blognya sobatnya " RegiBrader.blogspot.com " Ada yang unik dari Blognya Brader satu ini, bikin saya kepingin mencoba. sbelumnya termaksih kepada sobat Regi brader atas infonya. langsung aja, ni berikut contohnya, 1. Login ke akun Blogger sobat. 2. Pada halaman dashboard, masuklah lah ke bagian Tata Letak. 3. Klik Tambahkan gadget di posisi widget About The Author Box ini ingin dipasang. 4. Pilih HTML/Javascript, dan masukan kode berikut. <style> #profile{ border:2px solid #888; margin:2px 5px 0px 0px;padding:2px;text-align:justify;height: 190 px;width: 80 px; } #profile:hover { border:2px solid #ccc;cursor:pointer;text-align:justify; } .opacity  { opacity: 0.5;margin-left: 50px;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-we

Widget Recent Update Dengan Icon (Thumnail) Untuk Blogger

Image
Memang sudah lumrah rasanya Widget yang satu ini, namun begitu berarti bila di tambahkan di blog² sobat, langsung saja, Tambahkan HTML copast text berikut <div class="eggTray"> <script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list", "pipe_params":{"URL":" YOUR-BLOG/SITE-URL /feeds/posts/default"}, "hideHeader":"false","height":" 500 ","count": 8 }</script> <div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://helplogger.blogspot.com/" target="_blank&q

BAHAYA MEMBUNUH KECOAK

Image
Bila anda melihat binatang kecoak di rumah, jangan anda memukulnya sampai mati bahkan sampai (maaf) isi perut kecoak meletet keluar. Karena didalam perut kecoa terdapat cacing halus/lembut yg tetap hidup meskipun diluar dari tubuh kecoak. Bila cacing ini sudah berada di luar dari tubuh kecoak (perut) dia akan bergerak untuk mencari tempat/indukan baru. Cacing ini bentuknya sangat pendek, halus dan lembut akan terlihat kasat mata bila jarak pandang sekitar 10-20cm. Untuk melihat cacing ini, anda dapat menaruh isi perut kecoak diatas kertas hitam atau diatas cermin... disitu akan terlihat pergerakannya. Sangat berbahaya apabila cacing ini sampai menyentuh kulit tubuh kita (terutama kaki) karena dapat masuk melalui pori-pori kulit atau bila ada luka terbuka pada kulit luar. Akan jauh lebih baik membasmi kecoak cukup dengan menggunakan semprotan anti serangga, yg dapat membunuh kecoak tanpa harus memukul hingga mengeluarkan isi perutnya. semoga info ini dapat bermanfaat

Cara Membuat Tab Menu pada Gadget

Image
    Tambah Gadget - HTML/JavaScript  Copas Script berikut kedalamnya  <style type="text/css"> div.TabView div.Tabs {height: 30px;overflow: hidden} div.TabView div.Tabs a {float:left; display:block; width: 73px; /* Lebar Menu Utama Atas */ text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */ padding-top:5px; vertical-align:middle; border:1px solid #95CAFF; /* Warna border Menu Atas */ border-bottom-width:0; text-decoration: none;font-size:12px; font-family: "Arial";/* Font Menu Utama Atas */} div.TabView div.Tabs {background:#FFF;color:#000;border:1px solid #95CAFF;text-decoration:none;} div.TabView div.Tabs a:hover{background:#585858;color:#FFF;border:1px solid #95CAFF;text-decoration:none;} div.TabView div.Tabs a.Active{border:1px solid #00F; background:#95CAFF; color:#00F;font-style: normal;border:1px solid #95CAFF;text-decoration:none;/* Warna background Menu U