Cara Mengganti Posting Baru, Posting Lama dan Home Dengan Icon

Pada kesempatan kali ini saya ingin share kepada teman-teman semua tentang bagaimana Cara Ganti Tulisan Posting Baru, Posting Lama dan Home Dengan Icon di Blog

Sebenarnya ini bukanlah suatu kewajiban untuk di ganti, tetapi kadang-kadang sebagian blogger lebih menyukai icon ketimbang sebuah teks karena tentu saja blog akan terlihat lebih menarik karena ada navigasi berupa icon, khususnya pada Posting Baru, Posting Lama dan Home. Older post , New Post Dalam bahasa inggris

Langsung saja ikuti Tutorial di bawah :

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Ganti beberapa kode seperti di bawah ini:

* Untuk mengganti tulisan Posting Baru (Newer Post) cari kode berikut: <data:newerPageTitle/>

lalu ganti kode tersebut dengan kode ini:

<img border='0' src='http://cdn.iconfinder.net/data/icons/musthave/48/Previous.png'/>

* Untuk mengganti tulisan Posting Lama (Older Post) cari kode berikut: <data:olderPageTitle/>

lalu ganti kode tersebut dengan kode ini:

<img border='0' src='http://cdn.iconfinder.net/data/icons/musthave/48/Next.png'/>

* Untuk mengganti tulisan Home (Home Page) cari kode berikut: <data:homeMsg/>

lalu ganti kode tersebut dengan kode ini:

<img border='0' src='http://cdn.iconfinder.net/data/icons/sphericalcons/48/home.png'/>

4. Untuk icon silahkan di ganti dengan selera masing-masing

5. Jika sudah tinggal klik Save Templates.

Terima kasih atas Kunjungannya...! Jangan lupa tinggalkan komentar anda dan Follow juga..!

Membuat thumbnail related post pada Blogger

 Saya selalu bertanya-tanya, bagaimana sebuah web/blog yang bisa memuat semacam "related post" dengan gambar (thumbnail) dari postingan blog sebagai iconnya.....

akhirnya secara tak sengaja saya melihat blog dengan apa yang selama ini saya cari......tetapi karena tidak ada petunjuk tentang bagaimana menginstallnya akhirnya dengan cara "manual" saya coba cari dari source code html blog tersebut....letaknya ternyata ada di <div class="linkwithin_div"></div>

nah disana ada link ke alamat URL ini http://www.linkwithin.com/learn...woallaaaa...

ternyata mudah memasang widget ini di blogger....berikut stepnya:

STEP 1 
buka link url yang saya maksud tadi diatas: http://www.linkwithin.com/learn, nah dalam halaman ini cukup isikan 

1. email anda, 
2. url web atau blog, 
3. tipe platform bisa blogger, wordpress, typepad atau yang lain...
4. nah berapa thumbnail yang ingin anda tempatkan pilihan maksmal adalah 5 icon...sesuaikan dengan blog/web anda agar terlihat bagus

isi bagian yang saya tunjukkan dalam gambar di atas

STEP 2

1. ikuti petunjuk install yang ditampilkan halaman berikutnya setelah anda klik "get widget";
2. klik tulisan "Install Widget" pada halaman yang ada...cari yaaaa, lalu ikuti cara dibawah ini (petunjuk ini ada juga dihalam tersebut):

• Select a blog jika punya lebih dari satu, klik  tombol Add Widget.

• untuk performance yang lebih baik, Drag and Drop widget LinkWithin dibawah postingan Blog.

• klik Save.

setelah selesai dengan langkah ini! widget seharusnya sudah muncul

anda dapat juga "mengadukan" masalah teknis kepada team support  ^_^

silahkan mencoba...saya sudah coba....meski ada beberapa icon yang tidak muncul, dan juga saya adukan ke team teknis semoga dalam waktu tidak lama mereka benar-benar "serius" menangani ......

Menambah Gadget Elemen Halaman

Yups,,, Jumpa lagi..!!! Ne merupakan hasil gak eeeh malam,, heheeee....!!! Next

Di bagian elemen halaman template, kadang kita sering kali ingin adanya fasilitas tambah gadget di beberapa bagian tertentu, namun hal ini tidak dapat kita lakukan berhubung template yang kita gunakan tidak menyediakan fasilitas tambah gadget tersebut,, untuk contohnya kita ingin agar dipostingan kita ada ucapan Selamat Datang,, ataupun posting tertentu yang seandainya kita masukkan posting terbaru posting tersebut tetap tidak berubah dan selalu berada paling atas, Ya..!!! di trik kali ini saya akan menjelaskan bagaimana cara agar kita dapat menambah fasilitas tambah gadget dibeberapa bagian tertentu dari template kita sehingga tampilan blog kita menjadi semakin muantap...heheee, tuk lebih jelasnya ikuti langkah- langkah berikut:

1. Masuk ke bagian dasboard blog sobat
2. Klik bagian tataletak
3. Klik elemen halaman

disini kita lihat dulu bagaimana bentuk elemen halaman template sobat, dan perubahan apa yang kira- kira akan terjadi nanti,, bayangkan kira- kira dibagian mana sobat ingin menambah fasilitas tambah gadget

4. Klik edit html, tekan CTRL + F untuk searching
5. Ditempat search ketikkan showaddelement
6. Kemudian tekan enter, seandainya berjumpa dengan tulisan seperti dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='SHARE (Header)' type='Header'/>
</b:section>
</div>

ganti menjadi seperti dibawah :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='SHARE (Header)' type='Header'/>
</b:section>
</div>

yang kita ganti adalah maxwidgets='1' showaddelement='no' menjadi maxwidgets='3' showaddelement='yes'

Penjelasan dari kode diatas :
- Header berarti kita berada pada posisi halaman judul, atau judul blog.
- maxwidgets='1&# berarti widget cuma satu
- ; showaddelement='no' berarti tidak dapat melakukan penambahan gadget diatas judul blog

Akibat dari kode yang kita ubah menjadi :
- kita sedang berusaha untuk menambah element gadget diatas judul blog
- mengganti maxwidgets dengan nilai 3 or lebih berarti menambah jumlah gadget yang akan kita tambah nanti
- mengganti showaddelement menjadi yes, berarti memberi ijin untuk melakukan penambahan gadget

Oke...!!! sekian dulu trik dari saya, seandainya mengalami kendala harap commentnya,

oya seandainya satu bagian telah diganti lanjutkan kebagian berikutnya dengan menekan enter sehingga semua showaddelement diganti nilainya..

Selamat Mencoba, Good Luck..!!!