Secercah Tutor

Membuat Menu Melayang | Tutorial Blog Menu melayang disini maksudnya menu yang tetap pada posisinya walaupun blog di geser keatas dan kebawah. Berikut cara Membuat Menu Melayang : 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. Selanjutnya cari kode </head> ,dan letakan kode berikut diatasnya : <style> div.floating-menu { position: fixed; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#666)); background: -moz-linear-gradient(top, #000, #666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#000000&#39;, endColorstr=&#39;#999999&#39;);  border: 1px solid #000;  width: 150px;  z-index: 500; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; border:none; padding:1...

Membuat Widget Daftar Isi Tersembunyi | Tutorial Blog Sebelumnya saya pernah posting tentang Membuat Daftar Isi Blog , pada tutorial kali ini daftar isi tersebut akan kita pasang pada widget di sidebar blog dengan mode Show Hide. Buat yang ingin mencobanya, silakan ikuti tutorial berikut : Login ke blogger, klik Design/Rancangan > Page Element/Elemen Halaman . Klik Add a Gadget , pilih HTML/Java Script Lalu masukkan kode berikut : <div class="widget-content"> <div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this...

Widget Google Followers Valid XHTML | Tutorial Blog Dari hasil Tes Valid XHTML lewat validator.w3.org, widget Follower default dari blogger dinyatakan tidak valid. Widget ini mengandung error. Pada tutorial kali ini kita bahas cara memasang widget Google Followers yang Valid XHTML, caranya kita gunakan kode asli dari google friend connect. 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... Supay...

Cara Menghapus Waktu Postingan | Tutorial Blog Settingan waktu / jam secara default pada blogspot akan muncul di setiap postingan, beberapa blogger tidak senang dengan adanya waktu / jam postingan tersebut, pada tutorial kali ini saya akan berbagi cara menghilangkan waktu / jam postingan tersebut secara permanen. Berikut langkah-langkahnya : 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. Kemudian cari kode di bawah ini : <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></ a>...

Membuat Widget Melayang di Blogger | Tutorial Blog Sebelumnya saya pernah posting tentang Membuat Widget Melayang di Wordpress.com , untuk kali ini Membuat Widget Melayang di Blogger / Blogspot. Ok Sob , berikut caranya : Login ke blogger, klik Design > Edit HTML . Beri tanda centang pada kotak Expand Template Widget . Cari kode ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya. #floating-widget { 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.documentElement.clientWidth - offsetWidth); } Selanjutnya, carilah kode </body> dan letakkan kode berikut tepat di atasnya <div id='floating-widget'> Letakkan kode widget disini </div> Jika sudah selesai klik SAVE / SIMPAN TEMPLATE , dan lihat hasilnya. Silakan dicoba dan Semoga b...

Cara Menampilkan Share Button | Tutorial Blog Bagi sobat blogger yang sudah pernah atau sering gonta ganti template yang diambil dari penyedia template mungkin tidak bisa memakai fitur Share Button. karena kode Share botton pada design template tersebut mungkin fiturnya tidak ada, jadi Share botton-nya tidak muncul. Berikut Cara Memunculkan Share Button di Blogger : Masuk ke blogger, klik Design > Page Element Kemudian klik Edit pada Blog Posts Beri centang pada Show Share Buttons Klik Save dan cek apakah muncul tombol sharenya Jika masih belum muncul silahkan ke tab menu Edit HTML Beri centang pada Expand Widget Templates . Cari kode <b:includable id='backlinks' var='post'> . Letakkan kode berikut diatas kode <b:includable id='backlinks' var='post'> . <b:includable id='shareButtons' var='post'>   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:h...

Membuat Widget Melayang di Wordpress.com | Tutorial Blog Widget melayang (Floating Widget) mungkin dapat Sobat gunakan untuk mempercantik tampilan blog, cara memasangnya mudah saja, namun tidak semua widget dapat di pasang menggunakan trik ini. Langsung saja Sob, berikut caranya : Login ke Wordpess Anda, Klik Appearance > Widgets . Pilih Widget Text , Drag ke Sidebar Lalu letakkan kode berikut ; <div style='display:scroll;position:fixed; top:5px;right:5px; '> Kode Widget </div> Sebagai contoh saya gunakan kode pagerank <div style='display:scroll;position:fixed; top:5px;right:5px; '> <a href="http://www.getrank.org" target="_blank"><img title="Pagerank" src="http://www.getrank.org/prbutton/pagerank-display.php?s=17" alt="PageRank Checker" border="0px" /></a> </div> Keterangan : top:5px;right:5px; : kode yang berwarna merah merupakan posisi widget yang akan Anda pasang...

Black Hat Seo | Tutorial Blog Black hat seo adalah cara curang / kotor dalam melakukan teknik optimasi untuk mendapatkan rangking terbaik di search engine. Teknik seperti ini memang terbukti berhasil membawa sebuah halaman blog bisa tampil pada halaman depan google namun hanya bertahan singkat, setelah itu halaman tersebut akan hilang atau bahkan blog, situs ataupun web tersebut akan dibanned sama mbah google. Cara mencek apakah situs kita dibanned atau tidak sama google adalah dengan mengetikkan site:namasitus.com di kolom pencarian google. Jika gak ada hasil yang muncul padahal sebelumnya ada maka jelas sudah blog situs ataupun web tersebut kena banned oleh google, silakan baca Cara Mengetahui Blog Kena Banned . Teknik Black Hat SEO yang saya tahu ada 5 jenis yaitu : Teknik Black Hat SEO Link Farming Teknik Black Hat SEO Link Farming adalah sebuah teknik mengumpulkan link di satu halaman blog maupun situs. Maksudnya di satu halaman cuma berisi daftar link yang jumlahnya sangat banya...

Cara Merubah Cursor Blog | Tutorial Blog Bagi Sobat yang ingin mengganti tampilan cursor di blog, itu sangat mudah, bagi yang sudah tau, bagi yang belum tau pasti tidak mudah. hehe... Sebelumnya saya pernah posting tentang Membuat Efek Bintang Pada Kursor , kali ini saya akan berbagi tentang cara untuk merubah tampilan cursor blog, berikut caranya : Login ke Blogger. Masuk ke menu Rancangan >Edit HTML Cari kode </head> Letakkan kode berikut tepat diatas kode </head> <style type='text/css'>HTML,BODY{cursor:url(&quot; http://cursors4.totallyfreecursors.com/thumbnails/bluemultiglit.gif &quot;), auto;}</style> Keterangan: Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url cursor yang ingin Sobat gunakan. Setelah Itu Save Template Anda dan selesai... Jika sobat tidak memiliki icon kursor, silakan kunjungi http://www.totallyfreecursors.com situs tersebut menyediakan ribuan icon cursor,pilih icon yang sobat mau.. Dan...

Widget Recent Comment Valid XHTML | Tutorial Blog Sebelumnya saya pernah posting tentang Widget Recent Post Valid XHTML . Pada tutorial kali ini saya berbagi tentang Widget Recent Comment Valid XHTML. Berikut cara Memasang Widget Recent Comment Valid XHTML : Login ke blogger, klik Design/Rancangan > Page Element/Elemen Halaman . Klik Add a Gadget , pilih HTML/Java Script Lalu isikan kode berikut : <div style="height: 250px; overflow: auto; padding: 3px; text-align: left;"><script type="text/javascript" src="http://wadah-tutorial.googlecode.com/files/comments.js"></script> <script type="text/javascript"> var numcomments = 10; var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;var showfooter = true; </script> <script type="text/javascript" src="http:// alamatblog.com /feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments...

Memasang Widget Popular Posts | Tutorial Blog Sebelumnya saya pernah posting tentang Memasang Widget Recent Post, untuk kali ini Memasang Widget Popular Posts. Widget ini berfungsi untuk menampilkan postingan yang sering di baca pengunjung pada blog Anda. Berikut cara Memasang Widget Popular Posts : Untuk Blogspot : Login ke akun blogger anda. Pilih Design/Rancangan > Page Element/Elemen Halaman . Klik Add a Gadget/Tambah Gadget . Lalu pilih Popular Posts Selanjutnya atur tampilan widget seperti keinginan Anda. Terakhir klik Save . Untuk Wordpress : Login ke Dasboard wordpress Anda, klik pada menu Appearance > Widget . Drag Top Posts & Pages dan letakkan pada Sidebar. Selanjutnya atur tampilan widget seperti keinginan Anda. Lalu klik Save . Semoga Bermanfaat...

Memasang Widget Recent Comment | Tutorial Blog Sebelumnya saya posting tentang Memasang Widget Recent Post , untuk kali ini Memasang Widget Recent Comment. Widget ini berfungsi untuk menampilkan komentar terbaru pada blog Anda. Berikut cara Memasang Widget Recent Comment : Untuk Blogspot : Login ke akun blogger anda. Pilih Design/Rancangan > Page Element/Elemen Halaman . Klik Add a Gadget/Tambah Gadget . Pilih pada menu Featured . Lalu pilih Recent Comment Selanjutnya atur tampilan widget seperti keinginan Anda. Terakhir klik Save . Untuk Wordpress : Login ke Dasboard wordpress Anda, klik pada menu Appearance > Widget . Drag Recent Comment dan letakkan pada Sidebar. Selanjutnya atur tampilan widget seperti keinginan Anda. Terakhir klik Save . Semoga Bermanfaat...