Cara Mengatur Format Waktu Dan Tanggal Pada Blog

Pada suatu ketika saya sedang berkunjung kepada sebuah blog sahabat,ternyata masih ada saja yang belum mengatur waktu dan tanggal yang terdapat pada blog yang di kelolanya,dan ternyata tidak hanya satu atau dua blog saja belum mengatur settingan waktu nya pada bagian tanggal publikasi postingan,dan yang paling sering saya lihat adalah tanggal dan waktu yang terdapat pada bagian kolom komentar,awalnya saya tidak sengaja melihat tanggal publikasi komentar,yang pada hari itu juga komentarpun muncul (komentar tanpa moderator) dan sampai akhirnya saya melihat tanggal dan waktu yang berbeda dengan hari dimana komentar tersebut di publikasikan,misalnya saya komentar pada jam 19.00 tanggal 24 maret 2013,ternyata yang muncul jam 21.30 23 maret 2013,terpaut hampir satu hari sendiri perbedannya.

Untuk mengatasi masalah itu sebenarnya sangatlah sederhana,dan saya yakin hampir setiap blogger sudah bisa melakukannya,hanya saja admin blog tersebut lupa untuk mengatur waktu dan tanggal pada blog mereka,terutama pada bagian komentar,.Dan jika memang masih ada sahabat yang belum bisa men setting nya,silahkan ikuti cara-caranya yang sudah saya tuliskan di bawah ini:

• Pertama masuk ke akun blog sobat,selanjutnya pilih setelan >> bahasa dan performatan (lihat kotak merah pada gambar)
• Langkah selanjutnya silahkan lihat gambar yang sudah saya beri tanda dengan nomor 1-4 yang masing-masing bisa sobat setting sendiri sesuai dengan keadaan:

1. Zona Waktu = Atur zona waktu tersebut sesuai dengan zona kawasan negara kita,pilih saja yang jakarta dengan waktu yang di sesuaikan sendiri dengan keadaan.
2. Format Header Tanggal = Atur bagian ini untuk menyesuaikan waktu dan tanggal pada saat postingan di terbitkan.
3. Format Timestamp = Sesuaikan dengan jam yang sedang berlangsung saat itu juga
4. Format Stempel Waktu Komentar = Atur waktu dan tanggal untuk komentar yang muncul ketika di publikasikan sehingga waktu tersebut cocok dengan keadaan yang sedang berlangsung

Naahh...di bagian nomor 4 ini yang sering terlewatkan oleh para blogger sehingga waktu dan tanggal komentar tidak sesuai dengan waktu di saat komentar di publikasikan.Mungkin itu saja yang bisa saya share tentang bagaimana cara mengatur format waktu dan tanggal pada blog,semoga dengan adanya artikel saya ini bisa di mengerti dan bisa bermanfaat,terimakasih atas kunjungan sobat semua di blog ini.

Happy Blogging dan Salam Blogger

Memasang Facebook Like Box di Blogger

Hai teman-teman, jumpa lagi dengan saya ( kok formal sekali sih ). Baiklah cukup sekarang bercandanya, karena saya akan ajarkan cara memasang facebook like box di Blogger dengan mudah.Widget ini sangat wajib lo untuk membuat blog anda dikenal social media ( fakta : ratusan traffic dari blog ini berasal dari Facebook ). Jadi tunggu apa lagi ?
Sebenarnya ada 2 cara, yaitu cara manual dan cara langsung

Cara manual :
Buka blogger > Layout / tata letak > Pasang widget HTML/Javascript

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fidbloggertrick&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=false&amp;appId=579594688731789" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe>

Ganti idbloggertrick atau kode yang bewarna biru dengan laman facebook page anda
Jika misalnya facebook page anda seperti ini
facebook.com/pages/halamananda
Maka solusinya yang tergampang adalah  ganti / dengan %2F
Atau pingin halaman facebook page anda lebih singkat url nya seperti saya (facebook.com/idbloggertrick) gampang buka artikel : Merampingkan URL Facebook page mu
Jika anda punya AppID sendiri ganti 579594688731789 dengan app id anda sendiri

Cara langsung
Buka https://developers.facebook.com/docs/plugins/like-box-for-pages/ ( Otomatis dibuka di new tab  )
Nah terus isi data-data secara lengkap
Dengan penjelasan :

1. Facebook Page url : Alamat facebook fan page blog mu
2. Width                    : Lebar facebook like box ( satuan px / pixel )
3. Height                   : Tinggi facebook like box  ( satuan px / pixel )
4. Centang Show Friend face jika anda ingin menampilkan muka orang yang like Facebook Fan Pagemu biasanya gambarnya diawali dari gambar teman anda jika teman anda juga like facebook fan page mu
5. Lalu hilangkan centang Show post untuk mendisable post terbaru dari facebook fan pagemu jika menganggu ( percaylah lebih baik hilangkan centang, tapi jika anda ingin menampilkannya centanglah tapi ini diluar tanggung jawab saya )
6. Show header buat memunculkan kata Find us on Facebook dan Show border untuk menampilkan border
Saran saya centang yang header tapi yang border tidak karena border kadang menganggu tampilan.

Setelah itu tekan Get Code
Akan muncul Popup

Perhatikan gambar diatas secara baik-baik
Terdapat 2 kata yang saya tebalkan dengan warna kuning yaitu HTML 5 dan IFRAME
Untuk IFRAME
sebenarnya hasilnya sama dengan cara manual tetapi cuma gak usah diganti urlnya sehingga bikin gak repot kan,  hahahha :) canda .

Tapi menggunakan IFRAME sangat tidak SEO FRIENDLY . Karena google tidak dapat mengindex ifame sama seperti gambar ( Google hanya mengerti gambar melalui tiga aspek, yaitu nama gambar title tag dan alt tag nya dan juga caption sebagai pelengkap )

Sekarang untuk yang HTML 5
Untuk menggunakan HTML 5 pertama tama anda copy dulu kode javascriptnya yang ada tulisan fb-root atau kode pertama ke atau diatas </body>
Lalu langkah kedua copy kode seperti dibawah berikut
<div class="fb-like-box" kode nya yang anda dapatkan seperti gambar diatas</div>  lalu buka Blogger > Layout/ Tata letak > Gadget > HTML / Javascript lalu paste kode tersebut

Bingung ? Bagaimana kalau pake kode saya

Pasang kode dibawah ini diatas </body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=579594688731789";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

ganti 579594688731789 dengan App ID anda jika anda memilikinya.

Lalu buka blogger > Tata letak / Layout > Gadget > HTML/ Javascript
Masukkan kode berikut

<div class="fb-like-box" data-href="https://www.facebook.com/idbloggertrick" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>

Ganti facebook.com/idbloggertrick dengan url facebook page anda sendiri.

Sudah cukup kan ? Kurang lengkap hehehe ? :) silahkan tanya di melalui komentar

Cara Mecegah Copy Paste Pada Blog

Setelah sekian lama tidak posting dikarenakan masih banyak urusan yang harus saya selesaikan, dan kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.

Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.

Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.

• Login terlebih dahulu ke Blogger.com
• Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
• Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
• Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.

Berikut penjelasan dari kode-kode diatas:

oncontextmenu='return false' (untuk mematikan klik kanan mouse)
onmousedown='return false' (untuk mematikan klik blok ke bawah)
onselectstart='return false' (untuk mematikan seleksi blok)
onkeypress='return false' (untuk mematikan tombol keyboard)

Jika sudah, Simpan Template blog Sobat.

Mohon maaf apabila tutorial sebelumnya tidak berhasil karena belum saya coba. untuk demonya silakan sobat lihat di sini DEMO.

Selamat mencoba dan semoga berhasil sobat.

Cara Membuat Buku Tamu Auto Hide di Blog

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog - Apa kabar sobat blogger??? Pertama - tama saya memohon maaf atas komentar - komentar sobat blogger yang belum sempat saya balas sebelumnya, karena hidungku ( mampet ), aktivitas blogging ku terhenti hampir seminggu. Setelah sebelumnya memposting artikel cara memasang artikel acak di blog, kali ini dengan hidung yang masih cenat - cenut saya akan menjawab permintaan dari salah satu sobat blogger yang meminta cara membuat buku tamu auto hide di blog seperti yang tampak di sidebar blog ini.

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="300" height="275" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4100717" style="border:#FFFFFF 1px solid;" id="cboxmain4-4100717"></iframe></div>

<div><iframe frameborder="0" width="300" height="75" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4100717" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform4-4100717"></iframe></div>

</div>

<!-- END CBOX -->

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>
 

Caranya :

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan kodenya di kotak yang di sediakan.
3. Klik Save 

Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.