SEDANG MEMUAT KONTEN HALAMAN
SILAKAN TUNGGU
Menampilkan Daftar Posting Sesuai Dengan Label Yang Anda Pilih. Klik Di Sini Untuk Menampilkan Semua Kategori Artikel.
Menampilkan Daftar Posting Sesuai Dengan Label Yang Anda Pilih. Klik Di Sini Untuk Menampilkan Semua Kategori Artikel.


Pada template default blogspot avatar pada komentar hanya ada jika kita ber komentar login sebagai account google dan sebagainya, jika kita berkomentar anonymous ataupun name/url maka avatar atau gambar pada komentar tidak ada alias kosong. Contohnya gambar di samping ini.
Pada artikel kontes seo saya yaitu ipaymu.com pembayaran online indonesia, banyak mendapatkan komentar dan salah satu di antaranya berkomentar sebagai anonymous tapi kebanyakan pakai name/url jadi kelihatan kosong dan kesannya tampilan blog jadi agak jelek.
Langsung saja cara pasang avatar otomatis pada komentar anonymous dan Name/url :
1.Pastikan Tampilkan gambar profil dalam komentar Di aktifkan, cek di login blogger > setelan > komentar > Tampilkan gambar profil dalam komentar? YES2.Masuk blogger > rancangan > edit html > centang expand template widgetcari dan pastikan kode berikut ini ada di blog sobat :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3.Jika kode di atas ada, maka selanjutnya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode ]]></b:skin>
#comments-block .avatar-image-container i

eltelu
Tutorial ni simple dan senang saja.. 
Misz eyza nak simpan widget dalam button pada sidebar.. bila tekan button tu baru widget tu keluar,, trik ni best juga sebab dapat mengurangkan berat loading blog..


Live demo,,

Bertukar banner sesama blogger adalah perkara yang bagus sangat2.. dan aku suka letak banner blogger2 lain walaupun aku sendiri x ada banner ketika entri ni di tulis.. hahaha

Tidak ada standard size untuk banner blogger,sebab tu ramai blogger buat banner ikut saiz yang mereka suka.. bagi aku saiz yang ideal 125 x 125.. tapi saiz tu kira besar jugak la.. klu banyak banner memang serabut la blog kau orang bila letak banner tu pada homepage..

terdapat banyak alternatif untuk kurangkan serabut tu.. tapi dalam entri ni alternatif yang aku guna ialah dengan cara buat scrolling box untuk banner tu.. senang ja..

Live Demo 1


Flying bat in a marqueeBlog RaDhio

Cara Membuat Menu Navigasi Breadcrumb,Breadcrumb,Navigasi Breadcrumb,Menu Navigasi Breadcrumb

Salah satu cara untuk meningkatkan navigasi sebuah blog adalah dengan menambahkan breadcrumb navigasi di blog sobat blogger. Mamfaat SEO dalam memasang breadcrumb adalah sebagai bagian dari teknik improvivasi navigasi untuk memfasilitasi Search Engine Optimization. Dalam tutorial ini, Rinjani Lovers akan memandu sobat blogger untuk menambahkan breadcrumb navigasi di blog sobat blogger. Tapi sebelumnya baca dulu ulasan singkat tentang navigasi Breadcrumb di bawah ini.
Breadcrumbs adalah nama yang diberikan untuk link navigasi yang biasanya ditampilkan di atas judul atau title posting di blog dan di bagian atas halaman. Breadcrumbs menyediakan sarana tambahan di mana visitor atau pengunjung blog dapat dengan mudah melakukan navigasi situs atau blog kita. Pada umumnya, Breadcrumbs menampilkan Halaman Depan atau home > Label> Judul Posting.

Cara Membuat Navigasi Breadcrumb di blog :

eltelu

Membuat background Gambar pada Kotak pencarian



Seperti yang telah anda lihat, bahwa kolom kotak pencarian bisa di hiasi dengan background gambar, sebenarnya cara ini sudah pernah saya jelaskan pada posting yang terdahulu Membuat Background dan Border pada Halaman Posting hanya saja dalam posting ini saya sedikit membuat hal yang baru yaitu menggabungkan antara cara membuat background danmembuat search box.

Untuk membuat search box dengan background gambar kode yang harus di pakai adalah ini.
<form action="/search" id="searchthis" method="get" style="display: inline;">
<input id="search-box" name="q" size="25" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNkOaDYJAHXdMy6d1vJbPmUR3RuWLt-416rFsztgsTlApcrBknJHfYw0oasMuWv0h0uOb10yPTSGwMbMU5lC56jldjcs6vt6rKOTPVfSFs12Orbk0x9ufkdo5uZ2bmIDsY5jYNVnRJzfI/s1600/batik%20solo.jpg); border: 2px solid #EF1515;" type="text" /><input id="search-btn" type="submit" value="Search" /></form>
Ket: Kode yang disorot dengan warna merah ad
Posting Lama Beranda