Yours Theme

Animated CSS3 Metro UI - Bagi blogger pemula dalam mendesain menu bar / dropdown menu untuk sebuah blog tentu akan sedikit mengalami sebuah kesulitan karena harus memahami kode css,javascript,html dan sebagainya nah kali ini saya akan memberikan sedikit solusi untuk brada yang sedang mencari sebuah menu bar yang cukup keren dan tidak begitu sulit dalam pemasangannya. Kelebihan Animated CSS3 Metro UI Menu Pada tombol Home terdapat tombol share Facebook , Twitter , Google + dan Rss Tombol Tags yang bisa brada sesuaikan Tombol Blog Archive dengan dropdown Tombol Contact Tab  Efect Sliding & fast loading    Untuk lebih jelasnya silahkan brada lihat demonya dibawah ini. Kustomisasi  Masuk pada Tataletak  Add Gadget / HTML Javascript  Masukan kode dibawah ini  <style> /* demo page styles */ .mjn-tab1 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-IYGTbz0wjBogai6ARxXPu9g4eyF26TZMaV9cm-LjwIESANxiq-M3blj-JYdH

Horizontal Floating Share - Postingan kali ini sebenarnya request dari sahabat [OBC] yang menanyakan tentang cara membuat tombol berbagi yang berbentuk horizontal dengan efek floating dan embel - embel tombol close ( x ) dan open ( + ) .  Tombol share dengan system floating horizontal ini akan terlihat/muncul ketika kita melakukan scroll. Trik ini memang sudah tidak asing lagi alias basi bagi kalangan blogger apalagi para master yang telah lebih dulu mengenal dan memasangnya , namun dengan perkembangan dunia bloger sekarang yang sangat pesat tentu banyak kalangan bloger-bloger newbie seperti saya belum begitu paham untuk bisa menerapkanya . Nah bagi brada yang ingin menerapkannya silahkan ikuti caranya tapi sebelumnya brada lihat dulu demonya.  Kustomisasi Cari kode </head> Masukan kode dibawah ini tepat sebelum kode </head> <script type='text/javascript'> var addthis_config = { bar_show_below : 150 } </script> <script src='http

Blog Test All Browser - Saat mendesain tampilan blog atau web sering terjadi masalah CrossBrowser atau lebih simpelnya acak-acakan ,maksudnya seringkali kita dapati tampilan blog atau web kita berbeda pada beberapa browser. Itu terjadi karena browser tidak memiliki fitur yang sama dalam menampilkan situs web.Seperti halnya pada Chorme dan Firefox yang sering kali digunakan untuk editing css blog juga ternyata sering kedapatan menampilkan hasil yang berbeda. Pertanyaan nya sudah puaskah dengan tampilan blogmu sekarang ??Seberapa sempurnakah tampilan blog brada di semua browser ??. Contohnya seperti pada tampilan blog [OBC] yang sempurna hanya pada beberapa browser saja. Iceape 2.7.12 Opera 9.8 Chrome 7.0.517.44 Firefox 4.0.1 Pada keempat browser tampilan blog [OBC] saya fikir cukup sempurna , tapi pada browser lainnya memang kurang begitu sempurna contohnya seperti pada  Dillo 2.1 dibawah ini , blog saya terlihat acak-acakan. Bagi brada yang p

Blue Navigation Bar - Pada kesempatan yang lalu saya membuat artikel tentang Attitude Navigation Bar , sebuah menu yang tampak besar bak orang yang kekenyangan saat buka puasa , tapi tetep cakep hehe . Nah kesempatan kali ini  untuk memberikan pilihan saat brada membutuhkan sebuah menu , saya akan membagikan sebuah menu yang hampir mirip dengannya namun ada sedikit perbedaan pada warna dan style nya , tapi saya fikir menu kali ini gak kalah keren dari menu sebelumnya. Oks sambil nungguin adzan maghrib brada lihat demonya dibawah ini . Kelebihan Blue Navigation Bar   Sangat akrab dengan browser Firefox , Opera , Google Chorme , bahkan dengan Internet Explorer sekalipun Loading extra cepat  Kustomisasi menu Klik Tab " Tata Letak " Klik " Tambah gadget " Cari Tab " HTML/Javascript Masukan kode dibawah ini  <style type="text/css"> #menu9 ul { list-style:none; font-family: "Lucida Sans Unicode", sans-seri

Collor Full Social Icon Setelah beberapa jam disibukan dengan pekerjaan seputar ramadhan , akhirnya ada sedikit waktu senggang untuk menulis sesuatu di blog jelek ini . Pada kesempatan yang lalu saya membuat postingan tentang Sliding Social Icon sebagai tombol share yang cukup atraktif . Kali ini pun saya akan membagikan widget share yang gak kalah kerennya , Collor Full Social Icon yang elegant dan cocok untuk semua template. Untuk lebih jelasnya silahkan sobat lihat pada demonya Kustomisasi Klik Tab " Tata Letak "  Klik " Tambah gadget " Cari Tab " HTML/Javascript" Masukan kode dibawah ini <style> .socialicons_widget_sidebar li { float: left; width: 147px; height: 147px; margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: none; } .socialicons_widget_sidebar li a { line-height: 1px; display: block; } .socialicons_widget_sidebar li a:hover img { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }

Attitude Navigation Menu Bar - Tutorial kali ini saya akan berbagai sebuah menu yang besar dan tampak kenyang , ibarat kata ni menu seperti baru habis buka puasa hehe ... Untuk lebih jelasnya silahkan brada cek demonya barangkali saja brada minat.   Kalau brada sekalian minat silahkan ikuti caranya . #Kustomisasi Masuk pada tataletak Add Gadget / HTML Javascript  Masukan kode dibawah ini kedalamnya <style type="text/css"> #menu3 ul { list-style:none; font-family: Helvetica, Arial, sans-serif; font-size: 44px; font-weight: bold; letter-spacing: -2px; line-height: 1.2em; border-top:4px solid #000; border-bottom:4px solid #666; float:left; clear:both; margin:20px; } #menu3 ul li{ float:left; } #menu3 ul li a{ display:block; text-decoration:none; background-color:#ccc; padding:10px 10px 5px 10px; color:#666; width:170px; } #menu3 ul li a span{ display:block; text-align:center; } #menu3 ul li a span.title{ } #menu3 ul li a:hov

Pahalanya Shalat Terawih - Banyak keterangan yang menyebutkan bahwa belumlah sempurna puasanya seseorang kalau tidak menjalankan shalat terawih . Maka tidak heran ketika banyak orang berbondong-bondong untuk menjalankan shalat terawih karena ingin mendapatkan pahala dari Allah SWT . Shalat terawih banyak memiliki kelebihan dan banyak pula ganjaran/pahalanya , tapi dalam melakukan shalat ini yang lebih penting adalah niat yang tulus dan ikhlas.  Berikut ganjaran ketika melakukan shalat terawih dari malam pertama hingga malam terakhir , Insyallah .  Kembali bersih atau suci seperti bayi yang baru dilahirkan Dosanya dan dosa kedua orangtuanya diampuni Allah SWT mengampuni dosa-dosa yang telah lalu Pahalanya seperti membaca Injil, taurat , jabur dan Al-Quran Pahalanya seperti shalat di Masjidil Haram , Masjidil Aqso dan Masjidil Nabawi Bagai thowaf di Baitul-Makmur , seluruh bebatuan dan tanah liat memohonkan ampunan Ibarat bertemu Nabi Musa membantu beliau memerangi Fir

Sliding Social Icon Cool - Lama sudah saya tidak membuat artikel tentang sebuah widget untuk blogger. Sekarang disela-sela nungguin adzan magrib yang lumayan masih lama , saya  akan  berbagi sebuah widget yang cukup atraktif sebagai tombol sosial berbagi dengan efeck slider yang sangat cantik dan dinamis.  Nah bagi sobat yang sudah melihat demonya dan tertarik untuk memasangnya silahkan Masuk pada Tataletak  Add Gadget / HTML Javascript  Masukan kode dibawah ini  <div class="abt-social-slide"> <ul> <li><a class="facebook" href=" # " target="_blank">Facebook</a></li> <li><a class="twitter" href=" # " target="_blank">Twitter</a></li> <li><a class="google-p" href=" # " target="_blank">Google plus</a></li> <li><a class="rss" href=" # " target="_blank&quo

Manfaat Dalam Berpuasa - Bulan Ramadhan merupakan bulan yang paling ditunggu bagi kaum muslimin diseluruh dunia karena bulan ini bulan yang penuh barokah dimana terdapat segala kenikmatan dan manfaat didalamnya . Kita tentu akan merasakan manfaat bulan ramadhan ini apabila kita menjalankannya penuh khusu dan ikhlas. Banyak manfaat yang bisa kita rasakan ketika kita berpuasa terutama bagi kesehatan jasmani dan rohani. Puasa memberikan efek yang sangat luarbiasa bermanfaatnya bagi kesehatan jasmani karena dengan berpuasa kita bisa mencegah penyakit yang timbul karena pola makan yang berlebihan. Makanan yang berlebihan gizi belum tentu baik untuk kesehatan seseorang . Kelebihan gizi atau overnutrisi akan mengakibatkan kegemukan yang dapat menimbulkan penyakit degeneratif seperti kolesterol dan trigliserida tinggi , jantung koroner , kencing manis ( Diabetes Militus ) , dan lain-lain.  Pengaruh mekanisme puasa terhadap kesehatan jasmani meliputi berbagai aspek kesehatan , diantara

Selamat Datang Ramadhan -Allhamdulillah sebentar lagi kita akan menyambut bulan suci ramadhan bulan yang penuh hikmah dan barokah . Ramadhan adalah sebuah kata yang terbentuk dari lima huruf, dan setiap hurufnya memiliki makna tertentu yaitu Ra : Rahmat ( Rahmat Allah ) , Mim : Maghfirah ( Ampunan Allah ) , Dhod : Dhommanun li al jannah (  Jaminan untuk menggapai syurga ) Alif : Ammanun min an nar ( Terhindar dari neraka ) Nun : Nurullahi al azizi al hakim al Ghofuuri ar Rahiim ( Cahaya dari Allah SWT yang maha kuasa dan bijaksana , maha pengampun dan pengasih ) .  Kalau kita maknai kata yang terkandung dalam kata ramadhan tersebut kita akan semakin meyakini bahwa datangnya bulan ramadhan adalah membawa sebuah keberkahan dari Allah SWT untuk hambanya. Hal ini Sesuai sabda Nabi Muhammad SAW dalam haditsnya , Artinya : dari Abi Hurairoh RA , bahwasanya Nabi Muhammad SAW berkata dalam saat ramadhan telah tiba : telah datang kepada kalian bulan yang penuh berkah , pada bu

Free Template Responsive - Kali ini saya akan berbagi dua template responsive yang elegan dari  Template Responsive Design  , yang merupakan situs penyedia template yang secara khusus mendesain template responsive untuk platform  blogspot , wordpress dan joomla secara berbayar dan gratis.  BLUE AIR PRO RESPONSIVE Features   2 Columns ( Post And Sidebar ) 3 Columns Footer  Auto read-more , thumbnail for thrid party image Responsive Design Responsive Menu Design  Threaded comment system Auto resize image in post Subscribe Box SE Optimazid Sosial Media Share Platform Blogger RESPONSIVE TEMPLATE FREE Features 2 Columns ( Post And Sidebar ) 3 Columns Footer  Auto read-more , thumbnail for thrid party image Responsive Design Responsive Menu Design  Social Profile Threaded comment system Auto resize image in post Sidebar Advertisment Ready Header Advertisment Ready Subscribe Box Platform Blogger Cara Edit Template