Senarai kedai buku agama online di Malaysia.

1. 
http://www.hidayah.com.my/

2. 
http://www.eabookcentre.com.my/

3. 
http://www.e-kedai.net/

4. 
http://www.bookcafe.com.my/

5. 
http://www.jahabersa.com.my/

Senarai template blog percuma. Khusus untuk blogger.com / blogspot.com.

• eblogtemplates.com
• templatepanic.com
• Hoctro.blogspot
• the-blogger-templates.blogspot
• daleclick-templates.blogspot
• freecsstemplates.org
• blogger-templates.blogspot
• blogspottemplate.com
• freetemplates.blogspot
• blogger-themes.blogspot
• btemplates.com
• savatoons.com
• blogtemplates.noipo.org
• finalsense.com
• blogcrowds.com
• jackbook.com
• templates.arcsin.se
• blogger-skin-resources.blogspot
• pannasmontata-templates.net
• free-bloggertemplates.blogspot

Tutorial ni aku edit dari MaIDeN Life dalam bahasa Indonesia.
Hackosphere : Expandable posts with Peekaboo view
Beautifulbeta : Collapsable Posts

Berikut langkah-langkahnya.

1. Pada dashboard blog anda pilih blog yang akan dihack tadi, klik "Layout", klik "Template", klik "Edit HTML"

2. Klik "Download Full Template" dan simpan template anda untuk backup/jaga-jaga.

3. Kemudian beri tanda right/klik di "Expand Widget Templates"

Expand Widget Templates

4. Tekan Ctrl + F kemudian taipkan atau cari kod: ]]></b:skin> masukkan kod css berikut sebelumnya.

Kod css:

/* Read more
----------------------------------------------- */
.readmorebutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.readmorebutton:visited, .readmorebutton:hover, .readmorebutton:active{
color: white;
}

.readmorebutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.readmorebutton:visited{
color: black;
}

.readmorebutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.readmorebutton:active{
color: black;
}

5. Tekan Ctrl + F kemudian taipkan atau cari kod: </head>

6. Masukkan kod berikut :
<script type='text/javascript' src=
'http://www.anniyalogam.com/widgets/hackosphere.js' />
sebelum kod </head> itu

7. Tekan kembali Ctrl + F dan taipkan atau cari kod: <b:includable id='post'

8. Sila pastikan adakah "Expand Widget Templates" sudah di tandakan. Jika belum kembali ke langkah nomor 3.

9. Cari includable yang dipanggil <b:includable id='post' var='post'> . Highlightedkan hingga <div style='clear: both;'/> <!-- clear for photos floats -->
</div> dan gantikan dengan kod dibawah.

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a class='readmorebutton' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+] Read More</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a class='readmorebutton' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[-] Summary Only</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

10. Setelah copy/paste, klik "Save template"

11. Apabila segala sesuatunya berjalan dengan baik, maka kamu akan melihat tulisan berikut:

	Your changes have been saved. View Blog

12. Pergi ke Settings -> Formatting dan ke bawah page itu, anda akan dapati kotak untuk menetapkan "Post template". Copy/paste kod di bawah dalam text box itu dan save setting tersebut.

Type your summary here
<span id="fullpost">
Type rest of the post here
</span>

Nota tambahan:

* Masukkan kod <span id="fullpost"> selepas ringkasan artikel anda. Masukkan kod </span> selepas berakhir baki artikel anda. Kalau anda ingin mengedit artikel2 yang dulu.

* Anda boleh mengubah perkataan [+] Read More dan [-] Summary Only pada kod di step ke 9.

* Kalau tidak suka read more anda ada button. Anda tidak perlu masukkan kod css read more (langkah ke 4) dan buangkan class='readmorebutton' pada kod pada step ke 9.

testing