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
##########

Khamis, Julai 02, 2009

tawakal

Oleh Ahmad Sabki Mohd Tahir
HIDUP tidak sunyi daripada berdepan masalah. Yang membezakannya hanya jenis masalah itu tidak sama antara seorang dengan seorang. Seseorang itu mungkin berdepan masalah besar menentukan hidup atau mati perniagaannya pada masa depan, manakala yang lain hanya sekadar mendapatkan rumah untuk dibeli. Apa juga keadaan, mereka perlu mencari jalan menyelesaikannya. Masalah tidak akan selesai jika hanya berdiam diri berpeluk tubuh.
Kejayaan atau kegagalan bergantung sejauh mana usaha dilakukan. Selepas puas berusaha keras dengan pelbagai cara dan kaedah untuk menyelesaikan masalah, mereka boleh berserah kepada Allah iaitu bertawakal kepada Allah.

Tawakal satu ibadah hati paling utama dan akhlak iman paling agung. Seorang ulama menyatakan tawakal ialah percaya kepada Allah dan hanya kepada Dialah kita mengharapkan segala sesuatu, bukan kepada siapa pun. Imam al-Ghazali menyatakan tawakal satu manzilah (keberadaan) bagi orang beriman, bahkan tawakal darjat muqarrabin atau orang yang dekat dengan Allah. Ali al Qari pula menyebut tawakal adalah mengetahui dan yakin tidak ada yang mampu berbuat dalam alam ini kecuali atas kehendak Allah.
Abu Ali Ad-Daqqaq berkata, tawakal itu ada tiga tingkatan. Tawakal itu sendiri, kata Abu Ali Ad-Daqqaq: “Berserah diri, kemudian pasrah. Orang bertawakal berasa tenang kerana ada janji daripada Allah, orang berserah diri cukup dengan pengetahuan mengenai Allah dan orang pasrah reda terhadap hikmah Allah. Tawakal adalah permulaan, berserah diri adalah pertengahan dan pasrah adalah penghabisan.â€
Kata Abu Ali Ad-Daqqaq lagi: Tawakal sifat orang mukmin, berserah diri adalah sifat wali dan pasrah adalah sifat muwahhidin. Tawakal sifat orang awam, berserah diri sifat orang khusus dan pasrah sifat orang lebih khusus lagi. Tawakal ialah sifat nabi, berserah diri ialah sifat Ibrahim dan pasrah sifat Nabi Muhammad.†Orang yang tawakal selalu menggantungkan diri dan menyerahkan diri sepenuhnya kepada Allah.
Mereka sentiasa berlapang dada dan tidak resah bila dibelit masalah. Mereka tidak cepat berputus asas, sebaliknya sentiasa yakin dan percaya kepada kemampuan diri sendiri. Mereka hanya berserah (tawakal) kepada Allah selepas segala usaha dan ikhtiar dilakukan. Mereka bertawakal kepada Allah kerana mereka mempunyai perasaan kuat Allah Yang Maha Pemberi segala-galanya. Allah memberi rezeki, memberi kejayaan, memberi kepandaian, memberi kesenangan, memberi keselamatan dan semuanya datang daripada Allah. Kita hanya berusaha mencari dan mendapatkannya.
Dalam al-Quran Allah berfirman bermaksud: “Dan percayalah (tawakallah) dirimu kepada Allah, jika kamu betul-betul beriman.†(Surah al-Maidah ayat 23).
Allah sangat mencintai hamba-Nya yang bertawakal. Dan Allah akan memberikan jalan keluar serta akan memberikan rezeki yang datang tanpa disangkanya. Dengan kata lain, mereka (orang tawakal) tanpa gusar yakin terhadap ketentuan dan kekuasaan Allah hingga menyerahkan segenap permasalahan kepada-Nya semata.
Allah berfirman bermaksud: “Dan memberinya rezeki dari arah yang tiada disangka-sangkanya. Dan barang siapa bertawakal kepada Allah, nescaya Allah akan mencukupkan (keperluannya) . Sesungguhnya Allah melaksanakan urusan yang (dikehendaki- Nya). Sesungguhnya Allah mengadakan ketentuan bagi setiap sesuatu.†(Surah Ath Thalaq ayat 3).
Dalam bukunya Para Kekasih Allah, Abdillah F Hasan berkata dalam al-Quran tidak kurang dari 40 ayat membahas masalah tawakal, baik dalam bentuk perintah mahupun keutamaan bagi hamba mampu melaksanakannya. Yusuf al Qaadhawi dalam kitabnya Ath Thariq Ilalah, At Tawakal mengungkapkan mengenai keistimewaan disandang hamba Allah bertawakal kepada-Nya, iaitu timbul ketenteraman jiwa, kekuatan jiwa (kekuatan spiritual), kewibawaan, keredaan dan percaya diri. Orang beriman yakin akan pertolongan Allah.
Allah tidak akan membiarkan orang berjuang di jalan-Nya. Allah tetap menolong mereka, cuma cepat atau lambat saja. Orang yang mantap dan teguh imannya tidak ragu-ragu dengan janji Allah ini. Mereka penuh yakin Allah tidak mengingkari janji kerana mereka tahu dan ingat keagungan Allah, kesempurnaan ilmu-Nya dan kudrat-Nya. Allah ingat kepada hamba-Nya yang tidak pernah lupa mengingati-Nya di mana-mana. Firman Allah dalam al-Quran bermaksud: “Dan Kami selalu berkewajipan menolong orang-orang yang beriman.†(Surah Ar-Rum ayat 47)

Tiada ulasan: