Kamis, 05 Januari 2012

Cara Membuat READ MORE Bergambar di BLOG

Cara Membuat READ MORE Bergambar di BLOG


Bagaimana caranya buat readmore bergambar?
Saya berniat akan memberikan sedikit info tapi bermanfaat tentang blog tutorial yaitu tentang readmore bergambar .Langsung saja ya. Kita akan membahan tentang read more.Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya
setiap postingan...,,??
Mungkin kita bisa memberi read more otomatis. Kita akan membahas tentang readmore yang menggunakan gambar.


Berikut langkahnya..
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
4. Lalu cari kode <data:post.body/> , biar lebih cepat tekan ctrl+f
5. Ganti kode tersebut dengan kode di bawah ini..


readmore otomatis dengan gambar :


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



Read more otomatis dengan gambar :


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHcwMS44qE6-fl0hamPMUpopd_G7ycbAbEW18c-nKuiqil6SYUdmHkwHw-ff3YtVFSEJPvnVHo6ToVZAl5TcoUEHMDfacfGBIHqPVPt93GmMnf3rluCGzfo7yljoA5dyxdpZ7d9kLW1MI/s1600/readmore.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



Read more otomatis dengan gambar :


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_4bBQDJtliOufC08wr8NZdsHHDmk1MjstxbazfBS6fZfXuSfFPiPw2C7v2PXbdIGBnGbRIKsc7xYUV3Du3PmRLuV02vESVrkrlJSZRjVnd9XlhS2XOECgQpo-zQ2Axdrr8fvhK-uBXME/s320/a1ifte.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


6 Simpan template......

Read more: http://jagatpedia.blogspot.com/2011/11/cara-membuat-read-more-bergambar-di.html#ixzz1iYBpAjXt

Tolong dibaca terlebih dahulu !

Anda sedang membaca artikel tentang Cara Membuat READ MORE Bergambar di BLOG dan anda bisa menemukan artikel Cara Membuat READ MORE Bergambar di BLOG ini dengan url http://bayangan-pembunuh.blogspot.com/2012/01/cara-membuat-read-more-bergambar-di.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat READ MORE Bergambar di BLOG ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Membuat READ MORE Bergambar di BLOG sebagai sumbernya.

0 komentar:

:0 :10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63 :64 :65
:66 :67 :68
:69 :70 :71 :72
:73 :74 :75 :76
:77 :78 :79 :80
:81 :82 :83
:84 :85 :86 :87
:88 :89 :90 :91
:92 :93 :94 :95
:96 :97 :98 :99

Posting Komentar

~riviera-anime~