Membuat Top Menu dengan Kotak Pencarian di Blog

Top Menu With Search Form - Top menu adalah hanya sekedar menu tambahan dari menu navigasi, biasanya Top menu ini digunakan untuk Link, About, Sitemap, Contact, dll. Menu kali ini bukan hanya berisi Link tapi juga dilengkapi dengan Kotak Pencarian yang keren dan simple.Top menu ini biasa digunakan diatas header, jika anda bingung cara pemasangan pada top menu anda bisa cari kode seperti ini 

Cara Membuat Safelink Sendiri Menggunakan Blogger

Safelink. Siapa yang tidak kenal dengan safelink, hampir semua orang yang mempunyai blog/website kenal dengan safelink. Dalam tutorial ini saya akan memberikan Tips/Strategi dalam membuat safelink sendiri menggunakan Platform blogspot.

Ingin Safelink Berkualitas? Klik Disini.



Dan belakangan ini ada sebuah kebiasaan blogger yang mulai berkembang, yaitu membuat dan menggunakan safelink

Membuat Button Unik Yang Berubah-ubah Warna

Membuat Button Warna-warni di blog - Pada Tutorial kali ini saya hanya bisa memberikan simple button yang dapat berubah-ubah warna dengan sendirinya, Button ini unik karena tidak pada umumnya, button biasanya tidak memakai script, tapi button kali ini memakai script supaya warna dapat berubah-ubah dengan sendirinya.



Agar anda tidak bingung seperti apa button tersebut, anda bisa lihat

Membuat Tactile Top Menu Wrapper di Blog

Membuat Tactile Top Menu Wrapper - Menu atas yang dilengkapi dengan menu with sub menu, search form, information atau note, simple menu, dan judul blog. Jika di scroll menu ini akan pada posisi tetap, tidak berubah. Menu ini saya dapatkan dari template bernama Jackdaw (bukan template blogspot) sebenarnya button info pada samping kanan adalah button yang memunculkan fly-out sidebar, tapi

Memasang Plugin Timeago dengan jQuery di Blog

Timeago adalah plugin jQuery yang membuatnya mudah untuk mendukung otomatis memperbarui waktu (misalnya "3 menit yang lalu" atau "sekitar 3 hari yang lalu")
Jika sobat tertarik untuk memasang Plugin jQuery Time ago silahkan ikuti tutorial di bawah ini dengan baik-baik.


Langkah Pertama Masukan jQuery Time ago di bawah ini tepat di atas atau .

Login Windows 8 dengan Javascript untuk Blogger

Tutorial Login Windows 8 Ini hanya element pembuka. Elemen Pembuka ini adalah modifikasi dari Element Pembuka Windows 7, dan mungkin sobat bertanya apa fungsinya?



Fungsinya adalah hanya untuk element pembuka atau loading blog.



Demo



Note : Sobat bisa merubah password sesuai keinginan sobat di Javascriptnya...



Button Windows : Untuk Password Hint, jika tidak ingin memakai password

Membuat Info Pembuat Blog dan Umur Blog

Info Pembuat dan Umur Blog - Maaf jika nama tutorial ini kurang bagus atau kurang nyambung, karena saya sendiri juga bingung apa nama tutorial yang tepat. Nama tutorial yang sempat terpikirkan tapi kurang bagus yaitu, Notifikasi ala Facebook, Info Created By Admin, Notifikasi Pesan Admin, dan masih banyak lagi...



Info Pembuat Blog di sana sobat bisa mencantumkan nama pembuat blog dan

Membuat Lightbox Webpage di Blog

Lightbox Webpage ~ Apa itu Lightbox Webpage? Jawabannya adalah, jika Link yang kita pilih di Klik maka akan memunculkan Lightbox, tapi isinya bukan Tulisan atau gambar, melainkan Webpage, dari link itu sendiri.



Saya menemukan Lightbox jenis ini, saat saya sedang mencari Inspirasi untuk design saya sendiri, lalu saya menemukan Lightbox jenis ini di Blog.KangRian.com ya cukup menarik..

Membuat Pure CSS Tabs untuk Blogger

Pure CSS Tabs - Halo sobat Blanter semua, sudah lebih dari seminggu tidak update tutorial, karena paket modem habis. Kali ini saya akan memberikan tips/tutorial yang gak kalah menarik dari tutorial sebelumnya. "Auto Select Filters" Tutorial kali ini bernama "Pure CSS Tabs".


Apa Itu Pure CSS Tabs? - Pure CSS Tabs adalah suatu Style Teks, yang bertipe Tabs, Jika Tabs Diklik maka akan

Membuat Auto Select Filters di Blog

Membuat Auto Select Filters di Blog - Tidak terasa sudah lebih dari seminggu tidak update tutorial blog, dan kali ini saya akan memberikan tutorial yang gak kalah menarik dari tutorial sebelumnya, Tutorial kali ini bernama "Auto Select Filters" yang artinya "Pilih Filter Otomatis" jadi kita bisa memilih filter yang tercampur menjadi terpisah.



Untuk lebih jelasnya silahkan sobat klik

Membuat Responsive Multi Dropdown Menu di Blog

Responsive Multi Level Dropdown Menu - Setelah sekian lama mencari tutorial blog yang ingin di post, kali ini saya menemukan tutorial yang lumayan keren.



Oke langsung saja ke tutorial Cara Membuat Responsive Multi Level Dropdown Menu, yang bisa langsung sobat terapkan pada blog.



Dalam membangun suatu elemen menu, langkah pertama yang kita butuhkan adalah HTML, berikut kode HTML dan

Memasang Widget Iklan Ukuran 970x90 di Blog

Banner Iklan Besar Ukuran 970x90, Mungkin sobat sudah pada tahu apa kegunaan Large Banner Ads ini, Kegunaannya selain untuk memasang banner sobat juga bisa memasang iklan teks dari iklan PPC yang sobat gunakan, atau bisa juga untuk hal lainnya. Widget Banner Iklan Ukuran 970x90 ini juga Responsive dan simple.







Jika sobat ingin memasang Banner Iklan Besar Ukuran 970x90 di Blog sobat,

Membuat Fixed Tiny Nav untuk Blogger

Membuat Fixed Tiny Nav di Blog ~ Halo sobat Blanter, Kali ini saya akan memberikan Tutorial Cara membuat Fixed Tiny Nav ( Menu Navigasi Kecil Yang Mengikuti Scroll ) Menu ini Simple Kecil tapi keren, mungkin ada sobat blogger yang ingin blognya keren tapi Simple, yaa menu ini cocok di pasang di blog yang ingin Simple.



Menu ini saya dapat dari Blog Twisted Shape, Admin aslinya adalah

Membuat Tombol Surprise Me di Blog

Membuat Random Post (Lihat Post Secara Acak) di Blog - Mungkin sobat juga ingin tahu apa fungsi dari Random Post Tersebut, Fungsi random post ini memudahkan pengunjung untuk mencari artikel, jika pengunjung bingung artikel apa yang harus di lihat, Random post ini jika di klik, akan langsung menuju artikel secara acak, atau biasa di bilang Widget Surprise Me (Kejutan)



Sobat bisa melihat

Cara Membuat Slide Kalimat Pada Blog

Kali ini saya akan memberikan Tutorial yang pastinya menarik, dan cocok untuk di coba / di terapkan pada Blog. Slide Kalimat ini akan berubah Kalimatnya, dalam waktu 3 detik, Agar Logo yang Lampu, itu muncul sobat membutuhkan Font Awesome, Silahkan menuju Tutorial memasang Font Awesome disini. 



Slide kalimat ini, di cocokan di Footer, jika sobat ingin memasang di Sidebar, atau Halaman,

Membuat Dialog Box Dengan Custom Alert

Tutorial yang akan saya bagikan kali ini adalah "Membuat Dialog Box Dengan Custom Alert" Dengan custom alert kita bisa memodifikasi tampilan alert sehingga bisa menyesuaikan dengan selera kita dengan bantuan Javascript.



Jika sobat ingin Memasang Dialog Box keren ini bisa ikuti tutorial di bawah ini atau dengan melihat demonya, di bawah ini.



Demo



1. Masuk ke Blogger

2. Pilih

Membuat Fixed Search Button Dengan Javascript

Membuat Fixed Search Button Dengan Javascript ~ Mungkin Fixed search button ini sudah tidak asing lagi, saya pertama kali lihat, Versi search ini dari "Blog Arlina Design" dengan template-templatenya yang sangat keren.


Dan karena saya tertarik, saya memasangnya di blog saya, dan ternyata banyak yang bertanya kepada saya, bagaimana cara membuat search seperti itu...Tombol Search yang

Beberapa Fungsi Tag Kondisional Pada Widget

Cara ini bisa dilakukan untuk menyembunyikan elemen atau widget blog baik itu di halaman homepage, postingan, ataupun halaman statis dengan cara menambahkan kode tag kondisional di setiap elemen atau widget yang ingin anda sembunyikan.



Beberapa Fungsi Tag Kondisional Pada Widget
Menyembunyikan Elemen atau Widget di Halaman Tertentu
Tag Kondisional ~ Dunia Blanter
Selamat Datang di Blog

Membuat Slide Vertical Menu Dengan Jquery

Menu vertical dengan sentuhan slide atau show and hide menu. Dengan show and hide menu ini, maka tampilan web atau blog bisa semakin minimalis tanpa berjejernya label pada bar di atas atau di bawah header blog, jadi blog terlihat lebih simple dan rapih.

Banyak jenis slide vertical menu ini dengan fitur-fitur yang keren buatan para master lainnya.



Tertarik untuk mencoba Slide Vertical

Cara Menggunakan Ikon Font Awesome di Blog

Font Awesome merupakan kumpulan icon dan  tombol yang berbasis font. Biasanya ada di label atau di dropdown menu . Font awesome bisa menjadi alternative bagi blog yang sering menggunakan ikon dari image.


FONT AWESOME UPDATE : VERSI 4.4.0


Untuk menggunaka Font Awesome  ini sobat harus simpan kode ini diatas