Cara Membuat Read More Sejajar dengan Paragraf | sample andry surya's blog
Powered By Blogger

Cari

News Update :

translate

Halaman

Poll

Rating

print this page Print this page

Andry Surya's Blog

Andry Surya's Blog
Just Pick not Real Search Enginer

Search

Loading

Sabtu, 19 November 2011

Cara Membuat Read More Sejajar dengan Paragraf

Membuat Read more Sejajar Dengan Paragrap

Gara-gara kang rohman sibuk utak-atik template, akhirnya lupa untuk posting artikel tapi sebenarnya ada alasan lain kenapa kang rohman untuk beberapa hari tidak posting, alasannya adalah untuk memberi kesempatan kepada yang beriklan lewat posting agar lebih banyak kesempatan untuk di baca oleh para pengunjung sekalian. Postingan iklan tersebut yaitu postingan yang di sini dengan yang di sini. Jadi bagi yang website atau blognya yang ingin cepat terkenal, sok lah beriklan di blognya kang rohman.
Trus buat para pengunjung di minta keiklasannya untuk sesekali mengunjungi iklan-iklan yang ada di sini bukan apa-apa biar para pengiklan tidak kapok untuk beriklan di sini ya..hihihi...

Eh udah ah, intermezo nya jadi kepanjangan. Pada kesempatan kali ini kang rohman mau membahas pertanyaan dari sobat kang rohman yang masih penasaran tentang membuat menu read more atau menu baca selengkapnya. Katanya beliau ini ingin membuat menu read more yang sejajar dengan paragrap yang ada, tidak seperti yang kang rohman bahas di sini, di sini, atau di sini, yang katanya kurang menarik karena tulisan Read more atau Baca Selengkapnya tidak sejajar dengan paragrap postingan. Mungkin yang di maksud seperti ini kalii yee :


Ada kabar gembira buat anda para pebisnis, baik itu bisnis online ataupun offline. Mulai saat ini ada program baru di blog nya kang rohman yaitu " Iklan Dalam Bentuk Posting ", benar-benar dalam bentuk posting. Pada umumnya sebuah iklan adalah berupa banner link atau berupa text link, maka di blog kang rohman anda boleh beriklan dalam bentuk " Posting ".

Selengkapnya



Mungkin tulisan Selengkapnya ingin sejajar seperti ini kalii yee :


Ada kabar gembira buat anda para pebisnis, baik itu bisnis online ataupun offline. Mulai saat ini ada program baru di blog nya kang rohman yaitu " Iklan Dalam Bentuk Posting ", benar-benar dalam bentuk posting. Pada umumnya sebuah iklan adalah berupa banner link atau berupa text link, maka di blog kang rohman anda boleh beriklan dalam bentuk " Posting ". Selengkapnya



Bisa engga ya jadi seperti itu? bisa atuh, dan anda tidak perlu meluangkan banyak waktu serta cucuran keringat untuk membuatnya. caranya seperti ini :

Pada postingan yang lalu tentang membuat menu Selengkapnya, kang rohman menuliskan kode seperti ini :


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><b>Selengkapnya.....</b></a>
</b:if>



Agar kode read more atau selengkapnya menjadi sejajar dengan postingan, anda tinggal memindahkan kode </p> yang saya cetak merah, sehingga menjadi seperti ini :


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><b>Selengkapnya.....</b></a></p>
</b:if>



Pada saat posting, jangan memakai kode seperti ini :


<div class="fullpost">


</div>



Tapi pakailah kode seperti ini :


<span class="fullpost">


</span>



Jika anda melakukan langkah di atas, maka tulisan Read more atau selengkapnya akan sejajar dengan postingan anda.

Selamat mencoba !

from: http://kolom-tutorial.blogspot.com/2008/03/membuat-read-more-sejajar-dengan.html
Do you Like this story..?

Get Free Email Updates Daily!

Follow us!

Ditulis Oleh : Andry Sang Pemilik Andry Surya's Blog

Terimakasih anda telah membaca artikel Cara Membuat Read More Sejajar dengan Paragraf ini diposting oleh Andry pada hari Sabtu, 19 November 2011. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.

:: Get this widget ! ::

0 Comments
Tweets
Komentar

0 komentar:

Poskan Komentar

Stay On

Read latest headlines in your favorite news reader
Fellow Readers
Sign up for our email news letter

Iklan

(i)
Ads by Google

Backlink

Tukar Link Yuk!! [KLIK DISINI]

Andry Surya's Blog kodenya: <a href="http://andry5ury4.blogspot.com/" target="_blank"><img alt="Andry Surya's Blog" height="66" src="http://images.cooltext.com/2409287.gif" width="500" /></a> Free kodenya: <a href="http://andry5ury4.blogspot.com/" target="_blank"><img src="http://images.cooltext.com/2409293.gif" alt="Free" height="15" width="80" /></a> Image by Cool Text: Free Graphics Generator - Edit Image taruh nih widget di blogmu kalau udah klik contact me. ntar ku kunjungi balik
Wirausaha

Blog Kawan

Berbagi Info dan Tips Blogging blog-indonesia.com
CO.CC:Free Domain

info

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More