tag:blogger.com,1999:blog-64192893595806676932023-06-20T05:17:55.523-07:00Rahmad Hidayat DalimuntheBlog Untuk Berbagi Dengan SahabatRahmad Dalimunthehttp://www.blogger.com/profile/11085648358418308600noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-6419289359580667693.post-53083401350051039222009-10-22T06:49:00.000-07:002009-10-22T06:49:58.839-07:00Pasang Stripe-Ad ala Navbar BloggerBoost Your Blog's Response Rate With "Stripe Ad" <div align="justify"><br />
</div><div align="justify">Menayangkan <b>iklan bergaya Stripe-Ad</b> tentu lebih baik dari pada menayangkan iklan dalam bentuk <b>Popup Ad (Pop-ups, pop-overs and pop-unders)</b>, Selain dapat menghindari Popup Blocker, memasang Stripe-Ad terasa sangat pas untuk menampilkan satu focus informasi yang dirasa penting (bisa berupa iklan baris, pengumuman, Feed atau informasi apa saja sesuai kebutuhan). <br />
</div><br />
<a href="http://1.bp.blogspot.com/_C6KkooKXCEw/SPuHDgWZ9KI/AAAAAAAACgs/WULyK_4c6yY/s1600-h/stripe-ad.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5258945484178453666" src="http://1.bp.blogspot.com/_C6KkooKXCEw/SPuHDgWZ9KI/AAAAAAAACgs/WULyK_4c6yY/s400/stripe-ad.gif" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /></a> <br />
<div align="justify">Jika anda melihat <b>contoh Stripe-Ad</b> diatas pada blog ini, sekilas terlihat hampir serupa dengan standar Navigation Bar (Navbar) Blogger. Pengunjungpun dapat melihat langsung batang navigasi ini ketika pertama kali mereka mengunjungi halaman blog anda. Iklan ini akan tetap tampil walaupun pembaca melakukan <b>Mouse Scroll</b> pada halaman. Jika tertarik kemungkinan besar pembaca akan mengkliknya, jika dirasa mengganggu mereka dapat dengan mudah menutupnya dengan mengklik tombol X pada pojok kanan atas.<br />
</div><br />
<div align="justify"><b>Stripe-Ad</b> tentu saja bukan hal yang baru. Pengguna Wordpress biasanya menggunakan plugin Strip-Ad buatan <a href="http://www.maxblogpress.com/plugins/msa/msa-use/" target="_blank"> MaxBlogPress</a> cara installasinya pun terbilang mudah dan sudah ditulis dengan lengkap caranya, silahkan pelajari sendiri disitusnya ya :)<br />
</div><br />
<b>Cara Pasang Strip-Ad di Blogger:</b><br />
<br />
1. Upload File javascript dibawah ke lokasi penyimpanan file anda, Simpan file dengan nama <b> <span style="color: maroon;">Stript-ad.js</span></b><br />
<b><span style="color: maroon;">var mta_arr = new Array();<br />
var mta_clear = new Array();<br />
function mtaFloat(mta) {<br />
mta_arr[mta_arr.length] = this;<br />
var mtapointer = eval(mta_arr.length-1);<br />
this.pagetop = 0;<br />
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;<br />
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);<br />
this.mtasrc.height = this.mtasrc.offsetHeight;<br />
this.mtaheight = this.cmode.clientHeight;<br />
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);<br />
var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';<br />
mtabar = mtabar;<br />
eval(mtabar);<br />
}<br />
function mtaGetOffsetY(mta) {<br />
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);<br />
var parentOffset = mta.mtasrc.offsetParent;<br />
while ( parentOffset != null ) {<br />
mtaTotOffset += parentOffset.offsetTop;<br />
parentOffset = parentOffset.offsetParent;<br />
}<br />
return mtaTotOffset;<br />
}<br />
function mtaFloatInit(mta) {<br />
mta.pagetop = mta.cmode.scrollTop;<br />
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";<br />
}<br />
function closeTopAds() {<br />
document.getElementById("mta_bar").style.visibility = "hidden";<br />
} </span></b><br />
<b><span style="color: maroon;"><br />
</span></b><br />
2. Tuju kehalaman <b>Edit HTML</b> di blogger.<br />
<br />
Copi-Paste kode CSS dibawah, letakan diatas kode <b><span style="color: maroon;"> ]]> </span></b><br />
<br />
<b><span style="color: maroon;">#mta_bar { background: #FFFFE1; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }<br />
* html #mta_bar{ /*IE6 hack*/<br />
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }<br />
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}<br />
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}<br />
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}<br />
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}<br />
#left_bar a { text-decoration: none; color: #0000FF; }<br />
#left_bar a:hover { text-decoration: underline; color: #0000FF; }</span></b><br />
<b><span style="color: maroon;"> <br />
</span></b><br />
3. Masukan kode pemanggilan JS dibawah, letakan diatas kode<span style="color: green;"> </span><span style="color: maroon;"><b>, </b></span>jangan lupa<span style="color: maroon;"> </span>sesuaikan dengan alamat lokasi URL dimana anda meyimpan file JS-nya.<br />
<span style="color: green;"><script src="</font><font color="#800000">http://www.alamatserveranda.com/Stripe-Ad.js</font><font color="#008000">" type="text/javascript">
</script></span><br />
<br />
Letakan kode dibawah ini dibawah kode <span style="color: maroon;"><b></b></span>,<span style="color: maroon;"><b> </b></span>Silahkan sesuaikan setingan dibawah dengan link dan deskripsi anda sendiri.<br />
<span style="color: green;"> <div id='mta_bar'><br />
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/ooms-logs' target='_blank'>Kurang lebih 3200 pembaca Rss Feed sudah bergabung, Sudahkah anda?</a></span></div><br />
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://http://www.alamatserveranda.com/close.gif' style='cursor:hand;cursor:pointer;'/></span></div> </span><br />
<span style="color: green;"><br />
</span><br />
5. Simpan hasil kerja anda :)<br />
<br />
Selamat Mencoba..happy blogging<span style="color: green;"></span><br />
<b><span style="color: maroon;"> </span></b>Rahmad Dalimunthehttp://www.blogger.com/profile/11085648358418308600noreply@blogger.com1tag:blogger.com,1999:blog-6419289359580667693.post-62334981265037191362009-10-19T00:10:00.001-07:002009-10-22T06:40:39.530-07:00Rahasia (read more) waktu yang tepat memenggal tulisan halaman posting<div align="justify">Pemenggalan halaman posting biasanya ditandai dengan <i>"Read More"</i>, <i>"Baca Selanjutnya"</i>, <i>"Baca berikutnya",</i> <i>"Selengkapnya"</i> atau apalah namanya. Hampir semua para blogger menggunakan kalimat diatas pada blog mereka. <i>Read More</i> merupakan kalimat yang biasa digunakan untuk menandai pemenggalan halaman sebuah posting. Untuk teknik pemenggalan ini bisa anda baca di <a href="http://rahmaddalimunthe.blogspot.com/2009/10/rahasia-read-more-waktu-yang-tepat.html">Cara buat "Readmore" pada Blogger</a><br />
<br />
Pemenggalan halaman sebuah posting ini berguna untuk mempersingkat sebuah postingan yang panjang, tapi ada kalanya kita bingung dimana letak yang tepat untuk melakukan pemotongan halaman tersebut. Pada beberapa blog yang saya kunjungi terlihat pemotongan posting yang asal-asalan. Tahukah anda kesalahan pemotongan akan merusak dari tulisan yang anda buat, kenapa? ya karena waktu yang tidak tepat melakukan pemenggalan kata atau kalimat pada saat yang tepat dan pada akhirnya anda tidak bisa menyakinkan para pembaca untuk melanjutkan membaca tulisan anda.Untuk mengatasai masalah tersebut saya akan memberikan solusi dan tips terbaik seperti yang tertulis dibawah ini. <br />
<br />
</div><div align="justify">Dibawah ini merupakan cara yang tepat untuk melakukan pemenggalan sebuah halaman tulisan atau postingan anda:<br />
<br />
1. Pada awal tulisan sebaiknya berikan penjelasan terlebih dahulu, jika sudah masuk pada inti tulisan, ini merupakan saat yang tepat melakukan pemenggalan halaman. <br />
2. Sebisanya buat pembaca penasaran dengan tulisan anda, terus buat penasaran..jika dirasa tepat lalu potong halaman tersebut. saya yakin pembaca akan tetap penasaran dan akan melanjutkan ke pemenggalan halaman berikutnya.<br />
3. Hindari pemenggalan pada sebuah kalimat yang tidak berkelanjutan, karna pembaca mengira tulisan anda telah berakhir<br />
4. Jika terdapat sebuah gambar ditengah halaman tulisan sebaiknya potong pada bagian atas gambar bukan pada bagian dibawah gambar. Maksudnya sebaiknya gambar ditampilkan pada pemengalan berikutnya, cara ini juga berguna mempercepat akses blog anda.<br />
5. Jika terdapat tabel jangan potong bagian tengah sebaiknya perlihatkan saja tabel secara keseluruhan, pada tabel yang panjang sebaiknya perlihatkan saja pada halaman sesudahnya.<br />
</div><br />
Mudah-mudahan tips diatas berguna dan dapat menjadi masukan buat anda. Jika tidak sependapat dengan saya anda dapat menulis pada halaman komentar. ThanksRahmad Dalimunthehttp://www.blogger.com/profile/11085648358418308600noreply@blogger.com1tag:blogger.com,1999:blog-6419289359580667693.post-37486245051854748472009-10-19T00:08:00.000-07:002009-10-19T00:08:38.494-07:00Cara buat "Readmore" pada Blogger<div align="justify">Banyaknya permintaan mengenai cara buat <b>readmore</b> membuat saya tetap mengharuskan artikel ini ditulis. walaupun tutorial cara buat readmore sudah banyak ditulis oleh rekan blogger, sayangnya penjelasan yang diberikan kadang tidak mudah dimengerti dan malah membuat bingung, untuk itu tidak ada salahnya saya juga menulis artikel ini sebagai pelengkap agar mempermudah blogger baru bisa lebih mengerti cara membuat <b>readmore</b> serta cara penggunanan kode <b>readmore</b> pada posting. <br />
</div><br />
<div align="justify">Mungkin rekan blogger yang baru mulai membuat blog masih bingung apa itu readmore? <b>Readmore</b> adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan <b> <i>"Read More", "Next"</i></b>, <b> <i>"Baca Selanjutnya"</i></b>, <i><b>"Baca berikutnya"</b>,</i> <b> <i>"Selengkapnya"</i></b> atau apalah namanya :). <b> <i>Readmore</i></b> biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang. Pengen tau cara buatnya?<br />
</div><div align="justify"><br />
</div><b>Untuk membuat readmore ikuti langkah dibawah ini :</b><br />
<br />
<u><b>Langkah Pertama:</b></u><br />
<br />
Buka <b>Template</b> - <b>Edit HTML</b> - <span class="fullpost">Berikan tanda centang pada <b>"Expand widget template"</b></span><br />
<br />
<u><b>Langkah Kedua:</b></u><br />
<br />
Jangan Lupa backup blogger dengan mengklik <b>"dowlnoad template lengkap"</b><br />
<br />
<u><b>Langkah Ketiga:</b></u><br />
<div align="justify"><br />
</div>Cari kode dibawah ini:<br />
<span class="fullpost"><span style="color: green;"></span><div class="post-header-line-1"><span style="color: green;"> </span><div class="post-body"></div></div></span><br />
<br />
<div align="justify"><span class="fullpost"><b><span style="color: blue;">Tips :</span><span style="color: green;"> </span></b>Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu <b>Start</b> -> <b>Proggram</b> -> <b>Accessories</b> -> <b> Notepad</b>) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih <b>Menu Edit</b> -> <b>Find</b>. pada box find masukan kode ini<span style="color: green;"> </span><div class="post-header-line-1"><span style="color: olive;"> </span>kemudian klik tombol <b>Find next. </b>(jika masih gak ketemu terpaksa kita melakukan pencarian secara manual)</div></span><br />
</div><br />
Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.<br />
<br />
<b:if cond='data:blog.pageType == "item"'><br />
<style>.fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/><br />
<style>.fullpost{display:none;}</style><br />
<br />
<span class="fullpost">Kemudian dibawah kode diatas kita akan menemukan<span style="color: maroon;"> </span>kode<span style="color: maroon;">:</span></span><br />
<span class="fullpost"><span style="color: green;"><data:post.body _moz-userdefined=""></data:post.body><br />
</span></span><br />
<br />
<br />
<span class="fullpost">Lakukan Copy-Paste kode dibawah ini dibawah code diatas</span><br />
<br />
<span class="fullpost"><span style="color: red;"><a expr:href="data:post.url" href=""></a></span><a expr:href="data:post.url" href=""><span style="color: olive;">Readmore</span></a></span><a expr:href="data:post.url" href=""><span style="color: olive;"> </span></a><a href="javascript:location.reload(true)" style="text-decoration: none;"> <span style="color: olive;">»»</span></a><span class="fullpost"><span style="color: red;"><br />
</span><span style="color: olive;"><br />
<br />
</span></span><br />
<div align="justify"><b><span style="color: blue;">Tips:</span><span style="color: red;"> </span></b>Kode <span style="color: olive;">Readmore</span> diatas bisa ganti dengan kalimat sendiri (contoh <i>"Baca Selanjutnya"</i>, <i>"Baca berikutnya",</i> <i>"Selengkapnya")</i><br />
</div><br />
Kode selengkapnya jika dilihat akan tampak sebagai berikut:<br />
<br />
<div class='post-header-line-1'/><br />
<div class='post-body'><br />
<b:if cond='data:blog.pageType == "item"'><br />
<style>.fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/><br />
<style>.fullpost{display:none;}</style><br />
<p><data:post.body/></p><br />
<a expr:href='data:post.url'>Readmore »»</a><br />
</b:if><br />
<div style='clear: both;'/><br />
<br />
Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :) <br />
<br />
<br />
<div align="justify"><b>Ini jika kita menggunakan Text Editor Notepad : </b>Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa disimpan.<br />
</div><br />
<br />
<u><b>Langkah Empat</b></u><br />
<br />
<div align="justify">Setelah kode diatas disimpan kita kembali dan masuk ke tab <b>Pengaturan</b> -> <b>Format -> </b>cari<b> "Post Template" </b>Kemudian pada kotak masukan kode dibawah ini<br />
</div><br />
<span style="color: red;"><div class="fullpost"><br />
</div></span><br />
<br />
Jangan lupa disimpan :) <br />
<br />
<br />
<u><b>Langkah Kelima :</b></u><br />
<br />
<div align="justify">Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:<br />
</div><br />
<span style="color: red;"><div class="fullpost"><br />
</div></span><br />
<br />
<div align="justify">ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.<br />
</div><div align="justify"><br />
</div><div align="justify">Sebagai contoh lihat cuplikan kalimat dibawah:<br />
</div><br />
<table border="1" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0" id="AutoNumber2" style="border-collapse: collapse;"><tbody>
<tr> <td style="border-style: none; border-width: medium;" width="100%"> <div align="justify"><b>Tips of the day </b>merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). <span style="color: red;"><b>(Dini rencana text yang akan dipenggal)</b> </span>Sebenarnya<b> Tips of the day</b> disini cuma istilah saja...tips yang akan kita buat nanti bukan disampaikan setiap hari melainkan tips ini akan berganti ketika pengunjung melakukan refresh atau reload pada halaman blog.<br />
</div></td> </tr>
</tbody></table><br />
<br />
<div align="justify">Bagaimana cara pemenggalan kode diatas? caranya tinggal kamu lihat 2 kode pemenggalan kalimat dibawah (ingat kode hanya bekerja pada halaman editor posting)<br />
</div><br />
<table border="1" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0" id="AutoNumber3" style="border-collapse: collapse;"><tbody>
<tr> <td style="border-style: none; border-width: medium;" width="100%"> <div align="justify"><b>Tips of the day </b>merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). <b> <span style="color: green;"></span></b><br />
</div><div class="fullpost"><span style="color: red;"> </span>Sebenarnya<b> Tips of the day</b> disini cuma istilah saja...tips yang akan kita buat nanti bukan disampaikan setiap hari melainkan tips ini akan berganti ketika pengunjung melakukan refresh atau reload pada halaman blog.<b><span style="color: green;"></span></b></div></td> </tr>
</tbody></table><br />
<br />
<div align="justify">Jadi hasil posting pada halaman browser akan tampai sebagai berikut:<br />
</div><br />
<table border="1" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0" id="AutoNumber4" style="border-collapse: collapse;"><tbody>
<tr> <td style="border-style: none; border-width: medium;" width="100%"> <div align="justify"><b>Tips of the day </b>merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). <b> <u><span class="fullpost"> <span style="color: red;">Readmore</span></span><span style="color: red;"> </span> </u><a href="javascript:location.reload(true)"><span style="color: red;">»»</span></a></b><br />
</div></td> </tr>
</tbody></table><div align="justify"> <br />
Selamat mencoba :) happy blogging<br />
</div><div align="justify"><br />
</div><br />
<br />
<div align="justify"><br />
</div>Rahmad Dalimunthehttp://www.blogger.com/profile/11085648358418308600noreply@blogger.com0tag:blogger.com,1999:blog-6419289359580667693.post-58142076747160375632009-10-18T23:11:00.000-07:002009-10-22T07:01:19.662-07:00Cara pasang Auto Read More terbaru (Part 2)<a href="http://1.bp.blogspot.com/_C6KkooKXCEw/R-9-UBdLZrI/AAAAAAAAB2A/G77Ix2atJBw/s1600-h/Blogger+icon.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"> <img alt="" border="0" height="62" id="BLOGGER_PHOTO_ID_5183500578580031154" src="http://1.bp.blogspot.com/_C6KkooKXCEw/R-9-UBdLZrI/AAAAAAAAB2A/G77Ix2atJBw/s400/Blogger+icon.jpg" style="cursor: pointer; float: left; margin: 0pt 10px 10px 0pt;" width="62" /></a> <b><span style="color: red;">(Revisi: Solusi tanpa hosting file .JS) </span></b>Fungsi Read More kali ini emang agak berbeda dengan versi Read More yang lama (part 1). Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <span style="color: green;"></span><br />
<div class="fullpost"><span style="color: green;">..</span><br />
</div>atau <span style="color: green;">..</span><span style="color: red;"> </span>dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk <b>versi Auto Read More terbaru</b> kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.<br />
<br />
<a href="http://2.bp.blogspot.com/_C6KkooKXCEw/SdJqSudzfSI/AAAAAAAAEHM/rRv3TxyDwiQ/s1600-h/read+more.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319430979821206818" src="http://2.bp.blogspot.com/_C6KkooKXCEw/SdJqSudzfSI/AAAAAAAAEHM/rRv3TxyDwiQ/s400/read+more.gif" style="cursor: pointer; display: block; height: 237px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a> Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas <b>image thumbnail. </b><br />
<br />
Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, <b>jumlah karakter yang ditampilkan</b> jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.<br />
<br />
<b><span style="color: red;">Penting!</span></b> Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)<br />
<br />
<div class='post-header-line-1'/><br />
<div class='post-body'><br />
<b:if cond='data:blog.pageType == "item"'><br />
<style>.fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/><br />
<style>.fullpost{display:none;}</style><br />
<p><data:post.body/></p><br />
<a expr:href='data:post.url'>Readmore</a><br />
</b:if><br />
<div style='clear: both;'/><br />
<br />
<br />
OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah. <br />
<br />
Pertama, silahkan tuju langsung ke halaman<b> EDIT HTML</b>, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.<br />
<br />
<span style="color: red;"><b>Langsung copy paste aja kode dibawah ini:</b></span><br />
<br />
<span style="color: red;"><b><script type='text/javascript'><br />
var thumbnail_mode = "float" ;<br />
summary_noimg = 250;<br />
summary_img = 250;<br />
img_thumb_height = 120;<br />
img_thumb_width = 120;<br />
</script><br />
<br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
/******************************************<br />
Auto-readmore link script, version 2.0 (for blogspot)<br />
<br />
(C)2008 by Anhvo<br />
<br />
visit http://en.vietwebguide.com to get more cool hacks<br />
********************************************/<br />
function removeHtmlTag(strx,chop){<br />
if(strx.indexOf("<")!=-1)<br />
{<br />
var s = strx.split("<");<br />
for(var i=0;i<s.length;i++){<br />
if(s[i].indexOf(">")!=-1){<br />
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />
}<br />
}<br />
strx = s.join("");<br />
}<br />
chop = (chop < strx.length-1) ? chop : strx.length-2;<br />
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />
strx = strx.substring(0,chop-1);<br />
return strx+'...';<br />
}<br />
<br />
function createSummaryAndThumb(pID){<br />
var div = document.getElementById(pID);<br />
var imgtag = "";<br />
var img = div.getElementsByTagName("img");<br />
var summ = summary_noimg;<br />
if(img.length>=1) {<br />
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />
summ = summary_img;<br />
}<br />
<br />
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />
div.innerHTML = summary;<br />
}<br />
//]]><br />
</script></b></span><br />
<span style="color: red;"><b> <br />
</b></span><br />
Masih pada halaman <b>EDIT HTML</b>, Beri tanda centang pada <b>"Expand widget template" </b>lalu temukan kode seperti dibawah<br />
<br />
<data:post.body/><span style="color: green;"><data:post.body _moz-userdefined=""></data:post.body></span><br />
<span style="color: green;"><data:post.body _moz-userdefined=""></data:post.body></span><br />
<br />
Kalo sudah, ganti kode<b> </b> <span style="color: green;"><data:post.body _moz-userdefined=""></data:post.body></span> dengan semua kode dibawah ini<br />
<span style="color: green;"> <br />
</span><br />
<span style="color: green;"><b:if cond='data:blog.pageType != "item"'><br />
<div expr:id='"summary" + data:post.id'><data:post.body/></div><br />
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br />
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></span><br />
<span style="color: green;"> <br />
</span><br />
silahkan disimpan dan lihat hasilnya :)<br />
<br />
<b>Keterangan:</b><br />
<br />
<b>var thumbnail_mode = "float";</b> (kita dapat memutuskan apakah letak thumbnail berada di (<b>float)</b> kiri atau jika tidak silahkan ganti dengan <b>(no-float</b>)<br />
<b>summary_noimg = 250;</b> (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)<br />
<b>summary_img = 250; </b>(Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)<br />
<b>img_thumb_height = 120;</b> (Thumbnail 'tinggi dalam piksel)<br />
<b>img_thumb_width = 120</b>; (Thumbnail 'lebar dalam piksel)<br />
<span style="color: green;"> </span><br />
<span style="color: red;"><b> </b></span>Rahmad Dalimunthehttp://www.blogger.com/profile/11085648358418308600noreply@blogger.com0tag:blogger.com,1999:blog-6419289359580667693.post-90669936223983256172009-10-18T20:14:00.000-07:002009-10-19T00:24:19.249-07:00Link ExchangeBagi Sobat Blogger Yang Mau Tukaran Link Dengan Saya Silahkan Isi Nama Blog dan Url Blog Kamu Di Textbox Yang Sudah Disediakan.<br />
<br />
<br><br />
<script src="http://www2.blenza.com/linkies/autolink.php?owner=dayatd7&postid=19Oct2009&meme=bf" type="text/javascript">
</script>Rahmad Dalimunthehttp://www.blogger.com/profile/11085648358418308600noreply@blogger.com0tag:blogger.com,1999:blog-6419289359580667693.post-24043814446536220102009-08-24T01:20:00.000-07:002009-10-18T22:11:17.987-07:00Welcome to My Personal Blog<div style="text-align: center;"><span style="font-size: 130%; font-weight: bold;"><br />
</span><br />
<span style="font-weight: bold;">"Berani hidup, berani berjuang untuk menang dan mulia"</span><br />
<span style="font-weight: bold;">"Selagi masih bernafas, jangan putus asa"</span><br />
<br />
<span style="font-weight: bold;">Bismillahirrohmanirrohiim</span><br />
<br />
<span style="font-weight: bold;">Assalamu’alaikum Wr. Wb</span><br />
<br />
<span style="font-weight: bold;">Tiada kata yang pantas saya ucapkan selain puji syukur atas segala yang telah Allah S.W.T berikan kepada kita semua; dan atas keridhoan-NYA lah blog sederhana ini dapat hadir dan dapat saya persembahkan di hadapan anda semua walaupun dengan segala keterbatasan dan kekurangan yang ada.</span><br />
<br />
<span style="font-weight: bold;">Segala puji juga hanya milik Allah S.W.T yang senantiasa tiada henti-hentinya mencurahkan nikmat dan karunia kepada kita semua. Setiap denyutan jantung, setiap aliran darah pada tubuh kita, setiap hembusan nafas, dan semua potensi yang kita miliki adalah wujud karunia-NYA yang tidak akan pernah sebanding dengan amal ibadah yang kita lakukan. Sudah semestinya kita sebagai manusia yang sadar, senantiasa menundukkan ketaatan sepenuhnya hanya kepada Allah S.W.T semata.</span><br />
<br />
<span style="font-weight: bold;">Shalawat beriring salam semoga selalu terlimpahcurahkan kepada Nabi kita yang agung, pembawa cahaya kebenaran dan penyelamat ummat manusia dari jalan kegelapan menuju kebenaran hakiki, sang pembawa amanat, pemberi syafaat, penyelamat ummat sampai hari kiamat; yaitu baginda rasulullah Muhammad S.A.W. Juga kepada keluarganya, para sahabatnya, dan para penerus risalahnya, sampai kepada kita semua sebagai ummatnya. Amiin ya rabbal alamiin...</span><br />
<br />
<span style="font-weight: bold;">Sudah bertahun-tahun lamanya kita telah menjalani hidup di dunia ini. Merasakan suka duka kehidupan, melewati rintangan dengan selalu bertawakal kepada-NYA siang dan malam bersujud, bermunajat, demi kebebasan semu yang kita anggap sebagai akhir dari segala-galanya yang tidak lain adalah awal dari perjalanan panjang yang harus kita perjuangkan.</span><br />
<br />
<span style="font-weight: bold;">Walaupun blog pribadi ini banyak membahas yang berasaskan agama islam, ini tidak berarti blog ini hanya ditujukan secara eklusif untuk individu islam saja. Blog pribadi ini adalah untuk siapa saja di belahan dunia ini.</span><br />
<br />
<span style="font-weight: bold;">Rasanya senang sekali, akhirnya saya dapat berbagi ide, pengalaman, pengetahuan, atau apapun itu yang dapat saya sharingkan melalui blog pribadi ini pada anda semua yang mana dapat menantang saya untuk lebih banyak belajar lagi agar lebih baik di kemudian hari.</span><br />
<br />
<span style="font-weight: bold;">Kebahagiaan saya, akhirnya blog pribadi ini dapat tercipta dan dapat saya persembahkan secara online untuk mencoba merangkai dan berusaha mentata kembali perjalanan panjang hidup pribadi saya pada khususnya dan semua hal-hal yang menyangkut kehidupan ini pada umumnya. Pada blog pribadi ini anda akan menemukan banyak posting-posting yang membahas tentang perjalanan hidup saya dari mulai tahun 2005 sampai seterusnya, dan tidak dimulai dari tahun 1985; yaitu awal saya dilahirkan di dunia ini. Namun, anda juga akan menemukan posting-posting yang membahas hal-hal lain selain menyangkut perjalanan hidupku, dikarenakan saya suka membaca dan memperhatikan apa yang terjadi dalam hidup ini. Mudah-mudahan tidak menyurutkan anda untuk terus menggali informasi dari blog ini.</span><br />
<br />
<span style="font-weight: bold;">Adapun maksud dan tujuan saya mempersembahkan blog pribadi ini secara umum adalah dengan harapan dapat lebih menjalin silaturahim antara kita semua baik yang sudah saling kenal maupun yang belum saling kenal. Namun, yang paling utama bagi saya pribadi adalah dengan harapan dapat lebih mempererat silaturahim dan dapat berkumpul bersama seluruh keluarga saya di belahan dunia ini.</span><br />
<br />
<span style="font-weight: bold;">Kemudian, saya juga mengharapkan bagi para pengunjung di belahan dunia ini untuk bersedia memberikan saran, kritikan, komentar atau apapun itu yang tentunya bersifat membangun.</span><br />
<br />
<span style="font-weight: bold;">Dan apabila anda ingin men-sharing artikel, foto, video atau apapun itu yang ingin ditampilkan di blog ini, anda dapat mengirimkannya melalui Contact Me. Dan tentunya saya akan cantumkan sumber pengirimnya.</span><br />
<br />
<span style="font-weight: bold;">Besar harapan saya, blog pribadi ini dapat terus exis dan terus berinovasi agar dapat bermanfaat bagi diri saya sendiri khususnya dan khalayak banyak pada umumnya.</span><br />
<br />
<span style="font-weight: bold;">Selamat membaca dan terima kasih banyak atas kunjungannya.</span><br />
<br />
<span style="font-weight: bold;">Jangan bosan untuk berkunjung lagi di lain waktu.</span><br />
<br />
<span style="font-weight: bold;">Akhirul kalam,</span><br />
<br />
<span style="font-weight: bold;">Wabillahi at-taufiq wal hidayah</span><br />
<br />
<span style="font-weight: bold;">Wassalamu’alaikum. Wr. Wb</span><br />
</div>Rahmad Dalimunthehttp://www.blogger.com/profile/11085648358418308600noreply@blogger.com1