Masalah Dalam Read More

Posted by Iman Kamis, 31 Januari 2008 0 komentar
Bagaimana caranya menghilangkan Tulisan "Read More" jika posting kita hanya sedikit?
Pasti pertanyaan tersebut seringkali muncul bagi beberapa orang yang sudah mencoba memakai trik Read More Versi 1 (udah baca belum? kalo belum baca baca dulu disini ), ya tho? karena aku sering mendapatkan pertanyaan seperti itu. trus gimana caranya mengatasi masalah ini?
Setelah mencoba mengotak-atik script di laboratorium, akhirnya aku menemukan formula yang cocok untuk mengatasi masalah ini. gini nih formulanya:

1. Login ke blogger, trus pilih menu "Layout --> Edit HTML"
2. Ohya, Jangan lupa di backup dulu template kamu, udah tahu to caranya?
3. Kalo udah di backup trus kasih tanda centang pada kotak "Expand Widget Template"
4. taru script berikut ini diatas kode </head>


<script type='text/javascript' src='http://www.geocities.com/kendhin_x/Readmore.js' />



5. Cari script berikut


<div class='post-body'>



kalo tidak ada coba cari yang ini


<div class='post-body entry-content'>



6. Trus ganti script tadi sehingga menjadi seperti ini


<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>



7. Nha dibawahnya kan ada script seperti ini;


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



8. Taruh script berikut dibawah script diatas


<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>



9. Keseluruhan script akan menjadi seperti ini:


<div class='post-body' expr:id='"post-" + data:post.id'>
<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 expr:href='data:post.url'>Read More......</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>



10. Terus simpan pekerjaanmu.

Langkah berikutnya:

1. Pergi ke menu "Setting --> Formatting"
2. Dibagian bawah ada kota yang bertuliskan "Post Template"
3. Bagi yang belum pernah pake read more maka didalam kotak tersebut akan kosong. tapi bagi pake "Read More Versi 1" dulu tulisannya seperti ini :


<span class="fullpost">

</span>



4. Nha kalo yang sekarang ganti/isi kotak tersebut dengan kode berikut:


<span id="fullpost">

</span>


5. Terus Klik Tombol "Save".

Nha Waktu posting pilih Tabs "HTML", JIka pingin Tulisan "Read More" tidak muncul maka hapus script ini:


<span id="fullpost">

</span>



mudeng to? mudeng po ra?

Posted by Iman Selasa, 29 Januari 2008 0 komentar

Cara membuat Template Blogger


Sekarang ini pasti banyak sekali beredar template-template blogger dipasaran yang bisa didapat dengan gratis, sehingga kadang-kadang kita akan menjumpai blog yang memiliki penampilan yang sama dengan blog kita, ya tho? padahal banyak dari kita yang pengen agar blog kita tampil cantik dan unik. Tapi untuk membuat template tentunya bukan hal mudah, karena bukan hanya dibutuhkan skill pemrograman tapi juga dibutuhkan sense untuk mendesain tampilan biar terlihat ciamik.
Nah bagi para blogger mania yang pengen bisa membuat templatenya sendiri jangan lewatkan trik "Cara Membuat Template Blogger" ini. Tapi triknya akan dijelasin di episode berikutnya aja ya, soalnya triknya akan sangat melelahkan jadi persiapkan dulu fisik dan mentalnya. Bagi yang ngenetnya dirumah jangan lupa siapin cemilan yang banyak dan juga tiga cangkir kopi. Terus bagi yang ngenetnya diwarnet jangan lupa bawa bantal ama selimut biar nyaman, trus ngenetnya pas happy hour aja biar murah :D
Daaaaa .... siap-siap ya... :z :z :z

Mengganti Tulisan "Older Post / Newer Post" atau "Posting Lama / Posting Baru"

Posted by Iman Minggu, 27 Januari 2008 0 komentar
Biasanya dibagian paling bawah artikel kamu terdapat tulisan seperti ini "Older Post / Newer Post" atau "Posting Lama / Posting Baru". Nah mungkin awal-awalnya kamu nggak tahu maksudnya apa tulisan tersebut dan setelah tahu oooo ternyata itu link menuju ke artikel-artikel sebelumnya dan juga artikel-artikel yang baru. Nah mungkin kamu ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikelku Sebelumnya" atau "Coretanku Yang dulu2" atau bahkan dengan sebuah gambar. Nha pingin tahu caranya? mari kita mulai Pelajaranya...

1. Seperti biasanya kita login dulu ke blogger trus pilih "Template --> Edit HTML".
2. Beri tanda centang pada kotak "Expand Widget Template"
3. Cari kode berikut ini, cara nyarinya biar mudah copy kode berikut ini lalu tekan "Ctr + F " dan paste kedalam kotak yg disediakan.

<data:newerPageTitle/>

4 . Ganti kode tersebut dengan tulisan yg kamu inginkan. Tapi jika kamu pingin ganti dengan gambar panah misalnya, ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/newblue.gif"/>. text yg dicetak tebal adalah lokasi dari gambar, kamu bisa menggantinya dengan gambar yang kamu inginka atau bisa diganti dengan gambar yang aku sediain dibawah.
5. Yang diatas untuk mengganti tulisan "Newest Post" atau "Posting Baru".
6. Terus untuk tulisan "Older Post" atau "Posting Lama" coba cari kode berikut ini, lokasinya tidak jauh dari kode diatas atau dibawahnya sedikit.

<data:olderPageTitle/>

7. Kalo sudah ketemu ganti lagi dengan tulisan yang kamu inginkan. Jika pingin diganti menjadi gambar coba ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/oldblue.gif"/>

8. Jika kamu pingin ganti warna biru jadi warna merah, tinggal ganti "newblue.gif" dengan "newred.gif" dan "oldblue.gif" ganti dengan "oldred.gif"

Berikut ini gambar panah dan kodenya


olblue.gif
newblue.gif
oldblack.gif
newblack.gif
oldgreen.gif
newgreen.gif
oldpink.gif
newpink.gif
oldred.gif
newred.gif
oldyellow.gif
newyellow.gif