Free Islamic Blogger Templates: Islam

Keren juga kan jika kita bisa memasukkan ayat Al-Quran dalam blog kita. Gini nih:

Ayat-ayat Al-Qur'an itu berupa image. Kita berterima kasih pada orang yang telah bersusah payah membuatnya, yaitu http//web1hari.com/ dan http://www.islamic-council.com/

http//web1hari.com/

Cara penggunaan gambar:
Kita tinggal memanggil gambar-gambar yang sesuai dengan ayat dan surah yang dikehendaki. Kodenya adalah:

Catatan: nomor surah dan ayat tidak perlu menggunakan angka ‘0′, misal 1, tidak perlu 01 atau 001

Contohnya: Bassmallah atau ayat pertama dari surah pertama (Al-Fatihah):
<img src="http://web1hari.com/file/gif/1/1_1.gif" />

http://www.islamic-council.com/

Cara penggunaan gambar:
Kita tinggal memanggil gambar-gambar yang sesuai dengan ayat dan surah yang dikehendaki. Kodenya adalah:

Catatan: nomor surah tidak perlu menggunakan angka ‘0′, misal 1, tidak perlu 01 atau 001 tetapi nomor ayat selalu 3 digit, untuk ayat yang < 100 harus menggunakan angka 0 sebagai pelengkap.

Contohnya: Bassmallah atau ayat pertama dari surah pertama (Al-Fatihah):
<img src=http://www.islamic-council.com/quran/image/1_001.gif>

-- Alhamdulillah --

Download : kaba.txt

Size : 11 kb

Info : Merupakan skin pertama. Skin ini bertemakan kebesaran Allah SWT melalui rumah-Nya atau disebut Baitullah, Ka'bah.

Select All --> copy semuanya

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title><$BlogPageTitle$></title><$BlogMetaData$><style type="text/css">/*-----------------------------------------------Blogger Template StyleName: KabaDesigner: Bunga AyeshaURL: http://blogger-skin-resources.blogspot.com/Date: 30 Juni 2006----------------------------------------------- */body {background: #C6CBD8 url("http://i79.photobucket.com/albums/j152/riniaisyah/kaba-1-content.gif") repeat-y center top;margin:0 auto;padding:0 0 0 0;font:12px Verdana;color:#050E23;font-size/* */:/**/13px;font-size: /**/13px;text-align:center;}td {font:12px Verdana;color:#050E23;font-size/* */:/**/13px;font-size: /**/13px;}#content {background: url("http://i79.photobucket.com/albums/j152/riniaisyah/kaba-1.jpg") no-repeat;background-position: center top;margin:0 auto;width:741px;color:#050E23;padding-bottom: 20px;text-align:right;}/*blog judul--------*/#blog-judul {margin:0 auto;padding:8px 0 0 0;height: 199px;width:741px;text-align:right;}#judul {margin:0 auto;padding:8px 0 0 0;}#judul p {margin:0 auto;padding:0 5px 0 0;font:bold 140% Georgia, Serif; text-transform:uppercase;color:#FFFFFF;}#description {margin:0 auto;padding:18px 5px 0 0;}#description p {margin:0 auto;font:italic bold 13px Georgia, Serif;color:#32569A;}#main {float: left;margin:0 auto;width: 495px;line-height:1.4em;text-align: left;padding-bottom: 20px;}#sidebar {float: right;padding-top:40px;padding-left:5px;padding-right:5px;width: 225px;font-size:85%;color:#FFD478;text-align:left;}.sidebar-title {margin:2.2em 0 .15em;padding-bottom:.35em;border-bottom:1px dashed #9b9;font:bold 100%/1.4em Georgia,Serif;text-transform:uppercase;letter-spacing:.3em;color:#F6F8FC;text-align:center;}#sidebar p {line-height:1.6em;font:110% verdana;}#sidebar ul {margin:0 0 .75em;padding:5px 0;list-style:none;line-height:1.5em;}#sidebar ul li {margin:0 auto;background:url("http://i79.photobucket.com/albums/j152/riniaisyah/kaba-1-item.gif") no-repeat 3px .45em;padding:0 0 5px 15px;}.list {width:180px;font-size:90%;}/*link-------------*/a:link {color:#FFD478;}a:visited {color:#FFD478;}a:hover {color:#000000;}a img {border-width:0;}#main a:link {color:#335A9D;}#main a:visited {color:#335A9D;}#main a:hover {}/*profil-----------------*/.profile-datablock {margin:0 0 1em;}.profile-img {display:inline;}.profile-img img {float:left;margin:0 8px 5px 0;border:2px solid #F6F8FC;.profile-data {margin:0;line-height:1.5em;}.profile-data strong {display:block;}.profile-textblock {clear:left;} /* Postingan -------- */ .date-header {margin:0 28px 0 43px;font:bold 85%/1.4em Georgia,Serif;text-transform:uppercase;letter-spacing:.3em;color:#D1981A;padding-top:17px;}.post {margin:.3em 0 25px;padding:0 13px;border:1px dotted #8791AC;border-width:1px 0;}.post-title margin:0 auto;font-size:110%;line-height:1.5em;background:url("http://i79.photobucket.com/albums/j152/riniaisyah/kaba-1-arrow.gif") no-repeat 13px .45em;display:block;border:1px dotted #8791AC;border-width:0 1px 1px;padding:2px 14px 2px 29pxcolor:#335A9D;}a.title-link, .post-title strong {text-decoration:none;display:block;} a.title-link:hover {background-color:#E9ECF3;}.post-body {border:1px dotted #8791AC;border-width:0 1px 1px;border-bottom-color:#E5E7EA;padding:10px 14px 1px 29px;}html>body .post-body {border-bottom-width:0;}.post p {margin:0 0 .75em;}p.post-footer {background:#E9ECF3;margin:0;padding:2px 14px 2px 29px;border:1px dotted #8791AC;border-width:1px;border-bottom:1px solid #E5E7EA;font-size:100%;line-height:1.5em;color:#8791AC;text-align:right;}html>body p.post-footer {border-bottom-color:transparent;}p.post-footer em {display:block;float:left;text-align:left;font-style:normal;}a.comment-link {background/* */:/**/url("http://i79.photobucket.com/albums/j152/riniaisyah/kaba-1-comment.gif") no-repeat 0 45%;padding-left:14px;}html>body a.comment-link {/* Respecified, for IE5/Mac's benefit */background:url("http://i79.photobucket.com/albums/j152/riniaisyah/kaba-1-comment.gif") no-repeat 0 45%;padding-left:14px;}.post img {margin:0 0 5px 0;padding:4px;border:1px solid #8791AC;}blockquote {margin:.75em 0;border:1px dotted #8791AC;border-width:1px 0;padding:5px 15px;font-style:italic;}.post blockquote p { margin:.5em 0;}/* Comments----------------------------------------------- */#comments {margin:-25px 13px 0;border:1px dotted #8791AC;border-width:0 1px 1px;padding:20px 0 15px 0;}#comments h4 {margin:0 0 10px;padding:0 14px 2px 29px;border-bottom:1px dotted #8791AC;font-size:110%;line-height:1.4em;color:#335A9D;}#comments-block {margin:0 15px 0 9px;}.comment-poster {background: url("http://i79.photobucket.com/albums/j152/riniaisyah/kaba-1-comment.gif") no-repeat 6px .4em;margin:.5em 0;padding:0 0 0 20px;font-weight:bold;color:#335A9D;}.comment-body {margin:0 0 1.25em;padding:0 0 0 20px;}.comment-body p {margin:0 0 .5em;}.comment-timestamp {margin:0 0 .5em;padding:0 0 .75em 15px;color:#335A9D;}.comment-timestamp a:link {color:#335A9D;}.deleted-comment {font-style:italic;color:#ccc;}</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body><div id="wrapper"><div id="content"> <div id="blog-judul"></div><div id="main"><p align="center"><img src="http://i79.photobucket.com/albums/j152/riniaisyah/kaba-1-bismillah.gif" /></p><Blogger> <BlogDateHeader><h2 class="date-header"><$BlogDateHeaderDate$></h2></BlogDateHeader><div class="post"><a name="<$BlogItemNumber$>"></a><BlogItemTitle><BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"><h3 class="post-title"><$BlogItemTitle$></h3></a></BlogItemUrl></BlogItemTitle><div class="post-body"><p><$BlogItemBody$></p></div><p class="post-footer"><em>ditulis <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em> <MainOrArchivePage><BlogItemCommentsEnabled> <a class="comment-link" href="<$BlogItemCommentCreate$><$BlogItemCommentFormOnclick$>"><$BlogItemCommentCount$> komentar</a></BlogItemCommentsEnabled></MainOrArchivePage><$BlogItemControl$></p></div><ItemPage><div id="comments"><BlogItemCommentsEnabled><a name="komentar"></a><h4><$BlogItemCommentCount$> Komentar:</h4><dl id="comments-block"><BlogItemComments><dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a><$BlogCommentAuthor$> berkata...</dt><dd class="comment-body"><p><$BlogCommentBody$></p></dd><dd class="comment-timestamp"><a href="#c<$BlogCommentNumber>" title="comment permalink"><$BlogCommentDateTime$></a><$BlogCommentDeleteIcon$></dd></BlogItemComments></dl><p class="comment-timestamp"><$BlogItemCreate$></p><p class="comment-timestamp"><a href="<$BlogURL$>"><< Home </a> </p></BlogItemCommentsEnabled></div></ItemPage></Blogger></div> <div id="sidebar"><div align="center"><h2 class="sidebar-title">Mutiara</h2><p><em>Seorang mukmin adalah seorang yang tidak pernah kenyang dari mendengarkan kebaikan sampai dengan berakhir di syurga.</em> <br><strong>IMAM SYAFI'I</strong></p></div><$BlogMemberProfile$> <h2 class="sidebar-title">Arsip</h2><ul><BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems><MainOrArchivePage><BloggerArchives><li><select class="list" name="archivemenu" onchange=" document.location.href=this.options[this.selectedIndex].value;"><option selected>Bulanan</option><option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option><option value="<$BlogURL$>">Tulisan Sekarang</option></select></li></BloggerArchives></MainOrArchivePage></ul><h2 class="sidebar-title">Link</h2><ul><li><a href="http://www.myquran.org/">myQuran</a></li><li><a href="http://blog.muslimblog.net/">IMB</a></li><li><a href="http://riniaisyah.blogspot.com/">Blog Teman</a></li></ul><div align="center"><p><a href="http://blogger-skin-resources.blogspot.com/"><img src="http://i79.photobucket.com/albums/j152/riniaisyah/logo-bunga.gif" alt="Powered by Bunga Ayesha" border="0"></a></p><p><a href="http://www.blogger.com/"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" border="0"></a></p></di></div></div></div></body></html>

Free Islamic Blogger Templates

Memasukkan Ayat Al-Qur'an

http//web1hari.com/

http://www.islamic-council.com/

Kalender Hijriah

My Blog - XML Skin

XML Skin - The Book / Al Kitab / Al Qur'an

Islam Pictures

Ottoman - XML Skin

Kaba - Classic Skin

About Me - Rini

Radio Rodja - Live Streaming

Categories

Archives

Blog Teman