Posted by : Stiker Jalingkut


Apa kabar sobat semuah muncul langsung ngasih Tutorial ringan
nah kesempatan kali ini kami mau berbagi
Cara membuat read more berdampingan dengan comments
dari pada gak ada yang di posting jadi dari Template kami aq ambil
buat postingan lumayan heheheheh.

Silakan lihat gambar ini gambar 1 dan 2 sebagai penjelasannya bos


Gambar pertama bos untuk mencari kode Cloud Zoom small image
Wong Ayu Ko Ambune Kecut Yow Kelek'e heheheheh.........?

Nah buat sobat yang mau pasang silakan ikuti Langkah-Langkah di bawah ini bos
Langkah pertama si bos masuk,ke Dasbor si bos
Lanhkah kedua si bos Edit Html Cari kode <head> lalu copy
kode di bawah pastekan pas di bawah kode <head> tersebut

<style type='text/css'>a.Style-Selladrt{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background: #fff000;
border:2px solid #000000;
box-shadow: 0px 10px 25px -10px #000000;
 font-size:12px;
    font;color:#FFF000;
font-family:Cursive;
font-weight:bold;
letter-spacing:0px;
text-shadow: 4px 4px 2px #fff000;}a.Style-Selladrt:hover{background: #000099;border: 8px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc;
box-shadow: 0px 10px 25px -10px #000000;
    font;color:#FFF000;
text-shadow: 4px 4px 2px #fff000;};color:#FFF}</style>

Langkah ketiga cari kode <data:post.body/>
lalu copy kode di bawah pastekan pas di bawah code yang berada di gambar pertama

<div style='float:right'><a class='Style-Selladrt' expr:href='data:post.url'> Read More &#187; </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='Style-Selladrt' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'>  Comment Sahabat </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>

Silakan lihat Demonya bos      Demo 1     Demo 2

Sekian dulu dari kami semoga berguna buat sobat yang membutuhkannya





{ 22 comentários... read them below or Comment }

  1. kunjungan tengah malam sob...siapa tau kopinya masih..heeee

    BalasHapus
  2. Keren nih Kang, update terus tutor nya, simak dan save tutornya, sambil nunggu kopi disajikan:)

    BalasHapus
  3. iya kelihatan mantap ya ada read more berdampingan

    hmmmm

    aku pengen

    apalagi ini kolom komennya ada background photo adminnya

    ajarin caranya donk saya

    BalasHapus
    Balasan
    1. ajarin apa mbk aq aja masih belajar hehehe

      Hapus
    2. ajarin itu pasang backgroud di kolom tempat ngetik komen , keren gitu, tulari ilmunya ke aku donk

      Hapus
    3. kan sudah pernah kami posting mbk di sini cari aja mbk pasti ada D:

      Hapus
  4. teknik2 css dsni pasti mantepp2 , tpi kalau d pasang d blog ane agak nya krang bagus nih mas , terimakasih infonyaa

    BalasHapus
  5. keren bin mantep nih mas, jadi lebih menarik, saya bungkus dulu nih

    BalasHapus
  6. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  7. Wah tutorial baru, kapan2 aku coba, terimakasih atas sharenya.

    BalasHapus
  8. simple jg ya mas..., jd hny judul dan readmore yg muncul... *smile

    BalasHapus
  9. kalo template saya kira2 bisa nggak sob dipasangi read more ?

    BalasHapus
  10. pokoknya keren euy..., siapa dulu bawang brebes :)

    BalasHapus
  11. kbetulan readmore q dh dr templatenya jeng

    BalasHapus
  12. wah ganti lagi mas templatenya, keren yang kemarin kayanya hehe...

    BalasHapus
  13. wah boleh juga nih sob.. keren juga sepertinya sob.. makasih mas booss.. tak save dulu dech tutornya..?

    BalasHapus
  14. Keren sobat .. :D Kopinya sob ...

    BalasHapus
  15. wah.. akhirnya readmore qu dapet jodoh ma commen... jangan lupa datang di nikahan-nya y sob..

    BalasHapus

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

- Copyright © TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -