QuinBlog

Pada kesempatan sebelumnya saya telah memberikan tutorial tentang merubah tulisan "posting lama" dan "posting lebih baru" menjadi sebuah page number. Tapi kayanya cara ini jarang digunakan oleh para Blogger. Biasanya sobat Blogger lebih tertarik merubahnya menjadi sebuah gambar. Oleh karena itu pada kesempatan kali ini saya akan memberikan cara bagaimana merubah tulisan older post dan newer Post yang terdapat difooter Blog menjadi sebuah gambar. Yaa cara ini ditujukan untuk lebih mempercantik tampilan template Blog anda. Jika anda tertarik untuk merubahnya silakan ikuti tutorial dibawah ini.

Langkah-langkah merubah tulisan older post dan newer post menjadi sebuah gambar.

• Login ke akun Blog anda.
• Pilih menu "Template".
• Klik "Edit HTML".
• Centang "Expand Template Widget".

• Untuk merubah tampilan Newer Post (Posting Lebih Baru), anda cari kode <data:newerPageTitle/>. Jika sudah ketemu, ganti dengan kode yang ada dibawah,

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB61bmD52nP7CxEpCqjJgrod_igiCTPCCDAhPpkmoHuM029iXcrxES8R7-hDTIr4gCiikt3FzzDwLVINSV3uq4erTfopptIrdG3mQmruYCAzAnrkHauWy269FFqcuJQuTqWNmTAaWehoc/s1600/Previous.png'/>

• Berikutnya untuk merubah tampilan dari Home (Beranda) yang letaknya berada diantara older & newer post, anda cari kode <data:homeMsg/>. Jika sudah ketemu, ganti kode tersebut dengan kode yang ada dibawah,

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjez3C062PutlEEzQN_MwjW6taGVP1BuKpFuBaI0tTRKiVmeUGf1n-dNHZbR0CQnI35hr12ZsqjAsjJJQaKGU4QryRXx9JxDswyEtiuAQ1vFK7ZipU92PPixxYfj74VDp_2con5aIMuDU/s1600/Beranda.png'/>

• Dan yang terakhir adalah untuk merubah tampilan dari Older Post (Posting Lama), anda cari kode <data:olderPageTitle/>. kemudian anda ganti dengan kode yang ada dibawah,

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRArsEYR6jaV6cgulsVrVxXEh2oPaOL534RaVELs1G-8ZvogTsLWMTIELGuGGuSPccC9iLv4x_aLBUBd13JchjBcNMVcz-1q6AYvkMoXAJlWnnMRwTr39O1auiU7dSRuUn8xZ6bTTDznA/s1600/Next.png'/>

• Jika anda sudah mengganti semua kodenya, lanjutkan dengan klik "Simpan template".

Keterangan:
Untuk kode yang berwarna biru bisa anda rubah dengan URL gambar lain (jika anda telah memiliki gambarnya). Sedangkan untuk kode <data:homeMsg/>, jika anda menemukan lebih dari satu kode, coba untuk memilih kode yang pertama.

• Sekarang lihat perubahan yang terjadi pada Blog anda.

Sekian tutorial dari saya, Semoga bermanfaat.