Posted by : Stiker Jalingkut



--✽ ✽ ✽--ASSALAMU'ALAIKUM--✽ ✽ ✽--
Apa kabar sobat semuah Alhamdulillah pada kesempatan kami kali ini 
kami mau berbagi sedikit Trik atau Tutorial ringan Dulu sudah sempet kami posting
Tutorial ini tapi kali ini aq rubah sedikit aq tambahkan Bumbu Css nya biar tambah enak heheh...

Cara Mempercepat Kebox Comments
ini sangatlah berguna buat sobat yang mempunyai Blog yang rame pengunjungnya kaya Pasar malam heheh
karna pengunjung gak susah2 tarik atau menggulirkan mous kita kita hanya tekan Tombolnya langsung
pada Box Comments jadi bisa mempercepat pengunjung ke tempat yang lain.

nah buat sobat yang mau pasang silakan ikuti langkah-langkah di bawah ini
1. Masuk ke Blogger dashboard » Template » Edit HTML
2. Cari Kode ]]></b:skin> Lalu Copy Kode Di Bawah Ini lalu pastekan pasdi atasnya Kode
]]></b:skin>

Silakan Klik di bawah lalu Copy Kode Nya
<style type="text/css">
#comments h4 {-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);border:solid 1px#2a54aa;color: #0000FF;border:solid 1px#2a54aa;font: 12px Arial;padding: 10px;}
#comments h4 a{position:relative;display: block;padding: .4em .4em .4em .8em;*padding: .4em;margin: .5em 0 .5em 2.5em;-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);border:solid 1px #2a54aa;color: #00ff00;text-decoration: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out; }
#comments h4 a:hover{background: #2a54aa;background: -moz-linear-gradient(top, #2a54aa 0%, #264f9f 21%, #244999 50%, #254693 58%, #204490 63%, #1e428e 82%, #1e3e89 87%, #1f3f8a 92%,#1b3b86 97%, #1d3d88 100%);}
#comments h4 a:before{content: counter(li);counter-increment:li;position:absolute; left: -2.5em;top: 50%;margin-top: -1em;background: #2a54aa;height:2em;width:2em;line-height: 2em;text-align: center;font-weight: bold;}#comments h4 a:after{position: absolute; content: '';border:.5em solid transparent;left: -1em;top: 50%;margin-top: -.5em;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#comments h4 a:hover:after{left: -.5em;border-left-color: #2a54aa;}</style>


Langkah Pemansanganya silakan sobat ikuti Langkah-langkah di bawah ini
1. Sobat cari kode seperti ini <div class='comments' id='comments'><a name='comments'/><h4>
2. kalu sudah ketemu Kode tersebut
2. Copy kode di bawah ini pastekan  sebelahnya Kode <h4>


Silakan Klik di bawah lalu Copy Kode Nya
<a href='#comment-form' style='float:top; margin-right:5px;color:#0000ff;-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);border:solid 1px #00ff00;padding:2px'>--&#10045; &#10045; &#10045;--Klik Disini Langsungke Box Comment Boooos--&#10045; &#10045; &#10045;--</a>

 
Maka akan seperti di bawah ini hasilnya
<div class='comments' id='comments'><a name='comments'/><h4><a href='#comment-form'
Silakan Klik di bawah lalu Copy Kode Nya
<div class='comments' id='comments'><a name='comments'/><h4><a href='#comment-form' style='float:top; margin-right:5px;color:#0000ff;-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);border:solid 1px #00ff00;padding:2px'>--&#10045; &#10045; &#10045;--Klik Disini Langsungke Box Comment Boooos--&#10045; &#10045; &#10045;--</a>

Lalu simpan lihat hasilnya 
sobat bisa lihat demonya di sini ko heheheh...?

sekian dulu dari kami semoga postingan kami kali ini bermanfaat buat sobat yang membutuhkannya Amin

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

  1. Wah cocok tuh buat blog yg komennya rame kaya pasar malam ya mas...
    jd lebih sip deh..hehe

    BalasHapus
  2. WS 4 tak aja deh hehe

    BalasHapus
  3. waduh lumayan pusing juga pasangnya mas hehe...tapi bagus nih mas

    BalasHapus
  4. wah cocok nih dipake buat yang blognya rame .
    nanti deh klo blog aku udh rame komentatornya aku pake mas .
    hehehe

    BalasHapus
    Balasan
    1. klu mau rame gampang ko tinggal panggil mas budi hehehe

      Hapus
    2. Mbak iin itu..emang suka merendah kok mas :)

      Hapus
  5. Kodenya lumayan banyak juga ya mas gak memberatkan pada loading blog ini mas.

    BalasHapus
    Balasan
    1. heheheh kalu berat kan tinggal minta bantuan sma2 tmn2 untuk membantu manggul xixixi

      Hapus
  6. Kayaknya saya sudah pasang di blog :D

    BalasHapus
  7. begitu ya mas, padahal belum paham sih wkwkwkw....

    BalasHapus
    Balasan
    1. heehheh iya kyknya masih banyak yang kurang paham dengan judulnya heheh

      Hapus
  8. Manteb nih Mas tipsnya..insyaallah akan saya coba review ke blog saya

    BalasHapus
  9. kebox comment itu apa sih mas? saya masih belum begitu paham. ^_^

    BalasHapus
    Balasan
    1. kalu aq xi kasih nama box Koment intinya biasanya kan banyak blog temen2 kita yang rame dan banyak komentarnya bos. nah Trik box komen ini bisa mempercepat bos. jadi kita klik maka langsung pada box koment
      jadi gak lama2 harus memuter mous kita kebawah heheh. intinya seperti Scroll gitu kurang lebih heheh

      Hapus
  10. Oo... maksudnya membuat link langsung ke Box Comment gitu mas .. ?

    BalasHapus
  11. mantap banget ini blog.. tutorialnya top

    BalasHapus
    Balasan
    1. trmksih mas dh brkunjung juga pujiannya ini hanya hasil Copy paste ko mas heheh

      Hapus
  12. salam knl juga sob.., :D
    tutornya kren ni.,
    thx sob.,

    BalasHapus
  13. waalaikumsalam,
    aku nggak tahu apakah blog-ku termasuk seperti pasar raya atau tidak..tapi sepertinya tipsnya layak untuk dicoba nich ....salam :-)

    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 -