Selasa, 12 Maret 2013

Nasehat Abu Fatihah Ulfah kepadaku


Al-Imam Hasan Al Bashri

rahimahullah berkata :



“Wahai manusia, sesungguhnya aku
tengah menasihati kalian, dan bukan
berarti aku orang yang terbaik diantara kalian, bukan pula orang
yang paling shalih di antara kalian.
Sungguh, akupun telah banyak melampaui
batas terhadap diriku. Aku tidak sanggup mengekangnya (hawa nafsuku) dengan
sempurna, tidak pula membawanya
sesuai dengan kewajiban dalam
menaati Rabb-nya. Andaikata
seorang muslim tidak memberi nasihat kepada saudaranya kecuali setelah dirinya menjadi orang yang
sempurna, niscaya tidak akan ada para pemberi nasihat (dimuka bumi ini).



(Mawai’zh lilImam Al-Hasan Al-Bashri,
hal.185 ).



Untuk itu Aku nasehatkan khususnya untk diriku dan kalian semua para sahabatku, mari kita senantiasa berusaha dengan kesungguhan hati kita untk mendatangi dan meninggalkan segala sesuatunya untk memenuhi panggilan yang haq (ketika adzan berkumandang, mari kita menuju jalan Kemenangan), agar Insya Allah kita mendapatkan keutamaan dan keberuntungan yg besar karena telah berusaha menjaga sholat Amalan yang paling dicintai Allah Ta'ala, yaitu Asholatu waqtiha (sholat tepat pada waktunya).



Wallahul Musta'an...


Senin, 11 Maret 2013


Isi Nya YUDAYUDAYUDA.....


YUDAYUDAYUDA
Ganti dengan objek atau teks yang anda inginkan
CARA MEMBUAT SPOILER BUKA TUTUP



http://problogiz.blogspot.com/2013/01/menu-navigasi-mega-dropdown-keren.html

10 menu dropdown keren
http://problogiz.blogspot.com/2012/10/10-menu-drop-down-keren-pure-css.html

menu dropdown melayang
http://problogiz.blogspot.com/2013/02/menu-dropdown-efek-melayang-pure-css3.html

efek hover teks
http://problogiz.blogspot.com/2012/12/10-efek-hover-keren-pada-teks-link.html

acordin slider
http://problogiz.blogspot.com/2012/12/membuat-accordion-slider-horizontal.html


preview design tool
http://problogiz.blogspot.com/p/preview-predesign-tool.html

button download
http://problogiz.blogspot.com/2012/12/koleksi-demo-button-dan-download-button.html

buat tombol button
http://problogiz.blogspot.com/2012/09/cara-buat-tombol-button-keren-dengan-css.html
GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI




Menu dropdownku

<style> #cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; } #cssmenu { height: 49px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); border-bottom: 2px solid #0fa1e0; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); color: #ffffff; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 49px; padding: 0 20px; text-decoration: none; } #cssmenu ul { list-style: none; } #cssmenu > ul { float: left; } #cssmenu > ul > li { float: left; } #cssmenu > ul > li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0fa1e0; margin-left: -10px; } #cssmenu > ul > li:first-child > a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; } #cssmenu > ul > li:last-child > a { border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; } #cssmenu > ul > li.active > a { box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); } #cssmenu > ul > li:hover > a { background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; } #cssmenu .has-sub { z-index: 1; } #cssmenu .has-sub:hover > ul { display: block; } #cssmenu .has-sub ul { display: none; position: absolute; width: 200px; top: 100%; left: 0; } #cssmenu .has-sub ul li { *margin-bottom: -1px; } #cssmenu .has-sub ul li a { background: #0fa1e0; border-bottom: 1px dotted #6fc7ec; filter: none; font-size: 11px; display: block; line-height: 120%; padding: 10px; } #cssmenu .has-sub ul li:hover a { background: #0c7fb0; } #cssmenu .has-sub .has-sub:hover > ul { display: block; } #cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; } #cssmenu .has-sub .has-sub ul li a { background: #0c7fb0; border-bottom: 1px dotted #6db2d0; } #cssmenu .has-sub .has-sub ul li a:hover { background: #095c80; } </style> <div id='cssmenu'> <ul> <li class='active '><a href='index.html'><span>Home</span></a></li> <li class='has-sub '><a href='#'><span>Products</span></a> <ul> <li class='has-sub '><a href='#'><span>Product 1</span></a> <ul> <li><a href='#'><span>Sub Item</span></a></li> <li><a href='#'><span>Sub Item</span></a></li> </ul> </li> <li class='has-sub '><a href='#'><span>Product 2</span></a> <ul> <li><a href='#'><span>Sub Item</span></a></li> <li><a href='#'><span>Sub Item</span></a></li> </ul> </li> </ul> </li> <li><a href='#'><span>About</span></a></li> <li><a href='#'><span>Contact</span></a></li> </ul> </div>

Kamis, 07 Maret 2013

silahkan lihat juga :

  1. FOTO NASEAHAT
  2. TES ARTIKEL
MENU TANPA DROPDOWN



<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">HOME</a>

<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">MAN ANA</a>

<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">BUKU TAMU</a>

<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">FACEBOOK</a>

<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">TWITER</a>
<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">DOWNLOAD</a>
<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">LAIN-LAIN</a>
<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">CHATTING</a>
<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">LAIN-LAIN</a>
<a href="http://www.aryudamandraguna.blogspot.com " class="navigation">CHATTING</a>