Postingan

Menampilkan postingan dengan label Tips Dan Trik

Mengganti Next-Prev Navigasi Dengan Judul Post

Mengganti Next-Prev Navigasi Dengan Judul Post | Tutorial Blog Sebelumnya saya pernah posting tentang Mengganti Navigasi Next-Prev dengan Image . Untuk kali ini saya akan berbagi cara Mengganti Next-Prev Navigasi Dengan Judul Post. Navigasi next-prev yang menggunakan judul post cukup memancing para pembaca dan pengunjung blog untuk melihat artikel sebelum dan sesudah dari post yang sedang dibaca, karena yang tampil adalah judul artikelnya. Trik ini belum terbukti dapat mengoptimalkan seo, namun secara logika trik ini cukup berhubungan dengan seo karena jika kita ganti next-previous dengan judul post sesudah dan sebelumnya, mungkin ada pengunjung yang tertarik untuk membaca dan mengklik judul tersebut, otomatis jumlah pageviews akan bertambah. Berikut cara Mengganti Next-Prev Navigasi Dengan Judul Post : Login ke blogger, pilih Rancangan/Design , kemudian pilih Edit HTML , lalu beri centang expand template widget . Tips : Biasakan membackup / mendownload template anda terlebih dulu seb...

Mengganti Navigasi Next-Prev dengan Image

Gambar
Mengganti Navigasi Next-Prev dengan Image | Tutorial Blog Untuk merubah tampilan Navigasi Next-Prev, kita dapat menggantinya dengan Image / Gambar, bisa juga kita ganti dengan judul postingan , untuk kali ini kita bahas Cara Mengganti Navigasi Next-Prev dengan Image / Gambar. Berikut Cara Mengganti Navigasi Next-Prev dengan Image / Gambar : Login ke Blogger anda, Plih Design/Rancangan > Edit HTML . Lalu centang Expand Widget Template . Tips : Biasakan membackup / mendownload template Anda sebelum di edit. Cari kode berikut: Prev <data:newerPageTitle/> ganti dengan <img alt="newer post" src="URL-IMAGE-PREVIOUS" border="0" /> Next <data:olderPageTitle/> ganti dengan <img alt="older post" src="URL-IMAGE-NEXT" border="0" /> Home <data:homeMsg/> ganti dengan <img alt="home" src="URL-IMAGE-HOME" border="0" /> Untuk icon Gambarnya bisa Sobat gunakan yang ini: Home...

Widget Google Followers Static

Gambar
Widget Google Followers Static | Tutorial Blog Pada tutorial ini saya akan berbagi cara memasang Widget Google Followers Static, maksudnya Widget Followers yang letaknya selalu di pojok Blog, walaupun halaman blog sobat di scroll / di geser, widget Follower sobat akan terus berada di bagian pojok blog. Ada juga cara lain dalam memasang widget followers, yaitu Widget Google Followers Show Hide , namun kali ini kita bahas tentang Widget Followers Static. Berikut cara Memasang Widget Google Followers Static : Login ke Blogger, klik Design / Rancangan > Edit HTML . Beri tanda centang pada kotak Expand Template Widget . Cari kode ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya #followers-pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documen...

Widget Google Followers Show Hide

Gambar
Widget Google Followers Show Hide | Tutorial Blog Widget followers pada umumnya memperberat loading blog, karena itu pada tutorial ini saya akan berbagi cara membuat widget followers yang lebih ringan dengan mode Show-Hide. Berikut cara  Memasang Widget followers yang lebih ringan dengan mode Show-Hide : Login dengan akun blogger sobat, klik Rancangan / Design > Elemen laman / Page Element . Klik Add a gadget / Tambah Gadget , dan pilih HTML/Javascript . Letakkan kode berikut didalam area konten; <style type="text/css"> #fl{position:fixed; left:150px; z-index:+1000;} * html #fl{position:relative;} .flcontent{ float:left; border:2px solid #676767; background:#dddddd repeat-x bottom center scroll; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; padding:10px; } </style> <script type="text/javascript"> function showHideFL(){ var fl = document.getElementById(...

Membuat Kotak Pencarian (Search Box)

Membuat Kotak Pencarian (Search Box) | Tutorial Blog Tutorial kali ini saya akan berbagi cara Membuat Kotak Pencarian (Search Box). Berikut caranya : Login ke Dasbor blogger, klik Design (Rancangan) > Edit HTML , Taruh kode ini di atas kode  ]]></b:skin> berikut kodenya: #search { width: 280px; font-size: 11px; float: right; margin: 0; padding: 6px 0 0; } #searchform { margin: 0; padding: 0; overflow: hidden; display: inline; } #searchbox { background: #84CAF6; width: 220px; color: #000; margin: 0; padding: 4px 0 3px 5px; border: 1px solid #005BC3; display: inline; font: normal 12px Georgia, Times New Roman, Trebuchet MS; } #searchbutton { background: #84CAF6 !important; color: #000; margin: 0 0 0 5px; padding: 3px 3px 2px; border: 1px solid #005BC3; font: bold 11px Georgia, Times New Roman, Trebuchet MS; } Save Template . Sekarang ke Page Element , klik Add a Widget > HTML/Javascript Masukkan kode ini di dalam area content. <div id='search'> <form act...

Membuat Related Post (Artikel Terkait)

Gambar
Membuat Related Post (Artikel Terkait) | Tutorial Blog Related post atau Artikel Terkait sangat bermanfaat untuk memberitahu pengunjung tentang artikel yang lain dalam satu label / category pada blog kita. Berikut cara Membuat Related Post : Login ke Blogger, Klik Design/Rancangan > Edit HTML . Beri tanda centang pada Expand Template Widget . Tips : Biasakan mendownload template untuk membackup template sebelum di edit. Cari kode </head> , lalu Copy kode dibawah ini dan letakkan diatas kode </head> . <!--Simple Related Posts Scripts Start--> <script type='text/javascript'> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relate...

Membuat Auto Read More

Membuat Auto Read More | Tutorial Blog Auto Read More adalah opsi yang otomatis memotong artikel Sobat saat di tampilkan pada home page blog Anda. Auto Read More ini dilengkapi dengan pengaturan jumlah karakter, Ada 2 pengaturan jumlah karakter yaitu jumlah karakter Read More tanpa gambar dan jumlah karakter Read More dengan gambar. Berikut cara membuat auto read more : Login ke akun Blogger Sobat, klik Design / Rancangan  > Edit HTML . Penting !!! Biasakan men-Download / membackup template blog Anda sebelum mengedit template. Beri tanda centang pada Expand widget template , kemudian letakkan kode berikut ini di atas kode </head> (tekan Ctrl+F untuk mempermudah dalam pencarian kode) <script type="text/javascript"> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 250; summary_img = 220; img_thumb_height = 120; img_thumb_width = 220; </script> <script type="text/javascript"> //<![CDATA[ function removeHtmlTag(b,a){if(b.i...

Cara Membuat Schedule / Jadwal Postingan di Wordpress

Gambar
Cara Membuat Schedule / Jadwal Postingan di Wordpress | Tutorial Blog Pada postingan kali ini saya akan berbagi cara membuat Jadwal Postingan di WordPress. Jika kita menggunakan opsi ini maka postingan yang kita buat akan dipublish secara otomatis sesuai pengaturan yang kita lakukan. Untuk Blogspot silakan baca Membuat Schedule / Jadwal Postingan Blogspot . Berikut Cara Membuat Schedule / Jadwal Postingan di Wordpress : Login ke Dashboard Wordpress Anda, klik Posts > Add New , dan buat sebuah postingan. Sebelum di Publish klik Edit yang terletak disamping Publish immediately . Atur tanggal dan jam kapan postingan Sobat ingin dipublish. Terakhir klik tombol Schedule . Semoga tutorial diatas bermanfaat buat sobat yang ingin Membuat Schedule / Jadwal Postingan di Wordpress .

Cara Membuat Schedule / Jadwal Postingan

Gambar
Cara Membuat Schedule / Jadwal Postingan | Tutorial Blog Schedule atau Jadwal dalam memposting artikel memang penting. Dengan jadwal posting yang teratur, berarti kita konsisten, ini menandakan kita rajin dan aktif dalam ngeblog. Tutorial kali untuk blogspot, untuk wordpress.com silakan baca Cara Membuat Schedule / Jadwal Postingan di Wordpress . Cara ini bisa digunakan buat sobat yang sibuk dan tidak sempat untuk posting artikel setiap harinya, misalkan Anda membuat 4 postingan, akan lebih baik jika Sobat terbitkan satu persatu, daripada Anda terbitkan sekaligus. Blogger akan menyimpan postingan Anda sampai waktu yang telah Anda tetapkan. Berikut cara Membuat Jadwal Postingan di Blogspot : Login ke akun Blogger milik Anda, pilih New Post / Entri Baru , dan buat sebuah postingan. Sebelum diterbitkan klik Post Options . Akan muncul opsi-opsi di bawah Post Editor, pilih Scheduled at / Dijadwalkan pada lalu isi tanggal dan jam sesuai keinginan Anda. Terakhir klik Publish Post / Terbitkan...

Cara Mengetahui Blog Kena Banned

Cara Mengetahui Blog Kena Banned | Tutorial Blog Istilah “ Banned Google “ pasti tidak asing lagi buat Sobat-sobat yang selama ini bergelut dengan dunia blog dan website. Banned google merupakan sebuah istilah dari tindakan google yang terhadap blog atau website yang dicurigai oleh mesin pencari google melakukan spam atau teknik black hat SEO. Jika Blog Sobat sampai di banned oleh Google berarti website anda dianggap google 100% telah melakukan spam dan isi website anda tidak sesuai dengan apa yang diindex google. akibatnya website anda 100% tidak diindex google. Juga istilah yang ini, “ Penalty Google ” merupakan sebuah peringatan menuju banned google. Artinya website tersebut tidak 100% spam, hanya direktori yang dianggap spam saja yang dikeluarkan indexnya dari google. misalkan halaman posting anda 100% copy-paste dan melakukan tindakan spam lainnya maka sedikit demi sedikit index single posting anda akan hilang dari index google Untuk melihat website / blog kita dibanned google a...

Kode Script Anti Klik Kanan

Gambar
Kode Script Anti Klik Kanan | Tutorial Blog Selain Kode Script Anti Copas , Sobat dapat menggunakan Kode Script Anti Klik Kanan untuk melindungi artikel Anda dari Copaser. Untuk dapat menggunakannya silakan ikuti tutorial berikut : Login ke Blogger Sobat, Klik Design > Page Elements . Lalu klik Add a Gadget . Pilih HTML/Javascript . Kemudian copy kode di bawah ini: <script> var message="Eits,, Klik Kanan Sementara Ini Tidak Diperbolehkan !!"; /////////////////////////////////// function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</scri...

Kode Script Anti Copas

Gambar
Kode Script Anti Copas | Tutorial Blog Buat Sobat yang tidak ingin Artikelnya di copy oleh blogger lain, mungkin cara ini bisa Sobat gunakan. Berikut Tutorialnya : Login ke blogger Sobat, Klik Design / Rancangan > Edit HTML . Beri centang pada Expand Widget Templates . Lalu cari kode <head> Copy kode berikut : <SCRIPT type='text/javascript'> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT> Dan letakkan tepat dibawah kode <head> Terakhir Klik Save Template / Simpan Template . Selesai... Silakan di coba Sob, semoga tutorial ini bisa membantu Sobat yang ingin memasang Kode Script Anti Copas .

Menampilkan Posting Blog ke Twitter dan Facebook

Gambar
Menampilkan Posting Blog ke Twitter dan Facebook | Tutorial Blog Pada tutorial kali ini saya akan berbagi tentang cara yang efektif untuk dapat menampilkan postingan blog di Facebook dan Twitter . Berikut tutorial agar postingan blog bisa tampil di kedua jejaring sosial tersebut: Menampilkan ke Twitter : Login ke akun twitter Anda. Lalu masuk ke twitterfeed.com . Klik don’t have an account yet atau sign in with open id , setelah itu akan muncul form pendaftaran. masukan alamat email dan password kemudian ulangi password setelah itu klik create account Masukan alamat feed blog Anda, contoh feednya menggunakan format seperti ini : http://namablog.blogspot.com/atom.xml http://namablog.blogspot.com/feeds/posts/default http://namablog.wordpress.com/feed/ Lalu klik test rss feed , bila sudah benar akan muncul Feed parsed OK . Klik tombol continue to step 2. Terdapat 5 pilihan untuk menampilkan feed ke beberapa social network, pilih saja twitter dan facebook, yang pasti Anda harus mempunya...

Tips Meningkatkan Ranking Blog

Tips Meningkatkan Ranking Blog | Tutorial Blog Untuk meningkatkan Google pagerank dan Alexa rank Blog Anda secara manual, Sobat dapat mengikuti beberapa tips dibawah ini : Isi yang segar dan bagus Buat postingan yang menarik agar banyak pengunjung yang datang, bisa dengan tutorial , tips , trik atau info yang sedang hangat / trend .Google akan mengindex situs kita harian, jika pengunjung situs kita selalu bertambah tiap harinya. Bagaimana sih agar pengunjung selalu bertambah tiap harinya? Jadi usahakan selalu menambahkan isi (content) yang segar di situs kita secara berkala dan teratur sebisa mungkin. Daftarkan blog ke search engine lakukan verifikasi dan daftar blog di google sitemap agar mudah terindex. Meta Tag yang bagus Meskipun kegunaan kata kunci di meta tag dalam hal meraih peringkat atas pada hasil pencarian di google masih diperdebatkan, tapi jangan sampai kita mengabaikan title tag dan meta description tag. Link Popularity Google bank sangat bergantung pada berapa banyak ora...