fantasy layout powered by HOTFreeLayouts.com / MyHotComments ----------------------------------------------- */ /* Variable definitions ==================== */ body { background:#bca; margin:0; text-align:center; line-height: 1.5em; font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:#000000; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ #outer-wrapper { width:740px; margin:0 auto; text-align:left; font: normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif; } #main-wrap1 { width:485px; float:left; background:#e6e6e6 url("http://www1.blogblog.com/rounders4/corners_main_bot.gif") no-repeat left bottom; margin:15px 0 0; padding:0 0 10px; color:#000000; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main-wrap2 { float:left; width:100%; background:url("http://www1.blogblog.com/rounders4/corners_main_top.gif") no-repeat left top; padding:10px 0 0; } #main { background:url("http://www.blogblog.com/rounders4/rails_main.gif") repeat-y left; padding:0; width:485px; } #sidebar-wrap { width:240px; float:right; margin:15px 0 0; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .main .widget { margin-top: 0; margin-right: 13px; margin-bottom: 4px; margin-left: 13px; } .main .Blog { margin: 0; } /* Links ----------------------------------------------- */ a:link { color: #9D1961; } a:visited { color: #3D81EE; } a:hover { color: #3D81EE; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ #header-wrapper { background: #476 url("http://www2.blogblog.com/rounders4/corners_cap_top.gif") no-repeat left top; margin-top:22px; margin-right:0; margin-bottom:0; margin-left:0; padding-top:8px; padding-right:0; padding-bottom:0; padding-left:0; color:#ffcc66; } #header { background:url("http://www1.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat left bottom; padding:0 15px 8px; } #header h1 { margin:0; padding:10px 30px 5px; line-height:1.2em; font: italic bold 416% Georgia, Times, serif; } #header a, #header a:visited { text-decoration:none; color: #ffcc66; } #header .description { margin:0; padding:5px 30px 10px; line-height:1.5em; font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; } /* Posts ----------------------------------------------- */ h2.date-header { margin-top:0; margin-right:28px; margin-bottom:0; margin-left:43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:#940f04; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted #bbbbbb; border-width:1px 0; } .post h3 { margin:0; line-height:1.5em; background:url("http://www2.blogblog.com/rounders4/icon_arrow.gif") no-repeat 10px .5em; display:block; border:1px dotted #bbbbbb; border-width:0 1px 1px; padding-top:2px; padding-right:14px; padding-bottom:2px; padding-left:29px; color: #3D81EE; font: normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif; } .post h3 a, .post h3 a:visited { text-decoration:none; color: #3D81EE; } .post h3 a:hover { background-color: #bbbbbb; color: #3D81EE; } .post-body { border:1px dotted #bbbbbb; border-width:0 1px 1px; border-bottom-color:#e6e6e6; padding-top:10px; padding-right:14px; padding-bottom:1px; padding-left:29px; } html>body .post-body { border-bottom-width:0; } .post-body { margin:0 0 .75em; } .post-body blockquote { line-height:1.3em; } .post-footer { background: #577; margin:0; padding-top:2px; padding-right:14px; padding-bottom:2px; padding-left:29px; border:1px dotted #bbbbbb; border-width:1px; font-size:100%; line-height:1.5em; color: #acb; } /* The first line of the post footer might only have floated text, so we need to give it a height. The height comes from the post-footer line-height */ .post-footer-line-1 { min-height:1.5em; _height:1.5em; } .post-footer p { margin: 0; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: left; text-align:left; margin-right: 4px; } .post-footer a { color: #fff; } .post-footer a:hover { color: #eee; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders4/icon_comment_left.gif") no-repeat left 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders4/icon_comment_left.gif") no-repeat left 45%; padding-left:14px; } .post img { margin-top:0; margin-right:0; margin-bottom:5px; margin-left:0; padding:4px; border:1px solid #bbbbbb; } blockquote { margin:.75em 0; border:1px dotted #bbbbbb; border-width:1px 0; padding:5px 15px; color: #940f04; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: left; margin-left: 13px; } #blog-pager-older-link { float: right; margin-right: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-left: 13px; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted #bbbbbb; border-width:0 1px 1px; padding-top:20px; padding-right:0; padding-bottom:15px; padding-left:0; } #comments h4 { margin:0 0 10px; padding-top:0; padding-right:14px; padding-bottom:2px; padding-left:29px; border-bottom:1px dotted #bbbbbb; font-size:120%; line-height:1.4em; color:#3D81EE; } #comments-block { margin-top:0; margin-right:15px; margin-bottom:0; margin-left:9px; } .comment-author { background:url("http://www.blogblog.com/rounders4/icon_comment_left.gif") no-repeat 2px .3em; margin:.5em 0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding-top:0; padding-right:0; padding-bottom:0; padding-left:20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding-top:0; padding-right:0; padding-bottom:.75em; padding-left:20px; } .comment-footer a:link { color: #ced; } .deleted-comment { font-style:italic; color:gray; } .comment-form { padding-left:20px; padding-right:5px; } #comments .comment-form h4 { padding-left:0px; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0; border: 4px solid #ffffff; } .profile-datablock { margin-top: 0; margin-right: 15px; margin-bottom: .5em; margin-left: 0; padding-top: 8px; } .profile-link { background:url("http://www.blogblog.com/rounders4/icon_profile_left.gif") no-repeat left .1em; padding-left:15px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } .sidebar .clear, .main .widget .clear { clear: both; } #sidebartop-wrap { background:#b3b3b3 url("http://www.blogblog.com/rounders4/corners_prof_bot.gif") no-repeat left bottom; margin:0px 0px 15px; padding:0px 0px 10px; color:#ffffff; } #sidebartop-wrap2 { background:url("http://www2.blogblog.com/rounders4/corners_prof_top.gif") no-repeat left top; padding: 10px 0 0; margin:0; border-width:0; } #sidebartop h2 { line-height:1.5em; color:#ffffff; border-bottom: 1px dotted #ffffff; font: normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; margin-bottom: 0.5em; } #sidebartop a { color: #ffffff; } #sidebartop a:hover { color: #eeeeee; } #sidebartop a:visited { color: #eeeeee; } /* Sidebar Boxes ----------------------------------------------- */ .sidebar .widget { margin:.5em 13px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } #sidebarbottom-wrap1 { background: #ffffff url("http://www.blogblog.com/rounders4/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color: #666666; } #sidebarbottom-wrap2 { background:url("http://www1.blogblog.com/rounders4/corners_side_bot.gif") no-repeat left bottom; padding:0 0 8px; } #sidebar { background:url("http://www1.blogblog.com/rounders4/rails_side.gif") repeat-y; } #sidebar { color: #666666; } #sidebar h2 { color: #666666; border-bottom: 1px dotted #666666; margin-bottom: 0.5em; } #sidebar a { color: #c744ff; } #sidebar a:hover, #sidebar a:visited { color: #e6e6e6; } .sidebar h2 { margin:0; padding:0 0 .2em; line-height:1.5em; font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0; } .sidebar ul li { background:url("http://www2.blogblog.com/rounders4/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding-top:0; padding-right:0; padding-bottom:3px; padding-left:16px; margin-bottom:3px; border-bottom:1px dotted #bbbbbb; line-height:1.4em; } .sidebar p { margin:0 0 .6em; } /* Footer ----------------------------------------------- */ #footer-wrap1 { clear:both; margin:0 0 10px; padding:15px 0 0; } #footer-wrap2 { background:#447766 url("http://www2.blogblog.com/rounders4/corners_cap_top.gif") no-repeat left top; color:#ffcc66; } #footer { background:url("http://www.blogblog.com/rounders4/corners_cap_bot.gif") no-repeat left bottom; padding:8px 15px; } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:#ffcc66;} #footer .widget-content { margin:0; } /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout #sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } body#layout #header, body#layout #header-wrapper, body#layout #outer-wrapper { margin-left:0, margin-right: 0; padding: 0; } body#layout #outer-wrapper { width: 730px; } body#layout #footer-wrap1 { padding-top: 0; } -->

Myspace Cursors @ JellyMuffin.comMyspace Layouts & cursors
JellyMuffin.com - The place for profile layouts, flash generators, glitter graphics, backgrounds and codes
##########

Ahad, Julai 27, 2008

Sabar Dalam Syukur

Bersabar dalam rasa syukur atau bersyukur dalam kesabaran ? apapun jawabannya kedua entitas tersebut merupakan pokok keimanan. Iman terbagi menjadi dua, separuh dalam sabar dan separuh dalam syukur. (HR. Al-Baihaqi)
Bersyukur atas nikmat Allah mempunyai cakupan yang sangat luas baik yang telah ada pada diri kita maupun yang akan datang kepada diri kita. Didalam khutbah sering kali khotib mengajak kita bersyukur atas nikmat Islam , nikmat iman dan berbagai kenikmatan yang lainnya salah satunya seperti kesehatan.
Bersyukur bisa kita lakukan lewat perbuatan dan perkataan, dan bersyukur lewat perbuatan dibagi menjadi dua yaitu bersyukur terhadap apa yang telah kita miliki untuk digunakan pada diri sendiri dan bersyukur terhadap apa yang telah kita miliki untuk digunakan bagi kebutuhan orang lain.
Bersabar dalam rasa syukur adalah syukur utuk diri sendiri dan hal ini bisa kita manifestasikan dalam syukur panca indera seperti bersyukur karena telah memiliki mata maka kita bersabar dalam melihat yang bukan hak kita, bersyukur karena telah memiliki mulut maka kita bersabar dalam berbicara yang tidak bermanfaat bahkan menimbulkan fitnah, bersyukur karena memiliki telinga berarti kita dituntut untuk bersabar dalam mendengarkan keluhan orang lain dan menahan diri dari mendengar ghibah dan seterusnya.
Seperti firman Allah " Dan Dialah yang telah menciptakan bagi kamu sekalian, pendengaran, penglihatan dan hati. Amat sedikitlah kamu bersyukur "(Al Mu'minuun :78) hal senada terdapat pada surat (Al Mulk :23)
Bersyukur dalam kesabaran adalah wujud terimakasih kita kepada Allah bahwa kita di beri nikmat sabar, yaitu sabar dalam memberikan pertolongan kapada orang lain. "Yang paling pandai bersyukur kepada Allah adalah orang yang paling pandai bersyukur kepada manusia". (HR. Ath-Thabrani) , karena pada hakekatnya rasa sabar juga pemberian dari Allah Subhanahu Wa Ta'ala yang disusupkan lewat hati orang yang di pilihNya.
Selama ini kita mempersepsikan energi sabar dan syukur sebagai energi diam (kepasrahan) padahal tidaklah demikian, didalam satu hadist Rasulullah Shallallahu 'Alaihi Wassallam menerangkan "Dua hal apabila dimiliki oleh seseorang dia dicatat oleh Allah sebagai orang yang bersyukur dan sabar. Dalam urusan agama (ilmu dan ibadah) dia melihat kepada yang lebih tinggi lalu meniru dan mencontohnya. Dalam urusan dunia dia melihat kepada yang lebih bawah, lalu bersyukur kepada Allah bahwa dia masih diberi kelebihan". (HR. Tirmidzi) artinya bersabar dalah pergerakan menuju ridho Allah lewat usaha maksimal dalam urusan akherat dan berusaha menekan lonjakan nafsu duniawi lewat syukur.
e.mail: "David Sofyan 'd4v1d2yan@gawab.com'

Tiada ulasan: