Teya Salat

PASAMAN SAIYO

Home.Populer.Techno.Komunitas.Hiburan.Artikel.Tokoh.Kuliner

Cara Mempercantik dan Membuat Tampilan Blog Xtgem Menarik

xtgem-icon

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

Cara Menambah Jumlah Kata Diskripsi atau Tayangan Halaman Xtblog | Xtgem Tutorial


Pasaman Saiyo Waper
2015-02-27 08:49:57



Css Wap Xtgem Terbaru Old Paper Css By Pasaman Saiyo Waper


Pasaman Saiyo Waper
2015-02-22 02:24:24



• Css Xtgem Keren Versi Mobile Default Simple001


Pasaman Saiyo Waper
2015-02-21 21:46:29





• Gunakan Xtblog Sebagai Kilasan Postingan


Pasaman Saiyo Waper
2015-02-21 21:38:12





• Membuat Xtblog dan Tag Kategori Xtblog Sangat Mudah


Pasaman Saiyo Waper
2015-02-18 02:49:18



• Eror---Page Not Found


Pasaman Saiyo Waper
2015-02-14 20:30:45



By : Alfuji Saputra

PILIHAN

ADMIN

Patner Wap

1|1|1|6|4795