Postingan

Menampilkan postingan dengan label blogger

Cara Cepat + Mudah Mencari Kode Template Di Blogger : XML - HTML - CSS - JavaScript

Gambar
Pada ketika kita mengedit template blogger biasanya ada instruksi tertentu yang ingin kita edit atau tambahkan, demikian juga ketika kita membaca tutorial blog yang bekerjasama dengan acara edit template blogger biasanya kita disuruh menemukan sebuah instruksi di template xml blogger kita. Kode yang harus kita temukan tersebut biasanya mampu berupa instruksi html, css, script. Nah, kali ini saya akan menuliskan cara cepat dan mudah mencari instruksi (html, css, script) di blogger , dan cara ini sudah terbukti ampuh dan dapat mempercepat kita dalam menemukan instruksi tertentu pada template blogger yang kita gunakan. Hari ini saya akan menuliskan Bagaimana cara mudah dan cepat untuk mencari sebuah instruksi html di bab Edit Html (dashboard Blogger) ketika kita hendak mengdit template blogger kita atau ingin menambahkan script/kode di template tersebut. Mencari sebuah instruksi di template blogger memang agak susah kalau kita tidak tahu cara mudahnya, kita harus merelakan sebagia...

Membuat Responsive Dropdown Menu Menggunakan HTML + CSS Murni

Gambar
Sebelumnya saya sudah menuliskan Tutorial Cara Membuat Menu Di Blog Dengan Mudah tanpa menggunakan script, dan pada kesempatan kali ini saya akan menuliskan tutorial bagaimana cara membuat responsive dropdown menu menggunakan html + css murni atau mampu juga disebut tanpa script. Membuat menu di blog tanpa menggunakan script merupakan salah satu cara yang mampu kita gunakan untuk mengurangi beban kecepatan blog, alasannya yaitu menu yang menggunakan html + css murni ini tidak akan memberatkan loading blog kita. Untuk demo responsive dropdown menu ini sahabat mampu lihat menu di blog ini, instruksi yang saya gunakan sama, cuma berbeda pada warna saja. Ada 2 cara yang mampu kita lakukan untuk membuat responsive dropdown menu menggunakan html + css murni ini, yaitu : Memasang menu melalui tata letak blogger Memasang menu melalui Edit HTML template blogger Ini untuk pengguna blogger, sedangkan untuk pengguna blog lain mungkin akan berbeda, namun pada intinya sama saja, dan t...

Cara Memasang Breadcrumbs Trail (Navigasi) Di Blogger

Gambar
Cara memasang breadcrumb di blogger tidaklah sulit asal kita mau mempelajari caranya. Breadcrumb mampu juga disebut sebagai navigasi halaman yang biasanya dipasang di atas posting sebuah blog. Pada sebuah blog breadcrumb berkhasiat untuk menunjukkan posting tersebut berada dalam kategori apa (kalau di blogger label) yang biasanya disertai dengan link yang menuju ke halaman kategori / label tersebut dan juga disertai dengan link yang menuju kehalaman awal blog tersebut. Dengan adanya breadcrumb tersebut maka pengunjung dapat dengan mudah menemukan artikel lainnya yang berada dalam kategori / label yang sama. Biasaya breadcrumb / navigasi halaman terlihat menyerupai ini : Home > Label > Label > Judul Posting Untuk pola konkret mampu dilihat di blog ini Selain breadcrumb dapat digunakan untuk navigasi halaman blog, biasanya breadcrumb terindex di google dengan penampakan menyerupai ini. Tutorial Lengkap Memasang Breadcrumbs Trail Di Blogspot Bagi sahabat yang ingin ta...

Cara Membuat/Memasang Iklan Di Atas/Bawah Posting Blogger

Gambar
Cara membuat iklan / memasang iklan di atas maupun di bawah posting blogger gotong royong tidak terlalu sulit kok, namun tentu kita harus tahu bagaimana caranya. Pada posting terdahulu saya sudah pernah menuliskan artikel wacana Cara Pasang Iklan Di Blogger , namun tidak menuliskan cara membuat iklan di posting blog posting (di atas / di bawah). Baca Juga : Cara Membuat Iklan Berada Di Tengah Artikel Perlu diketahui bahwa untuk memasang iklan di atas posting atau di bawah posting blogger kita harus memasang isyarat iklan pada template blogger yang kita gunakan, dan iklan yang mampu kita pasang boleh iklan apa saja. Kita mampu memasang iklan google adsense di atas maupun di bawah posting blogger menggunakan cara ini, dan menyerupai yang sudah saya sebutkan di atas bahwa iklan apa saja mampu kita pasang, itu artinya tidak hanya iklan google adsense saja yang mampu kita pasang. Intinya kita mampu membuat iklan jenis html maupun script kemudian memasangnya. Oke mari kita lanjut,...

Cara Membuat Animasi Efek Loading Di Blog

Gambar
Tidak semua blogger memasang animasi efek loading di blog mereka, mungkin alasannya yaitu tidak tahu caranya dan mampu juga alasannya yaitu tidak ingin memberi efek loading atau efek pre-loader di blog mereka. Efek loading atau mampu juga disebut animasi pre-loader merupakan sebuah animasi yang bekerja sewaktu halaman sebuah blog / website sedang memuat/loading untuk membuka seluruh isi halaman sebuah blog, dan animasi efek loading tersebut akan hilang apabila seluruh isi pada halaman tersebut sudah berhasil dimuat. Animasi efek loading ini mampu kita buat menggunakan script, jquery, gambar, serta menggunakan css3 yang tentunya harus dengan pemberian sebuah script jquery. Nah, pada tutorial kali ini saya akan menuliskan 2 cara membuat animasi efek loading di blogger , yaitu : Cara membuat animasi efek loading menggunakan CSS3 + jQuery Cara membuat animasi efek loading menggunakan gambar + jQuery Oke, saya akan bahas satu-satu. Membuat Efek Loading Di Blogger Menggunakan CSS...

Cara Membuat Recent Post Di Blogger

Gambar
Hallo sobat... Kali ini saya akan menuliskan tutorial / cara membuat recent post di blogger, mulai dari recent post sederhana tanpa thumbnail (berdasarkan label dan tidak), hingga membuat recent post berdasarkan label di blogger (sederhana serta dengan thumbnail). Oke, saya rasa tidak perlu panjang lebar menjelaskan widget ini, sebab saya yakin pasti sahabat sudah mengetahui fungsi widget ini, yaitu untuk menampilkan daftar artikel terbaru yang ada di blog kita, baik itu berdasarkan label yang kita pilih atau tidak. Widget Recent Post Sederhana Berdasarkan Label Dan Tidak Saya akan memulai dengan cara memasang widget recent post sederhana, dan langkah - langkah yang harus dilakukan yaitu sebagai berikut : Masuk ke dasbor blogger Buka halaman Tata Letak Klik Tambahkan Gadget Pilih gadget HTML/JavaScript Masukkan isyarat widget recent post pada episode Konten Simpan Nah itulah langkah - langkah yang harus kita lakukan untuk memasang widget ini. Adapun isyarat widget ...

Cara Pasang Widget Random Post Di Blogger

Gambar
Widget random post untuk blogger ialah widget yang berkhasiat untuk menampilkan beberapa artikel yang ada di blog kita secara acak. Dengan adanya widget random post yang terpasang di blog kita, maka secara tidak pribadi kita sudah mempromosikan artikel lainnya yang ada di blog kita secara acak, dan jikalau pengunjung tertarik dengan artikel tersebut maka kemungkinan besar beliau akan mengklik dan membuka halaman artikel tersebut. Bagaimana penampakan widget random post ini ? Untuk demo widget ini silakan teman lihat di samping kanan (sidebar) blog ini, itu ialah widget ramdom post dengan script yang sama dengan script yang akan aku sertakan di bawah nanti. Bagi kita yang tidak menggunakan template gaya magazine, maka widget ini dapat kita jadikan pilihan untuk dipasang selain widget recent post. Cara Membuat Recent Post Di Blogger Baca juga tutorial bagaimana cara memasang widget recent post di blogger, teman akan menerima 4 arahan widget, mulai dari widget recent post sederh...

Cara Membuat Iklan Di Blog Berada Di Tengah Artikel

Gambar
Bagaimana cara membuat iklan di blog blogger berada di tengah artikel ? Pada kesempatan sebelumnya saya telah menuliskan Cara Memasang Iklan Di Atas/Bawah Posting Blogger , dan pada kesempatan kali ini saya akan membahas perihal iklan di blog lagi, ialah cara membuat iklan di blogger berada di tengah artikel secara otomatis. Dengan menggunakan cara ini maka iklan akan secara otomatis berada di tengah artikel blog kita, bukan hanya 1 artikel, tapi semua artikel secara otomatis akan menampilkan iklan tersebut. Cara yang akan saya tuliskan ini khusus untuk pengguna blogger, jikalau teman pengguna blog wordpress (self host) maka silakan gunakan plugin yang mampu digunakan untuk memasang iklan di tengah artikel secara otomatis. Oke, saya rasa tidak perlu panjang lebar ... Cara Membuat Iklan Berada Di Tengah Artikel (Khusus Blogger) Silakan simak dan perhatikan langkah - langkah yang harus dilakukan : Masuk ke dasbor blogger Buka halaman Template Backup dahulu template yang teman...

Cara Memasang Navigasi Halaman Dengan Angka Di Blogger

Gambar
Sobat pernah melihat sebuah blog yang memiliki navigasi halaman dengan angka kurang lebih ibarat ini : 1, 2, 3... Next Nah kali ini saya akan menuliskan tutorial bagaimana cara memasang navigasi halaman dengan nomor di blogger. Widget navigasi halaman dengan angka ini tidak bersifat wajib, namun mampu membuat blog teman terlihat lebih keren :-) Oke sobat, saya rasa tidak perlu panjang lebar ya, dan mari pribadi kita mulai. Cara Membuat Nomor Navigasi Halaman Di Blogger Dengan Mudah Di sini saya hanya akan menuliskan cara ter-mudah dan ter-cepat untuk membuat navigasi halaman dengan angka di blogger. Berikut caranya : Masuk ke dasbor blogger Buka halaman Tata Letak Klik Tambahkan Gadget Pilih gadget HTML/JavaScript Masukkan script navigasi halaman pada bab Konten Simpan Ya ... hanya itu saja yang harus teman lakukan untuk membuat nomor navigasi halaman di blogger. Sangat mudah bukan.... Adapun script yang harus teman pasang pada bab Konten gadget HTML/JavaScript ia...

Promo Domain Murah - Cuma $0.88 / Tahun Pertama

Gambar
Ada promo domain murah loh, cuman dengan $0.88 atau 88 cent saja kita sudah dapat memiliki domain TLD. Nah, bagi teman yang memiliki niat untuk membeli domain untuk blog gres atau untuk Custon / Mengganti Domain Blogspot maka mampu memanfaatkan promo domain murah ini. Saya juga sudah membeli domain dengan ekstensi .us dengan harga $0.88 untuk tahun pertama :-) Domain dengan ekstensi apa saja yang lagi promo ? Berikut sebagian dari domain yang lagi promo, sesungguhnya masih ada lagi, namun untuk lebih jelasnya silakan lihat pribadi Di Sini . Apakah untuk menggunakan promo domain murah ini kita harus punya kartu kredit ? Tidak kok, kita mampu melaksanakan pembayaran menggunakan PayPal, jadi tidak wajib menggunakan kartu kredit. Apakah saya boleh membeli lebih dari 1 domain ? Sepertinya bisa, silakan di coba saja sob :-) Bagaimana cara membeli domain menggunakan promo ini ? Jika teman tertarik untuk menggunakan promo ini untuk membeli domain silakan pribadi Di Sini ...

Cara Membuat Halaman Kontak Di Blogger

Gambar
Beberapa hari yang lalu ada yang menanyakan ke saya perihal bagaimana cara membuat halaman kontak di blogger menyerupai yang ada pada blog ini, yaitu menyerupai di halaman Kontak . Karena simpulan - simpulan ini saya agak sibuk, balasannya gres sekarang saya mampu menuliskan cara membuat halaman kontak di blogger. Tampilan kontak forum ini nantinya menyerupai ini Sebenarnya, saya membuat kontak forum menyerupai itu menggunakan widget kontak yang sudah disediakan oleh pihak blogger, saya hanya meletakkannya pada halaman serta memberi sentuhan css saja. Jika sahabat tertarik ingin membuat halaman kontak menyerupai itu, silakan baca terus ☺ Cara Membuat Halaman Kontak Untuk membuat halaman kontak di blogger, maka langkah pertama yang harus kita lakukan ialah memasang widget kontak di blog kita, untuk caranya mampu menyerupai ini Buka halaman Template kemudian klik Edit HTML Tambahkan arahan CSS Berikut sempurna sebelum arahan </head> <style type="text/css...

Cara Membuat Popular Post Warna Warni Di Blogger

Gambar
Sobat pernah melihat widget popular post warna warni di blogger, dan ingin tahu bagaimana cara membuat popular post warna warni di blogger ? Sebagaimana yang sudah kita ketahui bahwa widget popular post atau widget artikel populer sudah disediakan pihak blogger, tapi dengan tampilan standar bawaan blogger. Namun walaupun blogger menyediakan widget popular post dengan tampilan standar, namun kita mampu kok membuat tampilan widget popular post tersebut menjadi berbeda dan sesuai harapan kita masing - masing, menyerupai membuat popular post warna warni di blogger, yaitu dengan cara menambahkan isyarat css untuk merubah tampilan-nya, bukan hanya css saja, bahkan bekerjsama kita juga mampu menambahkan isyarat jQuery untuk modifikasi widget tersebut. Nah, pada kesempatan kali ini saya akan menuliskan tutorial bagaimana cara membuat popular post warna warni di blogger dengan menambahkan isyarat css yang fungsinya untuk membuat widget popular post tersebut menjadi warna wa...