Johny See Book Sekali Template untuk Blogger

 
Template blog merupakan wajah dari blog kita, hal pertama yang dilihat oleh user ketika mengunjungi blog adalah dari tampilannya. Jika tampilannya bagus, maka kemungkinan besar user dapat betah berlama-lama mengunjungi blog kita.

Bicara soal template, ini saya akan share tentang sebuah template yang sangat bagus menurut saya. Karena saya sendiri sudah pernah pakai di blog ini.
Nih penampakannya :
Sumber Gambar : www.mastemplate.com

Nama Template : Jhony See Book Sekali
Lisence : www.creativecommons.org

Fitur yang bisa dinikmati
  1. Template Blogger yang simple
  2. Template ini termasuk salah satu template yang responsive
  3. SEO Friendly
  4. Terdapat Manu Navigasi yang sangat mudah
  5. Ads ready (Bisa diletakkan Adsense)
  6. Serta Template ini Auto Readmore
Happy Blogging

Cara Memberikan Tombol Back to Top di BLOG

Tombol Back to Top, mungkin tidak asing lagi bagi kita para blogger yang tiap harinya selalu bermain-main di dunia blogging. Dari namanya saja "Back to Top" atau "Kembali ke Atas", ini merupakan salah satu fitur yang memanjakan kita sebagai pengunjung untuk kembali ke pagian atas halaman yang sedang kita buka tanpa melakukan scrolling menggunakan mouse atau yang lebih sulit pake tanda panat keatas di keyboard. Efek dari back to top ini sangat terasa sekali jika kita mampir di sebuah halaman yang isinya amat sangat panjang sehingga untuk kembali keatas membutuhkan waktu untuk scrolling.

Biasanya di kebanyakan blog yang sudah sayan kunjungi, peletakan tombol Back to Top ini ada di bagian kanan bawah, sehingga user tidak susah untuk mencari tombol ini.

Ah, jangan lama-lama bahasnya. Langsung aja yuk cara memberikan tombol Back to Top di blogger.

Pertama dan yang pasti harus login dulu ke blogger Anda.
Masuk ke template, dan edit HTML.
Silahkan cari code tag </body> (pake ctrl + F biar lebih cepat)
Lalu Masukkan script berikut tepat diatas </body>

<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>

Silahkan ganti "Back to Top" sesuai dengan keinginan anda.
Tidak usah diganti juga tidak apa-apa, karena tulisan itu hanya akan tampil jika browser gagal untuk memuat gambar back to top.

terus "alamat url Back to Top" silahkan diganti dengan url gambar yang anda sukai. contoh "http://2.bp.blogspot.com/-MzZd1JN1xqE/TaPbTItjVyI/AAAAAAAAAak/81lZyfdXRpE/s1600/bttp-14.png" diletakkan di url.

Atau bisa juga anda mencari gambar sendiri di Google yang sesuai dengan keinginan Anda.
Ini saya kasih contoh :

<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='http://2.bp.blogspot.com/-MzZd1JN1xqE/TaPbTItjVyI/AAAAAAAAAak/81lZyfdXRpE/s1600/bttp-14.png'/></a>

Kalau sudah, tinggal save template dan jreng-jreng....
Silahkan lihat hasilnya di blog Anda

Happy Blogging.

Cara Membuat Komentar Facebook di BLOG

Gambar By : http://tukang-coding.blogspot.com
Saat sedang blogwalking ke blog orang lain komentar itu penting, karena dengan kita meninggalkan komentar disana kemungkinan blog kita untuk dikunjungi balik oleh orang lain atau si empunya blog itu bisa terjadi. Bayangkan ketika dalam sehari kita berkomentar di puluhan bahkan ratusan blog teman-teman, maka... Ah sudahlah bukan itu juga bahasan ku pada artikel kali ini.

Baca Juga : Jangan Mematikan Fungzsi Klik Kanan di BLOG

Pada saat ingin berkomentar di blog "Blogspot", kita diharuskan masuk dulu menggunakan akun gmail. Bisa juga pake Open ID dan lain sebagainya. Dan itu menurutku masih agak ribet sih, hehehe...

Namun ada cara komentar yang cukup mudah karena hampir setiap orang suday punya akunnya yaitu "Facebook". Yaitu melakukan komentar facebook di BLOG. Enak bukan? gak usah login pake gmail dulu.

OKE, langsung ke inti pembahasan, cara membuat komentar facebook di BLOG.
  • Pertama login dulu ke blogger.
  • Kemudian pilih template, lalu klik "Edit HTML"
  • Setelah halaman edit HTML sudah terbuka, lalu carilah code html berikut : (disarankan menggunakan ctrl + F biar lebih cepat)
<div class='comments' id='comments'>
  • Kemudian silahkan copy script dibawah ini, kemudian paste tepat dibawah "<div class='comments' id='comments'>" yang sudah anda cari tadi.
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

  • Pada bagian IDFANPAGEFACEBOOK silahkan diganti dengan id Fan Page Facebook Anda.
  • Kemudian klik Simpan Template, kemudian liat perubahannya di blog Anda. Jika masih belum ada perubahan, silahkan cari lagi script "<div class='comments' id='comments'>" di Edit HTML nya. Kalo pengalaman pribadi sih aku menemukan 2 script <div class='comments' id='comments'>, jadi aku paste kode diatas dibawah keduanya.

Happy Blogging.....

Sumber Script : http://freezon88.blogspot.com/2013/12/komentar-facebook-dan-blog-model-tab.html

Jangan Mematikan Fungsi Klik Kanan di Blog

Sumber Gambar : google.co.id
Pernahkan artikel kita dicuri orang? atau istilahnya di copy paste blak-blakan tanpa izin atau mencantumkan link sumber? Kalo aku pribadi sih pernah, salah satu artikelku di copas seorang blogger tak bertanggung jawab yang seenaknya sendiri ngambil tulisan orang tanpa izin. Kesal juga sih sama orang itu.

Mengetahui hal itu langsung tanpa pikir panjang aku langsung browsing di internet caranya agar konten blog tidak di copy paste, ketemu deh dengan mendisable klik kanan, ctrl+C, ctrl+P dan lain sebagainya. Tanpa fikir panjang langsung aku terapkan di blogku.

Setelah agak lama menerepkan "Disable Righ Click" di blog, aku sempat mempir ke salah satu blog temen dan sempat membaca tulisannya ternyata men "Disable" klik kanan itu ada pengaruhnya juga buat blog kita. salah satunya dapat merusak kenyamanan pengunjung yang lagi mengunjungi blog kita dan menjadikan blog kurang userfriendly lagi.

Baca Juga : Cara Menampilkan Komentar Terbanyak di BLOG

Kutipan dari blog temenku :
Jika Anda berpikir disabling right-click itu akan melindungi sumber kode, posting, atau gambar (image, foto), pikirkan lagi! Selain merugikan diri sendiri, juga bisa dibobol dengan mudah oleh user, misalnya dengan mematikan kode javascript di web browser, CTRL+P, dan lainnya.

Bisa dibilang sih blogger yang mematikan fungsi klik kanan dan sebagainya itu "Amatiran" alias kurang profesional.
Jadi saranku mah jangan lah di disable klik kanannya, kalo emang masih ada yang copas, mending langsung aja laporkan ke Google DCMA (Digital Millenium Copyright Act) dan blog yang copas artikal Anda itu pun akan di-banned alias di-"black list" oleh Google.

Oke selamat berblog ria.

Cara Menampilkan Daftar Komentar Terbanyak di BLOG

Pernahkan kita berfikir, “Siapa sih orang yang paling sering berkomentar di blog saya?” kalo aku pribadi sempat berfikir kearah sana. Namun ketika melihat di dashboard blog agak sulit untuk menemukannya. Tanpa fikir panjang lagi langsung saya browsing di om google, siapa tahu ada.

Hampir dua jam aku berselancar di dunia maya dengan keyword “Cara mengetahui orang yang paling sering komentar di blog”, akhirnya aku menemukannya. Berbentuk widget yang dapat menampilkan komentator di halaman khusus. Dan tentunya karena memang untuk mengetahui orang yang paling aktif berkomentar di blog, maka otomatis orang yang paling banyak melakukan komentar di blog kita akan menduduki posisi teratas.

Jika ingin melihat DEMO, bisa langsung check in di HALAMAN berikut.

Bagaimana? Bagus bukan???
Oke tanpa fikir panjang lagi aku akan langsung bagikan cara untuk menampilkan daftar komentar terbanyak. Silahkan disimak dengan baik.
  •  Langkah pertama, Login terlebih dahulu ke akun blogger.com
  •  Ada dua cara, bisa masuk ke Page/Laman Blog, atau bisa juga dengan menggunakan postingan baru.
  •  Lalu masukkan script dibawah ini dengan tab HTML bukan COMPOSE di postingan terbaru ataupun Laman Blog.
<link type='text/css' rel='stylesheet' href='https://css3-tutsplus.googlecode.com/svn/trunk/member-aktif.css' />
<script type="text/javascript">
//<![CDATA[
var homepage = 'http://tukang-coding.blogspot.com',
  maxTopCommenters = 77,
  minComments = 1,
  numDays = 0,
  excludeMe = true,
  excludeUsers = ["Ranger Merah", "Maz Fahrozhie", "Blogger Nusantara"],
  maxUserNameLength = 42,
  txtTopLine = '[image] [user]',
  txtNoTopCommenters = 'No top commentators at this time.',
  txtAnonymous = '',
  sizeAvatar = 80,
  cropAvatar = true,
  urlNoAvatar = 'http://lh4.googleusercontent.com/-069mnq7DV_g/TvgRrBI_JaI/AAAAAAAAAic/Iot55vywnYw/s' + sizeAvatar + '/avatar_blue_m_96.png',
  urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
  urlMyProfile = '',
  urlMyAvatar = '';
  //]]>
</script>
<script src='http://css3-tutsplus.googlecode.com/files/member-aktifv2.js' type='text/javascript'></script>

Ketarangan :
var homepage    Ganti url dengan url blog kamu
maxTopCommenters    Tentukan jumlah maksimal yang di tampilkan
minComments    Tentukan minimal member yang di tampilkan
excludeMe    True jika ingin menampilkan author member ganti false jika tidak
excludeUsers    Ganti nama dengan Nama Profile Blogger atau Goole+ kecuali "Anonymous"
maxUserNameLength    Batasi Jumlah Nama User
sizeAvatar    Ukuran Gambar tiap profile
cropAvatar    Crop Gambar jika ukuran melebihi ukuran yang di tentukan
urlNoAvatar    Tentukan gambar lain jika profile tidak memiliki photo

  • Lalu publikasikan, dan dapat langsung dilihat hasilnya

Bagaimana, bagus bukan?? Semoga tutorian Cara Menampilkan Daftar Komentar Terbanyak di BLOG  ini bisa bermanfaat untuk kita semua, dan semoga dapat menambah wawasan kita semua tentang dunia BLOG.
Support : Tukang Coding | Fadil Setup |
Copyright © 2014. Special Blog Effect - All Rights Reserved
Template Created by Creating Website Edited by @FadilSetup
Proudly powered by Blogger