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, November 26, 2009

Renungan: Jibril kenal

Dalam suatu riwayat, Rasulullah saw bersabda,“Sepanjang hari kiamat malaikat Jibril terbang beredar selama empat puluh ribu tahun. Pada suatu waktu ia mendengar pekikan dari ceruk neraka,‘Ya Hannan, ya Mannan, ya Dzal Jalaali wal Ikraam’. Jibril lalu bersujud kepada Allah,‘Ya Allah. Hamba dengar dari ceruk neraka ada seorang memekik menyeru Asma-Mu,‘Ya Hannan, ya Mannan, ya Dzal Jalaali wal Ikraam’ selama puluhan ribu tahun. Tentu suaranya salah seorang umat Muhammad saw.


“Engkau Maha Tahu, wahai Tuhanku, bagaimana persahabatanku dengan Muhammad saw. Sungguh aku ingin berbuat baik padanya. Kini umatnya ada yang menderita amat sangat di neraka, perkenankan hamba untuk mensyafa’ati umat Muhammad saw itu, ya Tuhan.” Kata Jibril.

Allah berbelas kasihan “‘Wahai Jibril. Aku izinkan kau syafa’ati umat Muhammad saw. Aku berkenan engkau menemui malaikat Malik Zabaniyah agar dikeluarkan umat-umat Muhammad saw yang menginap di neraka dan diserahkannya kepadamu”

Malaikat Jibril cepat-cepat menemui malaikat Malik Zabaniyah penjaga neraka,‘Sesungguhnya Allah telah perintahkan agar si Fulan yang menyeru ‘ya Hannan’ engkau keluarkan dan serahkan kepadaku.’ Malaikat Malik lalu mencari-cari penghuni neraka yang berzikir ‘Ya Hannan’. Pencarian malaikat Malik ke dalam neraka hingga seribu tahun lamanya, namun masih belum berjaya menemui si Fulan, sebab neraka itu sangat luas dan panas apinya telah menghilangkan identiti penghuninya.

Malaikat Malik memberitahu tentang kegagalan pencariannya kepada malaikat Jibril. Malaikat Jibril menghadap kembali dan bersujud,‘Ya Tuhanku. Malik tak mampu mencari si Fulan. Di manakah sebenarnya si Fulan berada?’ Allah Yang Maha Tahu memerincikan,‘Wahai Jibril. Jumpalah Malik dan beritahu lokasi si Fulan di ceruk neraka sebelah anu.’(Allah memberitahu lokasi sebenar)

Malaikat Jibril menemui malaikat Malik lagi dan menunjukkan lokasi Fulan sesuai dengan petunjuk Allah. Malaikat Malik pun pergi ke tempat yang ditunjukkan dan menemui orang tersebut dalam keadaan tertonggeng. Ular-ular berbisa dan kala beracun membelit tubuhnya. Ia dibelenggu, badannya telah hangus seperti arang namun masih hidup. Malaikat Malik menghela tubuhnya hingga binatang-binatang neraka mengelupas darinya. Helaan ke dua kalinya membebaskan si Fulan dari belenggu neraka.

Si Fulan muram menatap malaikat Malik,‘Apakah engkau akan tambah seksa untukku atau hendak selamatkan diriku?’ Kali ini malaikat Malik ramah,’Aku juga tidak tahu. Hanya penghulu malaikat, malaikat Jibril, datang menjemputmu.” Malaikat Malik menggamit tangannya dan menyerahkannya kepada Malaikat Jibril. Sepanjang lorong setiap penghuni neraka menjadi saksi,‘Orang ini menetap di neraka selama empat puluh ribu tahun.’

Malaikat Jibril menghadapkan si Fulan kepada Allah. Si Fulan bersimpuh di sisi malaikat Jibril. Allah berfirman menyambut,‘Wahai hamba-Ku. Apakah Aku belum mengirim al Qur’an dan mengutus rasul di dunia yang perintahkanmu berbuat kebajikan dan melarangmu berbuat mungkar?

Hamba itu menunduk dan menjawab,‘Sudah ya Tuhanku. Hamba benar-benar telah berbuat zalim pada diri sendiri. Hamba mengakui dosa-dosaku, ampuni daku demi kebenaran dan kemuliaan Asma-Mu, ya Hannan, ya Mannan, ya Dzal Jalaali wal Ikram yang hamba serukan selama empat ribu tahun di dalam neraka.’

Allah membelas kasihani hamba-nya,‘Wahai hamba-Ku. Aku ampuni semua dosamu. Aku serahkan dirimu pada Jibril, serta Ku-bebaskan dirimu dari neraka atas syafa’at-nya Jibril.’ Malaikat Jibril lalu menarik tangan si Fulan menuju surga. Di sana si Fulan dimandikan dengan air telaga Kautsar. Setelah mandi dengan air itu, hilanglah bekas tanda-tanda penghuni neraka.

Kemudian malaikat Jibril bawa si Fulan masuk ke dalam syurga untuk dipertemukan denganku, Rasulullah saw. Malaikat Jibril mengucapkan salam dan memberitahu,“Ya Muhammad saw. Aku telah lakukan kebajikan, beri syafa’at, sebagaimana engkau pasti lakukan terhadap orang lain.’ Aku, Rasulullah saw, mengangguk,‘Benar ya Jibril. Terima kasih atas kebajikanmu memberi syafa’at terhadap umatku’.

Tiada ulasan: