Cara Memperindah Atau Mempercantik Post Footer Blog
Di antara posting blog dan kolom komentar, terdapat widget default blogger yang sering di sebut dengan Post Footer, Post Footer pada blog biasanya menampilkan :- Tombol berbagi blogger yang terdiri atas Facebook, Twitter, Google Plus, Gmail, blogger
- Jumlah komentar pengunjung
- Posted By (Blogger yang mempublikasikan posting)
- Waktu posting dipublikasikan
- Label Blog
- Lokasi dipublikasikannya posting
- Reaksi pengunjung terhadap posting
- Ikon Quick Editing
- Email Post Links
Semuanya itu ditampilkan berdasarkan keinginan pemilik blog yang dapat di atur melalui Layout blogger.com. Walaupun posisi dari semua menu yang ada di Post Footer dapat di rubah, tampilan dari Post Footer ini tetap tidak menarik. Oleh karenanya, hari ini saya akan berbagi tips blogspot kepada sobat blogger tentang bagaimana cara mempercantik tampilan Post Footer pada blog blogger dengan cara menambahkan ikon atau gambar di samping nama, jumlah komentar dan label blog.
Cara Menambahkan Icon Cantik Di Post Footer
- Sign In di blogger.com
- Klik Template dan klik tombol costumize untuk mengunjungi laman Blogger Template Designer
- Klik Advanced dan pilih Add CSS
- Copy Paste kode berikut pada kolom yang tersedia
.post-author{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHvunWniea_Ne1yllF3aF9QII-m8L2DTfalAthwOcMX7RcdsM6rzdiBzXDLGeM5nB80Nalc3TWpwCx_NRu-ILKPCg8-sv6gMB71-iUpHM-Lx3WkxH6p9qU2SCjI8x47Ws1kdfTli0Bdbli/s16/user-business-icon.png) left no-repeat;padding:2px 0 2px 20px} .post-labels{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArPgIjOOKU1DYpqDXM115AwIuLMJvJt7NgxJ3Ac-Ru88t7BzaFnw8vA6jMFo2piD_O8SLv3F319evJJT9ShOu5tPBkjp3aD3hc2jkYNWnU3UVKhjXb6nF-mjWDmq30X5eI1WSie9jY1GS/s16/umbrella-icon.png) left no-repeat;padding:2px 0 2px 20px} .comment-link{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx86NNfl37mj96E_PdLSaaQE5_yMej0xGnTmD0-_GXD-MAl4XhRQJtkqneS8hohrYNo0IjH0XKHWyBhgcLeUykprjr40LpAXE7W6uBliGP7RAKG7xm3258y5ukzuoQzAW8ywC8F0NKz7Is/s16/emoticon-happy-icon.png) left no-repeat;margin-right:5px;padding:2px 0 2px 20px}
- Terakhir, klik Apply to blog.
Yang warna merah adalah URL dari gambar atau ikon. Silahkan diganti dengan ikon atau gambar yang sobat blogger inginkan. Kalau sobat blogger kesulitan dalam mencari ikon cantik atau keren, kunjungi saja iconarchive.com. Disana sobat blogger bisa menemukan ribuan icon yang bisa digunakan untuk menghias post footer dari blog sobat.
sumber dri http://www.tutorialblogspot.com/
0 komentar:
Posting Komentar