Cara Mempercantik dan Membuat Tampilan Blog Xtgem Menarik

Saiyo_Xtgem merancang xtblog untuk melengkapi kepuasan para penggunanya, tapi yang terjadi tampilannya kurang menarik. Jadi karena alasan itu saya akhirnya memikirkan cara bagaimana membuat tampilan xtblog menarik.

Awalnya yang saya lakukan adalah membongkar css xtgem. Saya coba mengedit tapi tidak juga berhasil. Kodenya terlalu rumit, dan saya tidak tahu dibagian mana css untuk editing khusus xtblog berada. Tapi saya nggak putus asa, keinginan saya membuat tampilan xtblog bagus membuat saya berinisiatif menjadikan xtblog hanya sebagai kilasan postingan. Jadi postingan utuh saya tempatkan di root folder post. Jadi xtblog hanya menjadi sebuah kilasan postingan saja yang saya buat menarik dengan menampilkan tumbnail dan diskripsi.

Cara ini memang saya lakukan secara manual, tapi hasilnya bagi saya cukup bagus dari sebelum. Coba anda lihat bagian beranda wap saya. HOME

Sudah anda lihat? Nah sekarang saya akan berbagi tips nya.
Pertama buatlah fungsi xtblog dibagian index atau jika sudah ada anda atur kembali tampilannya ketampilan penuh dengan klik edit lalu pada bagian pengaturan post display ganti dengan Header and Post Body untuk menjadikan tampilan post penuh. Dan sekarang membuat thumbnail. Saya menggunakan gambar dengan ukuran 80px 80px, dan cara menempatkan sejajar dengan teks saya menggunakan attribut

<div style="border:1px solid#000000 ;background:white;margin:1px;padding:1px;"><p style="text align:justify"><img src="LINK GAMBAR DISINI" style="float:left"/>KILASAN POST UTAMA DISINI</p><div style="border:1px solid#000000 ;background:darkgrey;margin:1px;padding:1px;"><a href="LINK MENUJU POSTINGAN UTAMA"><p align="right">Baca Selengkapnya ›››</p></a></div></div>

Salin kode diatas. Tapi ingat. Dalam membuat kilasan xtblog jangan ada garis baru, atau pemisahan kode 1 dan 2 dengan menggunakan garis baru. Xblog sejatinya tidak memerlukan kode.

Di dalam kode terdapat 2 div style yang sama tapi berbeda warna latar belakang. Div style pertama berfungsi untuk membungkus tampilan xtblog sepenuhnya. Dan div style ke-2 untuk membedakan Link menuju postingan utama. Jika melihat hasil akan seperti dibawah ini.
Kode :

<div style="border:1px solid#000000 ;background:white;margin:1px;padding:1px;"><p style="text align:justify"><img src="/post/img/img2/099986Logo_xtgem.gif" style="float:left"/>menampilkan cara mempercantik dan membuat tampilan xblog menarik secara manual, jika nanti menemukan cara terbaru saya akan kembali berbagi dan bagi teman-teman bookmark wap saya yoww. Masih banyak hal menarik yang ingin saya bagikan</p><div style="border:1px solid#000000 ;background:darkgrey;margin:1px;padding:1px;"><a href="/post/099986_cara_mempercantik_dan_membuat_tampilan_blog_xtgem_menarik.xhtml"><p align="right">Baca Selengkapnya ›››</p></a></div></div>

Hasilnya akan seperti dibawah ini.

menampilkan cara mempercantik dan membuat tampilan xblog menarik secara manual, jika nanti menemukan cara terbaru saya akan kembali berbagi dan bagi teman-teman bookmark wap saya yoww. Masih banyak hal menarik yang ingin saya bagikan

Baca Selengkapnya ›››

Begitulah cara saya menggunakan xtblog. Tapi ini hanya opsi pertama. Opsi keduanya anda bisa menggunakan div class untuk menggantikan fungsi div style. Menggunakan div class akan lebih memudahkan anda. Teruslah berkreasi dan berikan yang terbaik.

tag: Xtgem tutorial, Membuat tampilan xtblog lebih menarik, Tips menggunakan fungsi Xtblog, Mempercantik tampilan xtblog.

Sukai Halaman

Pilihan

New Entry

• Css Xtgem Keren Versi Mobile Default Simple001

Pasaman Saiyo Waper

Saiyo_Salam untuk para waper xtgem. Pada kesempatan ini saya akan berbagi css mobile xtgem yang menurut saya keren. Css sangat diperlukan untuk membuat tampilan wap menjadi menarik. Oke deh sob, lansung aja sobat ambil link nya dan pasang diwap sob.