Mebuat pesan di akhir post secara otomatis

Halo para bloggers,,, hm,, ga betah juga sampe beberapa hari ga ngeblog,, hehe,, :D , dah gatel rasanya tangan ini, tapi karena beberapa hari ini ada urusan dalam melanjutkan kuliah yang tertunda 2 tahun (hiks,,hiks,, Akhirnya kuliah) hehe,,.Hm,, ini pun satu-satunya artikel yang saya isi di tanggal 8 bulan 8 tahun 2008 (8.8.8) hehe,,, kata orang sich Hoki.

Pada postingan lalu, yaitu bagaimana membuat readmore pada blogger (yang saya kutip ulang dari OOM). Seperti yang saya katakan pada postingan membuat readmore, postingan tersebut saya buat karena berhubungan dengan postingan ini, hehe,,, sambung menyambung menjadi satu ,,,, (Kok jadi nyanyi).


Ok, mulai serius dikit teman. Pada kesempatan kali ini saya ingin mencoba menulis tutorial bagaimana membuat pesan di akhir post secara otomatis seperti di Wordpress (bukan menggunakan template postingan).

Bila menggunakan template postingan tentu akan sedikit merepotkan bukan? Lho knp?


Pertama coba kita pikir,, bagaimana bila kita telah menulis banyak postingan, baru kita memiliki ide untuk memasukkan pesan di akhir post. Contoh nya bisa di lihat di bawah.

Apa tidak pegel apabila kita harus mengedit postingan kita yang sebelumnya satu persatu.(silahkan jawab sendiri hihi,, )

Nah oleh karena itu saya mencoba menulis caranya, yang hampir mirip dengan salah satu tutorial sebelumnya yang saya posting yaitu memasang kotak emoticon di atas kotak komentar, hanya saja berbeda letak dan ada tips khusus nya .

Jadi untuk membuat pesan di akhir postingan kita, pertama buka edit html lalu jangan lupa expand template widget nya di centang. Oh ia,, pastikan kalian sudah menggunakan kode readmore yah..(akan saya jelaskan pada akhir postingan ini mengapa harus menggunakan readmore).

Bila sudah sekarang cari kode berikut ini, <div class='post-footer'> biasanya berada tepat di bawah kode readmore, gunakan CTRL+F (find) agar mudah menemukannya.

Bila sudah siapkan tulisan yang ingin kamu letakkan dibawah postingan misalnya:

<font color="#FF6600"><b>Bila anda telah membaca sampai
di sini artinya postingan telah berakhir, sekiranya memberikan komentar terhadap postingan saya apabila ada yang tidak jelas atau tidak setuju dengan postingan saya. </b></font>


atau berupa code subscribe email

<table border='0' cellspacing='1' height='150'
id='table1' width='450'>
<tr>
<td><p><font color='#ff6600'><b>Dengan memasukan alamat email anda dibawah ini
berarti anda bersedia mendapat kiriman artikel terbaru dari saya
:</b></font></p>
<form action='http://www.feedburner.com/fb/a/emailverify' method='post' onsubmit='window.open(&apos;http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1875860&apos;,
&apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return
true' style='border:0px solid #ccc;padding:10px;text-align:left ; ' target='popupwindow'>
<input name='loc' type='hidden' value='en_US'/> <input name='title'
type='hidden' value='Shedtya [dot] net'/><input name='url' type='hidden'
value='http://feeds.feedburner.com/~e?ffid=1875860'/>
<p><input name='email' style='width:200px' type='text' value='ketik email anda
di sini'/> <input type='submit' value='Berlangganan'/></p>
</form></td>
</tr>
</table>


Kemudian tambahkan kode <div class="fullpost"> pada awal kode kamu dan kode </div> pada akhir kode kamu. Contohnya:

<div class='fullpost'>
<table border='0' cellspacing='1' height='150'
id='table1' width='450'>
<tr>
<td><p><font color='#ff6600'><b>Dengan memasukan alamat email anda dibawah ini
berarti anda bersedia mendapat kiriman artikel terbaru dari saya
:</b></font></p>
<form action='http://www.feedburner.com/fb/a/emailverify' method='post' onsubmit='window.open(&apos;http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1875860&apos;,
&apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return
true' style='border:0px solid #ccc;padding:10px;text-align:left ; ' target='popupwindow'>
<input name='loc' type='hidden' value='en_US'/> <input name='title'
type='hidden' value='Shedtya [dot] net'/><input name='url' type='hidden'
value='http://feeds.feedburner.com/~e?ffid=1875860'/>
<p><input name='email' style='width:200px' type='text' value='ketik email anda
di sini'/> <input type='submit' value='Berlangganan'/></p>
</form></td>
</tr>
</table>

</div>


Nah bila sudah, pastekan kode tersebut di bawah kode merah <div class='post-footer'> yang hasilnya seperti ini.

<div class='post-footer'>
<div class='fullpost'>
<table border='0' cellspacing='1' height='150'
id='table1' width='450'>
<tr>
<td><p><font color='#ff6600'><b>Dengan memasukan alamat email anda dibawah ini
berarti anda bersedia mendapat kiriman artikel terbaru dari saya
:</b></font></p>
<form action='http://www.feedburner.com/fb/a/emailverify' method='post' onsubmit='window.open(&apos;http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1875860&apos;,
&apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return
true' style='border:0px solid #ccc;padding:10px;text-align:left ; ' target='popupwindow'>
<input name='loc' type='hidden' value='en_US'/> <input name='title'
type='hidden' value='Shedtya [dot] net'/><input name='url' type='hidden'
value='http://feeds.feedburner.com/~e?ffid=1875860'/>
<p><input name='email' style='width:200px' type='text' value='ketik email anda
di sini'/> <input type='submit' value='Berlangganan'/></p>
</form></td>
</tr>
</table>
</div>


<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>

</b:if>
</span>


Bila sudah jangan lupa di simpan, dan lihat hasilnya ketika kamu melihat fullpost(melihat salah satu artikel secara keseluruhan/lengkap).

Penjelasan mengenai kode readmore

Tadi saya katakan sebelum menggunakan cara ini, kita terlebih dahulu harus memasang kode readmore terlebih dahulu karena bila tidak menggunakan kode <div class='fullpost'> dan </div> maka tulisan akhir postingan yang kamu buat akan muncul pada setiap postingan kamu walaupun kamu menggunakan cara readmore dalam postingan kamu. Bila tidak percaya silahkan dicoba, dan apabila ada yang masih kurang di mengerti silahkan ditanyakan melalui kotak kometar atau email/YM.

Sumber: blog.shedtya.web.id

2 comments:

  1. jika menginginkan tulisan tersebut tidak nampak jika tidak di read more bagaimana gan??
    masalahnya di home malah terliahat aneh jika kata tersebut muncul berkali-kali disetiap post. hurufnya juga jadi besar semua, padahal diketik dengan huruf kecil.
    terima kasih.

    ReplyDelete
  2. Ohh,itu mah salah di HTML'a Coba agan Hafsari Cek Dulu di HTML'a munggin ada yang salah kali

    ReplyDelete

Copyright © / Info Indo

Template by : Urang-kurai / powered by :blogger