Kerabat digital marketing.

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...

Membuat Tombol Share Post Melayang | Tutorial Blog Share button memang berpengaruh dalam mempromosikan artikel blog kita. Karena itu kali ini saya akan berbagi cara memasang floating share button pada blog. Dalam widget ini terdapat tiga share button, yaitu Twitter, Digg, dan Facebook, widget ini akan selalu melayang, sehingga akan selalu terlihat oleh pengunjung blog. Berikut langkah memasang Tombol Share melayang : Login ke akun blogger anda. Pilih Design/Rancangan > Page Element/Elemen Halaman . Klik Add a Gadget/Tambah Gadget . Pilih HTML/Java Script . Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya <style  type="text/css">  *{margin:0;padding:0;}  * html #z33sHare{ position: absolute; }  #z33sHare{ right:1%;width:  70px;background:transparant;border:0px solid  #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px; position:fixed; top: 20%; }  #z33sHare div{ padding:6px 6px 6px 5px; }  #stw{ margin-left:-2...

Membuat Widget Follow Twitter Melayang | Tutorial Blog Membuat Widget Follow Twitter melayang ini sangat mudah karena kita tidak perlu pusing mengutak atik HTML template kita. Kita tinggal memasukkan ke dalam widget sidebar. Berikut langkah memasang Widget Follow Twitter melayang : Login ke akun blogger anda. Pilih Design/Rancangan > Page Element/Elemen Halaman . Klik Add a Gadget/Tambah Gadget . Pilih HTML/Java Script . Silahkan Copy kode berikut dan paste didalam konten HTML/Java script nya <script type="text/javascript" src="http://tutorial-blog.googlecode.com/files/twitbird.js"></script><br /> <script type="text/javascript"> var birdSprite="http://4.bp.blogspot.com/-jmMHmT3wOak/Tam8b6aBLkI/AAAAAAAABBg/goBeWfPYRYw/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select"...

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 | 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 | 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(...

Widget Followers Google Friend Connect | Tutorial Blog Widget Followers dari Google Friend Connect ini sama saja dengan Widget Followers default dari blogger, cuman widget ini menggunakan kode dari Google Friend Connect. Langsung saja Sob, berikut tutorialnya : Masuk ke situs http://www.google.com/friendconnect/ , dan Login menggunakan account gmail anda. Pilih blog Sobat yang ingin di pasang widget Google Followers, lalu klik pada Tambahkan Gadget Anggota. Atur lebar widget,font dan warnanya, sesuaikan dengan sidebar blog Anda. Kalau sudah selesai, tekan tombol Buat Kode pada bagian bawah halaman. Copy kode yang diberikan oleh Google Friend Connect tersebut. Selanjutnya, Login ke blogger. pilih Design / Rancangan > Page Element . Kemudian pilih Add a Gadget . Pilih HTML/Javascript dan masukkan kode yang diberikan oleh Google Friend Connect tadi. Lalu klik Save . Selesai... Selanjutnya saya akan berbagi tentang Widget Google Followers Show Hide .

Memasang Widget Google Followers | Tutorial Blog Tutorial kali ini mungkin bukan hal yang asing bagi para blogger yang sudah lama pakai Blogspot, jadi tutorial ini buat para pemula saja. Google Followers atau Google Friend Connect (GFC) adalah suatu program komunitas sosial seperti BlogCatalog, MyBlogLog, dan lain-lain. Tepatnya, Google Friend Connect merupakan sarana penghubung untuk memudahkan kita berinteraksi satu sama lain. Kita bisa menambah, mengundang, mengunjungi teman-teman kita dengan mengklik fotonya. Dan dari sini pula kita dapat meningkatkan trafik blog kita. Widget Google Friend Connect dapat memudahkan pengunjung agar bisa dengan mudah menjadi pelanggan artikel. apalagi jika Anda menggunakan blogger, maka setiap artikel yang terbit dari blog yang diikuti ( Di Follow ) akan tampil di dashboard blogspot Anda. Berikut cara Memasang Widget Google Followers : Login ke Blogger klik Design/Rancangan > Page Element/Elemen Laman . Klik Add a Gadget/Tambah Gadget . Pilih Foll...

Memasang Widget Search Box | Tutorial Blog Tutorial kali buat sobat yang masih belum bisa dan ingin memasang widget Kotak Penelusuran (Search Box) di blog. Cara memasangnya tidak menggunakan coding, karena sekarang Blogger sudah menyediakan widget Kotak Penelusuran. Jadi caranya lebih mudah dari Membuat Kotak Pencarian (Search Box) . Berikut cara Membuat Search Box di Blog : Login ke Akun Blogger milik Anda, pilih Rancangan (Design) > Elemen Laman (Page Elements) . Klik Tambah Gadget (Add a Gadget) . Pilih Kotak Penelusuran (Search Box) . Pada bagian Judul / Title , isi dengan Cari di Blog Ini atau kata lain yang Anda inginkan. Pada bagian Tab , centang pada Blog ini (This Blog). Terakhir klik tombol Simpan (Save) , dan lihat hasilnya. Semoga tutorial ini bisa membantu sobat yang ingin Memasang Search Box di Blog .

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) | 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 | 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 | 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...

Memasang Jam di Blog | Tutorial Blog Untuk mempercantik tampilan blog, baik itu Wordpress maupun Blogspot, mungkin Anda ingin memasang aksesoris berupa widget jam pada sidebar blog Sobat, Bagi Sobat yang ingin memasang widget jam di Wordpress.com, Silakan baca Memasang Jam di Wordpress . Buat Blogspot dapat Anda ikuti tutorial berikut ini : Kunjungi www.clocklink.com Lalu klik pada menu Gallery (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh kategori Digital yang di pilih. Kemudian klik View HTML Tag . Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih Accept . Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog. Kemudian Copy kode HTML yang diberikan. Langkah selanjutnya pasang pada widget HTML/Javascript blog Sobat, jika belum bisa memasang widget silakan baca Memasang Widget / Gadget di Blogspot Silakan dicoba Sob, semoga berhasil...

Setting Komentar Tanpa Moderasi | Tutorial Blog Opsi ini memberikan kita kesempatan untuk melakukan filter pada setiap komentar yang masuk ke blog. maksudnya setiap komentar tidak langsung di tampilkan di blog, tetapi harus melalui persetujuan dari Admin blog untuk bisa di tampilkan atau tidak. Jika Sobat gak mau ribet, mending ospi ini dimatikan, jadi apabila ada komentar oleh pengunjung bisa langsung tampil di blog tanpa disetujui atau di moderasi terlebih dahulu oleh admin, kecuali untuk komentar SPAM, komentar yang dianggap SPAM tidak akan muncul secara otomatis. Perlu diingat, semua link yang dikirim oleh pengunjung pada saat komentar juga akan langsung tampil. Baik itu link yang diperbolehkan, maupun link-link yang tidak diperbolehkan, jadi sebelum Sobat menerapkan setting komentar ini, sebaiknya pertimbangkan terlebih dahulu. Berikut Tutorial Setting Komentar Tanpa Moderasi : Untuk Wordpress Login ke Wordpress Anda, pada dashboard klik Settings > Discussion . Kemudian hapus t...