Pilih Warna Baground Yang Anda Suka
Latest

Memasang tombol reply dan delete pada komentar

kevinservis 24 Mar 2013

Halo sobat blogger, pada kesempatan kali ini saya ingin kasih info seputar tombol reply dan delete atau balas dan hapuspada komentar, ya memang pada dasarnya tombol ini terkadang tidak tersedia langsung pada template blog, contohnya template blog saya ini, namun begitu, kita bisa menambahkan tombol-tombol ini dengan menambahkan beberapa kode html. disini saya langsung beri 2 kode tombol reply dan delete. biar agak lengkap tutorial-nya.

memasang+tombol+reply+dan+delete+pada+komentar

Baiklah tanpa berlama-lama silahkan sobat ikuti langkahnya di bawah ini :

Tahap pemasangan tombol Reply Comment atau Balas Komentar

1. Login Blogger
2. Pilih Rancangan -> Klik Edit HTML -> Cek Expand Widget Template
3. Tekan tombol F3 atau CTRL + F (untuk mencari kode html)
4. kemudian Cari kode <data:commentPostedByMsg/>
5. Kemudian masukkan kode di bawah ini tepat di bawah kode <data:commentPostedByMsg/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=3397203693435836828&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd;'>Balas</a>
</b:if>

6. Ganti BlogID yang di block Hijau dengan BlogID punya Sobat. Cara mengambilnya lihat gambar di bawah
cara+mencari+blogid

Info : Sobat bisa ganti teks Balas yang block pink, dengan Gambar dengan memasukkan URL gambar,

7. Simpan Template

Tahap pemasangan tombol Delete Comment atau Hapus Komentar

1. Login Blogger
2. Pilih Rancangan -> Klik Edit HTML -> Cek Expand Widget Template
3. Tekan tombol F3 atau CTRL + F (untuk mencari kode html)
4. Cari kode ]]></b:skin>
5. Kemudian masuukan kode di bawah ini tepat di atas kode ]]></b:skin>
  
.item-control { display: inline;}

6. Simpan Template
read more
0 komentar

 

Jurus Membuka Link pada Tab Baru atau New Tab

kevinservis


Ketika di dalam postingan kita terdapat banyak link External atau link yang berasal dari luar, sudah tentu kita akan menambahkan attribute target="_blank" pada link tersebut supaya postingan kita yang sedang di baca oleh pengunjung, tidak tertutup karena link external tersebut di klik oleh pengunjung. Attribute target="_blank" di masukkan di dalam teks link agar link yang di klik terbuka di tab baru (Jadi, link yang terbuka sebelumnya tidak tertutup). 
Di tampilan baru blogger (Blogger New Interface), Blogger sudah menyiapkan sebuah fitur yang memungkinkan sobat blogger untuk menambahkan attribute target="_blank" pada link postingan sobat. Pada Hyperlink Text, sbat blogger tinggal memberi centang pada "Open Link in New tab".
Tetapi, supaya sobat blogger tidak kerja dua kali. Saya kasih saja sebuah kode yang membuat semua link yang terdapat di blog sobat akan terbuka di tab baru, apakah itu link yang ada di dalam postingan atau link yang terdapat di Sidebar blog sobat. Jadi, dengan adanya kode ini, sobat blogger tidak perlu mencentang Open Link in New Tab atau menambahkan attribute target="_blank" pada semua link yang terdapat di blog sobat.

Cara Membuat Semua Link Terbuka Di Tab Baru Secara Otomatis :
  • Seperti biasa, Sobat blogger masuk dulu di akun blog sobat.
  • Pada menu drop down (Blogger New Interface), Klik Template
  • Klik Edit HTML dan klik Proceed.
  • Cari kode <head>, Kalau sudah ketemu, tambahkan kode berikut tepat di samping kode tadi.
<base target='_blank' />
  • Simpan template sobat.

Apakah sobat blogger sudah berhasil dalam membuat semua link blog sobat terbuka di tab baru? Coba saja buka salah satu postingan sobat yang ada linknya, kemudian klik link tersebut. Pasti link tersebut secara otomatis terbuka di tab baru.
read more
1 komentar

 

CARA MEMPERCEPAT LOADING BLOG DENGAN SCRIPT LAZYLOAD

kevinservis



CARA MEMPERCEPAT LOADING BLOG DENGAN SCRIPT LAZYLOAD.Loading Blog memang sangat berpengaruh dengan SEO,yakni kecepatan sebuah blog dalam meloading data -data yang ada didalamnya.Semakin cepat sebuah blog itu loading maka akan lebih cepat pula terindeks oleh mesin pencarian.Blog saya ini termasuk dalam kategory memprihatinkan dalam speed testnya, jadi tutorial ini sebenarnya pantaslah untuk saya posting untuk diri  sendiri.Akhirnya ketemu juga di Kode Blogger, teman kita yang memang sangat ahli dalam merekayasa kode-kode script blog  lazyload .
Kembali tentang loading blog ,pernah nggak merasakan sebuah blog yang ketika dibuka loadingnya memerlukan lebih dari 10 menit, lantas apa yang akan anda lakukan ..seterusnya tentu saja Bounce alias segera hengkang dari blog tersebut.Nach apakah anda ingin kehilangan audience dalam jumlah yang banyak dengan adanya faktor " berat diloading blog" ini. Demikian juga baru sadari ketika ane masuk dalam kontes SEO : Ekiosku.com Jual Beli online aman menyenangkan , beberapa kali berhasil tembus di page two dan pejwan,karena support backlink teman-teman,akan tetapi hanya bertahan dalam beberapa jam saja sudah terlempar dengan jauh,,,he,,he,, ini hanya untuk try and error saja kawan, setelah saya amati ternyata faktor yang paling jadi masalah adalah di loading blog kita.Saya baru yakin sekarang kalau sebuah tempalate blog akan sangat berpengaruh dalam kaitannya SEO.Semakin cepat sebuah template meloadingkan diri maka dia akan semakin cepat terindeks, wal-hasil tentu saja pejwan adalah buat mereka.

Sebelum melakukan perombakan di template, ada baiknya anda masuk dulu disini buat test loading speed blog anda , setelah ketemu nilainya, inget-inget ya, siapa tahu template anda nggak support dengan script lazyload yang satu ini.Gunanya adalah mengetahui nilai speed blog anda, kemudian bandingkan before dan after , lebih berat atau sudah lebih baikan.Nilai speed blog ini nilai ideal menurut  saya  adalah 85-90 an lah... ,kalau kurang dari 80 berarti speed blog anda dalam masalah besar kayaknya .Ok silahkan Setelah itu lanjutkan untuk masuk ke dashboard Blogger anda.
OK Silahkan login dulu diblogger langsung menuju Template untuk dimodifikasi , sebenarnya lazzy load ini bisa juga diterapkan dalam widget tambahan dan fungsinya juga sangat mantab,namun untuk lebih baiknya memang ditanam dalam template blog biar menyatu penuh.

1. Login blogger pastinya
2. Masuk ke Rancangan
3. Klik Edit HTML dan klik Expand Template Widget (backUp template jangan lupa ya)
4. Cari kode </head>
5. Letakan script dibawah ini tepat diatasnya

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200});
});
</script>

6. Simpan Template.

Catatan- Catatan saya  tentang cara mempercepat loading blog dengan script lazyload:
  1. Fungsi utama dari script lazy load ini adalah untuk menggulung gambar-gambar yang ada diblog kita sehingga seakan-akan gambar tersebut diabaikan dan tidak terbaca. Nach dengan demikian loadingnya akan lebih cepat dan lebih mantab.
  2. Jika anda memasangkan script ini kedalam widget tambahan anda, maka anda bisa memasangnya di bagian terbawah dari element tata letak template anda.Saya sarankan untuk memasangnya disudut kiri dan kanan bawah.Pernah saya uji cobakan dalam blog saya yang penuh dengan gambar-gambar dalam ukuran yang besar memang terasa sekali manfaat nya.
  3. Jika dipasang di widget tambahan maka caranya adalah : Login > dashboard>Tataletak> add widget > Pilih HTML atau Teks > pastekan kode > save .
  4. Jika setelah pemakaian script ini loading blog anda semakin berat, maka sebaiknya anda gunakan cara lainnya untuk mempercepat loading blog anda. Klik disini ( Next ya...!!! )
read more
0 komentar

 
 
Copyright © 2013. Cikevin - All Rights Reserved
Powered By Blogger