Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts

Saturday, May 16, 2015

Cara Memasang Facebook Popup Like Box Dengan Cookie di Blogger/WordPress






Sudah lama sekali tidak update blog ini, lantaran banyaknya media yang mesti saya update dan lebih menjadi bagian dari skala prioritas tinggi sekarang. Apologize..



Banyak yang menanyakan mengenai fitur Widget Facebook Pop Up Like Box yang saya gunakan saat ini, karena menggunakan cookie untuk mengatur kemunculannya (dalam hitungan satu atau (x) hari sekali untuk satu pengunjung).

Monday, March 10, 2014

Membuat Semua Link Eksternal Terbuka di Window Baru Otomatis (Jquery)




Kita sering menggunakan fitur membuka link di window baru pada interface link Blogger saat membuat post, atau menambahkan atribut link (hyperlink) target="_blank". Untuk beberapa langkah manual, tentu ini bukan masalah. Tapi jika anda sudah memiliki banyak link eksternal, baik di bagian post maupun bagian lain, misalnya widget, footer, dll, tentu pekerjaan edit menjadi hal yang memakan waktu

Friday, February 21, 2014

Cara Menambahkan Syntax Highlighter di Blogger





Syntax Highlighter cukup dikenal oleh berbagai platform, misalnya WordPress, Apache, Mozilla, Yahoo, Aptana, dan banyak lainnya. Apa itu Syntax Highlighter? Kita para blogger seringkali berbagi script/kode untuk blogger atau siapapun yang membutuhkannya untuk pengembangan web/blog. Kebanyakan dari kita menggunakan blockquote sebagai "wadah" dari script/kode tersebut dan menandai dengan

Wednesday, January 22, 2014

Cara Membuat Auto ReadMore (Thumbnails) Blogger V2 + Button (Updated 2014)







Ini adalah post lama yang saya update kembali dan saya sesuaikan dengan beberapa hal, terutama masalah editing template yang berbeda dengan template lama. Selain itu, masih banyak sobat blogger yang menyimak cara membuat auto readmore versi satu yang kurang sempurna, dan artikel ini sebenarnya adalah penyempurnaannya, tapi mungkin karena artikel ini masih kalah di pencarian SE (di bawah

Monday, January 13, 2014

Cara Memasang Facebook Comment Box di Blogger (XFBML/HTML5)




Ada banyak sobat Blogger yang bertanya mengenai bagaimana menambahkan widget Facebook Comment Box di Blogger. Sebenarnya ada banyak tutorial yang sudah membahas ini. Tapi jika memang dibutuhkan yang lebih detil, dalam kesempatan ini saya akan coba bicarakan tentang itu. :)






LiveDemo
komentar



Perlu diketahui karena sama sekali belum ada plugin Comment Box siap pasang untuk Blogger (

Thursday, January 9, 2014

Pasang Blogger Contact Form di Halaman Statis dan Kostumisasi Dasarnya


Sudah cukup lama sejak Blogger resmi merilis Contact Form untuk pengguna platform Blogger. Fitur ini berupa widget/gadget. Sayangnya, widget ini jarang nongol di blog-blog pengguna Blogger. Sebagian besar masih mengandalkan layanan contact form gratis yang tersedia di jagat web. Mungkin karena fitur-fiturnya lebih canggih, dan, yang pasti, banyak yang tidak ingin menyediakan contact form dalam

Thursday, October 17, 2013

5 Situs Terbaik untuk Belajar HTML & CSS Bagi Blogger Pemula




HTML intinya adalah elemen/struktur web, dan CSS adalah "penghias" serta penyusun layout hingga sebuah halaman web memiliki interface yang unik dan indah. Jika anda adalah blogger pemula, baik dalam konteks baru saja membangun blog, atau bagi anda yang mulai risih dengan berbagai kode-kode yang belum dimengerti padahal harus berurusan dengan utak-atik template, inilah saatnya anda mulai

Wednesday, March 13, 2013

Widget Random Posts untuk Blogger dan Cara Memasangnya






Random posts widget atau widget daftar artikel acak adalah widget blog yang dulu (sekitar 2 tahun yang lalu) cukup trending di kalangan blogger, baik untuk pengguna Blogger maupun WordPress. Meskipun kini jarang digunakan, tapi menurut saya widget ini merupakan alat yang cukup memiliki value dalam memperkaya navigasi blog; terutama dalam memberikan tawaran bagi pengunjung ketika melakukan

Friday, February 1, 2013

Cara Memasang Facebook Activity Feed Widget di Blogger


Background Tips



Jika sebuah widget blog bermanfaat besar dalam meningkatkan jumlah pageview sehingga jumlah traffic semakin naik, apakah anda akan menolak memasangnya? :) Tentu tidak. Tidak ada orang yang tidak memiliki akun Facebook (mungkin ada ya, tapi kecil), sehingga seluruh plugin Facebook memiliki fungsi besar dalam menampilkan hal-hal yang personalized di dalam blog. Dengan demikian,

Monday, December 31, 2012

Tombol Back/Scroll to Top Dengan Efek Fading & Smooth untuk Blogger




Sudah banyak sobat blogger yang menanyakan tentang tombol back to top (tombol kembali ke atas) Blogger yang saya gunakan, karena berbeda dengan tombol yang sebelumnya sudah saya bagi. Jika yang lama hanya menggunakan fungsi hashtag pada url HTML (#top atau #), maka yang saya gunakan menggunakan fungsi javascript dan jquery. Tapi saya sempat agak bingung untuk berbagi karena script yang saya

Thursday, December 27, 2012

Menambahkan URL Sumber Otomatis Pada Artikel yang DiCopas


Catatan kecil:

Artikel ini ternyata sudah nangkring di jajaran draft artikel saya cukup lama. Jadi, mumpung kantor dan jam ngajar lagi libur, project website sudah kelar, tidak ada salahnya merayakan kebebasan (hahaha) dengan menerbitkan artikel ini, dengan sedikit revisi, meskipun mungkin sudah banyak yang mengimplementasikan dan membagi caranya. Selain itu, sia-sia rasanya jika sudah menyusun

Monday, October 15, 2012

Tambahkan Widget AddThis Sharing Buttons Terbaru di Blogmu!




Sobat mungkin sudah tahu dan menggunakan AddThis Sharing Buttons yang cukup terkenal ini. Google Pagerank-nya saja 10, dan Alexa Ranknya sekitar 158 (apa hubungannya ya?). AddThis Social Sharing buttons (begitu nama lengkapnya :)) adalah widget penting bagi para blogger dan webmaster. Alat ini tidak saja menyediakan berbagai macam sharing buttons milik berbagai macam social media, tapi juga

Friday, June 8, 2012

Cara Membuat Kotak Permalink di Bawah Posting Blog




Halo sobat! Setelah agak lama tidak share tips-trik blogger di blog ini karena persentase fokus lebih besar untuk mengembangkan tautweb.com, di posting ini saya membagi lagi satu widget/elemen fungsional untuk posting blog.



Sudah pernah melihat kotak permalink, bukan? Salah satu elemen blog yang berfungsi untuk memberikan kemudahan bagi blog/web lain membuat tautan/linkback ke salah satu

Thursday, January 19, 2012

Cara Memasang Fitur Blogger Star Rating di Posting Blog

Blogger star rating adalah salah satu fitur baru Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Dulu, uji coba serta akses pengaktifan & penggunaannya harus melalui draft.blogger.com. Tapi kini tidak lagi, aktivasi fitur star rating for blogger dapat dilakukan melalui dashboard blogger.com. Star rating memberikan kesempatan pada pengunjung blog untuk menilai konten/isi posting yg

Sunday, December 25, 2011

Cara Buat/Pasang Fitur Emoticon/Smiley di Comment Blogger

Emoticon/smiley dapat mewakili ekspresi komentator blog. Selain itu, emoticon/smiley dapat lebih mempercantik  tampilan bagian komentar blog. Dengan menggunakan javascript, kita dapat melakukan hack untuk menambahkan fitur emoticon pada blog berplatform Blogger. Emoticon ini menggunakan basis perintah emoticon  Yahoo! yg telah kondang itu. Misalnya, ketika ingin menampilkan gambar emoticon senyum

Sunday, December 4, 2011

Cara Buat/Pasang Share Buttons di Posting Blogger (Like, Tweet, +1)

Share buttons adalah tombol-tombol yg dapat digunakan pengunjung untuk menilai & membagikan link atau konten tertentu yg mereka sukai ke social media, baik Facebook, Twitter, Google+, dll. Banyak sobat Buka Rahasia Blogspot yg menanyakan tentang share buttons yg saya gunakan di bawah judul posting. Saya menggunakan 3 buttons milik 3 social media yg disusun sedemikian rupa menjadi satu bagian

Wednesday, November 23, 2011

Cara Membuat & Memasang Twitter Follow Button (Official)

Twitter Follow Button yg dirilis secara official oleh twitter kini semakin memiliki fitur yg canggih. Meskipun hanya ditampilkan dalam bentuk button dan link sederhana, sebenarnya ada beberapa hal yg dapat dilakukan hanya dengan sekali klik, tidak seperti twitter follow widget yg sebelumnya. "Dengan klik button, pengunjung dapat langsung melakukan follow tanpa harus masuk ke twitter." Link yg

Tuesday, October 25, 2011

Cara Hapus Google Search Image Frame (Frame Breaker)

Google search image frame? Ya, tampilan gambar yg terindeks Google biasanya ditampilkan di lapisan/bagian atas sebuah halaman blog/web. Gambar yg ditampilkan dibalut dalam tampilan kerangka (frame) Google yg berisi beberapa informasi mengenai gambar dan sama sekali tidak berkaitan dengan isi halaman blog/web yg memuat gambar tersebut. Bisa jadi hal ini cukup mengganggu karena blog/web dimana

Wednesday, September 14, 2011

Cara Membuat Recent Posts Blogger (Auto Scroll & Thumbnails)

Widget Recent Posts atau Posting terbaru merupakan widget penting karena berfungsi sebagai penunjang navigasi blog. Dengan adanya daftar posting terbaru, pengunjung yg masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog. Selain itu, widget recent posts dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi posting-posting

Sunday, July 17, 2011

Cara Membuat Screensaver (Energy Saving Mode) Blog/Website


Energy saving mode/screensaver di blog/web adalah kondisi standby dimana seluruh process dihentikan sementara. Proses-proses yang berjalan misalnya adalah gambar grafik bergerak (misalnya: .gif), flash video, auto scrolling widget, dan masih banyak lagi. Dengan adanya plugin screensaver tersebut, proses-proses dalam suatu halaman web dihentikan (paused) dan muncul sebuah tampilan baru sederhana