Tampilkan postingan dengan label Desain Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Desain Blog. Tampilkan semua postingan

Jumat, 12 Agustus 2016

Cara Mengatur Keterangan Foto/Gambar (Image Caption) di Posting Blog

Cara Mengatur Keterangan Foto/Gambar (Image Caption) di Posting Blog



Keterangan Gambar, Keterangan Foto, atau Image Caption adalah teks atau tulisan yang terdapat di bagian bawah sebuah foto atau ilustrasi gambar dalam posting blog.



Keterangan Gambar berfungsi untuk mendeskripsikan atau sekadar melengkapi gambar tersebut dengan penjelasan atau keterangan. 



Image Caption sangat bagus buat
Read More

Sabtu, 18 Juni 2016

Cara Membuat Kotak Pencarian plus Media Sosial di Sidebar Blogger



Cara Membuat Kotak Pencarian plus Ikon Media Sosial di Sidebar Blog.

KOTAK Pencarian (Search Box) merupakan salah satu menu utama yang wajib ada dalam sebuah situs web atau blog.

Kotak pencarian ini memudahkan pengunjung dan admin blog sendiri untuk mencari informasi yang dibutuhkan.

Kotak pencarian harus mudah dilihat, misalnya di header atau sidebar paling atas. Search Box ini terkait
Read More

Senin, 11 April 2016

Cara Mengatasi Salah Gambar Saat Share Posting ke Facebook



Cara Mengatasi Salah Gambar Saat Share Posting ke Facebook

SAAT share posting ke Facebook, kadang atau sering gambar (image/foto) yang muncul salah, bukan gambar yang ada di posting, tapi gambar lain yang ada di blog.

Untuk mengatasinya bisa dicoba tips dari Bloggersentral sebagai berikut:

1. Pastikan gambar ilustrasi yang diupload ke postingan blog berukuran minimal 200x200 Pixel. Jangan
Read More

Minggu, 06 Maret 2016

Cara Membuat Blog Tampil Cepat (Fast Loading): Optimisasi Gambar



Tips optimisasi gambar, foto, atau image di posting agar blog menjadi ringan dan tampil cepat.

GAMBAR (image) merupakan pelengkap posting sekaligus bisa mendukung SEO Blog, asalkan sang gambar dioptimalkan dengan baik dan benar.

Gambar juga bisa menjadi pengurang SEO Blog jika tidak diupload dengan benar, misalnya ukuran terlalu besar, tanpa nama file yang benar dan terbaca mesin pencari,
Read More

Sabtu, 30 Januari 2016

Recent Post Label Tertentu dengan Satu Thumbnail Image



Cara Membuat Widget Posting Terbaru Label Tertentu dengan Satu Gambar Thumbnail.



JIKA bingung dengan yang dimakud Widget Recent Post Label Tertentu dengan Satu Thumbnail, lihat screenshot widget recent post per kategori with one image thumbnail di ilustrasi posting ini.

Nah, itulah yang dimaksud. Hanya posting pertama yang menggunakan gambar plus ringkasan tulisan.

Sisanya hanya judul
Read More

Kamis, 31 Desember 2015

Cara Membuat Daftar Isi Blog (Sitemap) Gaya Tabulasi



YANG dimaksud Daftar Isi Tabulasi adalah daftar isi berbentuk tabel seperti ilustrai gambar di samping.

Tipe atau bentuk daftar isi berupa tabulasi ini dibagi oleh DTE. Anda bisa kunjungi langsung ke sana untuk mendapatkan kodenya, lengkap dengan kode CSS dan Javascript yang bisa diunduh.

Daftar Isi model tabulasi ini cukup fast loading karena "menyembunyikan" daftar judul lainnya yang tidak
Read More

Selasa, 29 Desember 2015

Cara Membuat Posting Terbaru plus Gambar Unik untuk Blog

WIDGET Latest Post, Posting Terbaru, atau Recent Posts untuk Blog berikut ini tergolong "unik" dan "nyentrik".

Kenapa? Lihat saja demonya seperti tampak dalam gambar di bawah ini. Anda bisa memasangnya di homepage, bisa juga di Sidebar.

Widget Recent Posts Unik ini cocok banget untuk blog foto dan toko online yang biasa menampilkan gambar produk di halaman depan atau di sidebar. Ukuran gambar
Read More

Sabtu, 19 Desember 2015

Cara Mengubah Tahun Copyright Footer Blog Otomatis





Cara Mengubah Tahun Copyright Footer Blog secara Otomatis. 

SEBENTAR lagi kita memasuki tahun baru 2016 Masehi. Siap-siap, pada malam tahun baru, Anda harus mengubah Tahun Copyright dari 2015 menjadi 2016.

Itu jika template blog Anda tidak menggunakan script yang mengubah tahun hak cipta secara otomatis.

Apa itu tahun copyright? Itu lho... di footer blog yang begini tulisannya: Copyright (
Read More

Selasa, 15 Desember 2015

Cara Mengganti Newer Post & Older Post dengan Next & Previous plus Judul Posting

Cara Mengganti Newer Post & Older Post dengan Next & Previous plus Judul Posting.


SECARA default, navigasi halaman blogger (blog pager) akan berupa link & teks "Newer Post" (Posting Lebih Baru) dan "Older Post" (Posting Lebih Lama) dan "Home" (Beranda) di bawah kolom komentar.



Berhubung link itu jarang digunakan user alias tidak user friendly, malah hanya nambah beban loading, maka kita bisa
Read More

Minggu, 06 Desember 2015

Mengatasi Render-Blocking Javascript - Mempercepat Loading Blog



Cara Mengatasi Render-Blocking Javascript - Javascript Memblokir Render untuk Mempercepat Loading Blog.

PESAN error Render-Blocking Javascript atau Javascript Memblokir Render biasa kita temukan saat ngetes kecepatan blog di Page-Speed Insight Google.

Render-Blocking Javascript atau Javascript Memblokir Render itu artinya butuh waktu untuk mengambil kode JS sehingga mempengaruhi tampilan blog
Read More

Jumat, 13 November 2015

Cara Menghilangkan Ikon Quick Edit & Wrench untuk SEO Blog



Cara Menghilangkan Ikon Quick Edit & Wrench untuk SEO Blog.

Quick Edit Icon (gambar pinsil untuk edit cepat) dan Wrench Icon (ikon gambar obeng dan tang) biasanya tampil di Blog Blogspot saat kita login. Ikon Quick Edit (gambar pinsil) biasanya muncul di bagian akhir posting.

Fungsi Quick Edit untuk memudahkan blogger mengedit postingannya. Tinggal klik gambar atau ikon pensil itu, maka
Read More

Jumat, 09 Oktober 2015

Cara Pasang Kotak Komentar Facebook di Blog Blogspot



BERIKUT ini cara menampilkan atau memasang Kotak Komentar Facebook (Facebook Comment Box) di bawah posting blog, di atas kolom komentar blogger.

Ada juga kode untuk memasang kotak komentar Facebook berdampingan dengan komentar blogger.

Kotak komentar Facebook memudahkan pengunjung mengomentari postingan blog kita, sekaligus memudahkan nge-share-nya ke akun Facebook mereka. Namun, risikonya,
Read More

Selasa, 29 September 2015

Cara Menambah Dua Kolom di Bawah Posting Blog Halaman Depan

Cara membuat atau menambah dua kolom widget di bawah posting halaman depan blog.

SEBELUM ke cara membuatnya, berikut ini gambar penampakan contoh dua kolom widget di bawah postingan blog di halaman depan (homepage).




Dua kolom di bawah posting blog ini cocok bagi blog berita atau blog dengan banyak kategori dan mau menampilkan tulisan terbaru di label unggulan.

Cara Menambah Dua Kolom di
Read More

Senin, 07 September 2015

Membuat Next Previous Berupa Judul di Bawah Posting

Cara Mengganti Link "Older-Newer Post" Menjadi "Next Previous" Berupa Judul Tulisan.

TIPS Membuat Next Previous Berupa Judul di Bawah Posting ini merupakan pengembangan dari modifikasi link blog pager (halaman blog) yang defaultnya berupa "older post" (posting lama) dan "newer post" (posting baru).




Modifikasi link older-newer post ini agar lebih seo dan user friendly karena anchor teksnya
Read More

Selasa, 01 September 2015

Cara Mudah Membuat Tombol "Back to Top" di Blog



Cara Memasang atau Membuat Tombol "Back to Top" di Blog Blogger.

TOMBOL "kembali ke atas" atau "Back to Top" (BTT) befungsi sebagai fasilitas blog untuk memudahkan pengunjung kembali ke halaman atau bagian paling atas blog, tanpa perlu scroll mouse ataupun "tap".

Tombol Back to Top ini sudah menjadi trend desain blog/website karena sangat bermanfaat bagi pengunjung (user friendly). Ini salah
Read More

Kamis, 02 Juli 2015

Cara Mengubah Warna Tampilan Blog



Cara Mengubah Warna Latar atau Tampilan Blog Blogspot.

SALAH satu masalah yang dihadapi "newbie" adalah bagaimana cara mengubah warna tampilan blog, misalnya warna latar belakang menu, atau header dari hitam ke merah dst.

Mengubah warna tampilan blog sangat mudah, yaitu tinggal mengganti kode warna HTML-nya di template. (Lihat Kode Warna HTML).

Contohnya, kita mau mengubah warna background
Read More

Minggu, 28 Juni 2015

Featured Random Posts Slider Metro UI Style



Featured Random Posts Slider Metro UI Style yaitu widget blog yang menampilkan posting tertentu di halaman depan berupa gambar (image) thumbnail dan judul posting. (Lihat Demo)

Fungsinya sama dengan Featured Posts pada umumnya, yaitu menampilkan konten unggulan di homepage.

Kode Featured Random Posts Slider Metro UI Style ini terbilang langka. CB sudah pasang dan berhasil di Johny Wuss
Read More

Selasa, 16 Juni 2015

Mengatasi Thumbnail Image Tidak Muncul & Buram (Blur) di Blog



Cara Mengatasi Thumbnail Image Tidak Muncul di Halaman Depan Blog sekaligus mengatasi Gambar Thumbnail yang Buram (Blur).

THUMBNAIL image yaitu gambar ukuran kecil yang muncul di halaman depan blog, bisa di bawah judul atau di sampingnya. Gambar thumbnail ini biasa ada di homepage blog yang menggunakan Auto Readmore atau ringkasan posting di homepage.

Banyak template blog yang mungkin "jadul"
Read More

Senin, 15 Juni 2015

Membuat Akun Media Sosial Vertikal di Halaman Blog



Membuat Akun Media Sosial Vertikal di Halaman Blog

Cara memasang widget akun media sosial vertikal di halaman blog. Widget ini muncul sendiri di layar komputer paling kanan, tidak bergabung dengan sidebar widget lain.

Akun sosmed yang dipasang yaitu Facebook, Twitter, Google Plus, Pinterest, Youtube, dan Feedburner.

Berikut ini langkah pemasangan kode-kodenya:

1. Simpan kode berikut ini di
Read More

Minggu, 14 Juni 2015

Mengganti Link Newer Post dan Older Post Menjadi Judul Posting


Cara Mengganti atau Mengubah Tulisan di Link "Newer Post" (Posting Baru) dan "Older Post" (Posting Lama) Menjadi Judul Posting


DI posting sebelumnya dibahas Cara Menghapus atau Menyembunyikan link tulisan "Newer Post", "Home", dan "Older Post", di bawah Posting Blog. Kali ini bukan menghilangkannya, tapi mengubah atau menggantinya dengan judul posting.


Cara membuatnya sangat mudah. Cukup
Read More