situs sunyi

Membuat header dan footer xtgem tampil secara otomatis

[19:17 PM, 13-Sept-11]

Assalamu'alaikum wr wb Apa kabar sahabat wapers, semoga sehat hendaknya
Pada artikel ini situs sunyi akan menulis bagaimana membuat tampilan xtgem ala mywapblog yang sekarang saya gunakan yang sahabat lihat pada tampilan wap ini.

Cara yang saya gunakan ini yaitu memaksimalkan header dan footer xtgem tampil dengan otomatis... jadi kita tidak di rumitkan dengan bermacam kode cukup 1 x pasang maka sudah tampil di keseluruhan halaman.. tugas kita hanya menulis postingan saja..

jika berminat ikuti caranya :

kita buat header masuk di xtgem klik
FILE BROWSER
>klik CREATE FILEdan kolom pertama beri nama_headerpada kolom ke 2 di biarkan saja dan klikOKmaka akan tampil file yang kita buat tadi, jalan kan kursor ke bawah pilih linkOpen in text editordan buka kolomnya masukan kode diantara text <body>dan</body>ini kode nya

klikSAVElalu biarkan dulu klik lagifile browser

sekarang kita buat bagian footer klik lagiCREATE FILEseperti langkah diatas beri nama file nya
langkah nyasama dengan ataspilih linkOpen in text editordan buka kolomnya masukan kode diantara text<body>dan</body>ini kode nya :

<h2><a href="" class="">
Comments</a></h2><div style="text-align:left;">Subscribe to Comment Feed (<a href="http://ykubnay.mywapblog.com" class="">RSS</a><a href="http://ykubnay.mywapblog.com" class="">ATOM</a></div><h4>1 Responses from admin</h4><div class="comment"><div style="text-align:left;"><strong><a
href="http://ykubnay.mywapblog.com/" rel="nofollow">ykubnay</a></strong><small>[01:28 PM, 09-Sept-11]</small></div><div style="text-align:left;"><small>Terima kasih kunjungannya jika berkenan tinggalkan jejak anda berupa kritik saran.</small></div></div><h2><a href="" class="">Terima Kasih</a></h2>[<a href="http://ykubnay.mywapblog.com" class="">mywapblog comment disini</a>]<div id="navigation"><h2><a
name="navigation">Navigation</a></h2><ol><a href="" class=""></a><li><a href="http://ykubnay.yn.lt/" class="">Home</a></li><li><a href="http://yakubnay.uiwap.com/shout_box" class="">Shoutbox</a></li><li><a href="http://ykubnay.yn.lt/guestbook.xhtml" class="">Guestbook</a></li></li></ol></div><div
id="blogroll"><h2>Blogroll</h2><ol><li><a
href="http://ykubnay.yn.lt">Situs Sunyi</a></li><li><a
href="http://ykubnay.mywapblog.com">Blog Sunyi</a></li></ol></div><div id="footer"><div style="text-align:left;">Ã�Â© 2011<a
href="http://ykubnay.yn.lt/">Situs<br />
Sunyi</a>.<small>Powered by
<a href="http://
www.xtgem.com/">Xtgem.com</a></small></div></div>

klik save

setelah ke dua nya di lakukan klikfile browsercari nama ke 2 file yang kita buat tadi_headerdan_footerbiasanya paling atas di klik link nya lalu klikPREVIEWlihat dulu sudah jadi atau tidaknya ke 2 file html kita tadi.. Pada preview.. ke 2 file tadi tampil

jika sudah tampil dengan benar baru diedit.. semua link dan text saya di ganti dengan yang sobat inginkan.. Ngedit nya cukup klik file kita buat tadi misal_headerlalu klik[E]pada html yang akan kita ubah

Setelah pengeditan ke 2 file tadi sekarang kita buat postingan caranya buat file baru klikFILE BROWSER>CREATE FILEberi nama file nya klikOKklik [ E ] PilihCODEmasukan kode ini ...

klik [E] PilihTEXT masukan text ini

klik [E] PilihCODE pastekan kode ini

klik [E] PilihTEXT DISINILAH POSTINGAN ARTIKEL KITA MASUKAN APA SAJA dan klik [E] PilihCODE ini kode penutup setiap akhir postingan

Jangan lupa di save selesai mengedit baik CODE maupun TEXT
terutama pada postingan jangan lupa akhiri dengan kode penutup seperti dalam textarea

begitu seterus nya jika ada artikel baru cukup edit pada post saja untuk header dan footer nya sudah muncul otomatis

cara pemasangan css

Jadi intinya kerabat situs sunyi cukup buat file dengan nama _header dan _footer dan isi semua yang diinginkan.

Ini tahap akhir setelah semua tutorial diatas di edit yaitu pemasukan css

caranya klik file _header yang telah dibuat tadi klik tanda [ + ] > code > dan masukan css ini

Css nya dapat kerabat ganti sesuai keinginan, ini ada css nya tinggal di copy saja LIHAT DISINI Nanti cukup diambil css nya saja contoh http://ykubnay.yn.lt/CSS/y2_greenstyle.css

Wassalamu'alaikum Wr.wb

» home page

» wapmaster xtgem

» my wapblog

» my facebook

» [FB] share