Denny Tri Wijaya

Ada beberapa bagian dari template asli yang saya tidak gunakan pada blog saya dan saya hapus bagian tersebut. Bagian tersebut adalah Top 5 (Featlist) dan juga Tab(Tab Div).

Untuk bagian top 5 saya hapus dengan cara masuk ke page element dan klik edit pada bagian Featlist. Kemudian klik remove dan bagian tersebut akan langsung hilang.

Untuk Bagian Tab,Saya menghapusnya melalui Settings kemudian masuk ke Edit HTML. pada Edit HTML ini saya mencari bagian yang ditampilkan pada Tab ini,yaitu Sponsor,About Me dan juga Random News. Kemudian ketiga kode HTML ini saya remove dan saya save template tersebut. Sebenarnya pada page element juga terdapat bagian Tab Div ini,akan tetapi jika melakukan remove dengan cara yang sama dengan kita me-remove Featlist maka modul Tab Div ini tidak dapat kita edit sama sekali. Akan tetapi,pada blog anda akan tetap muncul dari Tab ini,hanya saja tidak berfungsi dan sangat mengganggu pemandangan menurut saya.

Video adalah bagian pada kanan blog ini yang menampilkan video yang kita inginkan. Pada blog ini saya mengambil video dari situs YouTube

Cara untuk mengedit bagian ini dimulai dengan mengklik edit pada bagian video yang ada pada page element. Setelah itu masukkan kode dari video yang ingin anda tampilkan,pada contoh ini saya mengambil dari bagian 'enabled' yang terletak disebelah kanan video pada situs YouTube.

<object width="320" height="255"><param value="http://www.youtube.com/v/W73_hcyc6Dg&hl=en_US&fs=1&" name="movie"/><param value="true" name="allowFullScreen"/><param value="always" name="allowscriptaccess"/><embed allowscriptaccess="always" width="320" src="http://www.youtube.com/v/W73_hcyc6Dg&hl=en_US&fs=1&" allowfullscreen="true" height="255" type="application/x-shockwave-flash"></embed></object>

Perlu diperhatikan setiap video yang anda masukkan sesuaikan ukuran nya seperti dengan contoh ini ( 320 dan 255 ). Karena besar nya bagian video pada sebelah kanan ini adalah demikian,jika anda menempatkan posisi video diposisi yang lebih besar ukuran nya,maka sesuaikan dengan ukuran posisi anda.

Glider adalah bagian yang menampilkangambar yang lebih besar daripada Slider,dengan Glider kita dapat menampilkan gambar yang kita inginkan dan menampilkan deskripsi pendek mengenai gamabar tersebut.

Cara dengan meng-klik edit pada Glider di Page element setting dan masukkan kode sebagai berikut :

<div class="glidecontent">
<div class="glidemeta">
<h2><a href="TARGETED-LINK-ADDRESS" title="HOVER-TITLE">TITLE-TEXT</a></h2>
SHORT DESCRIPTION HERE , ...</div>
<a href="TARGETED-LINK-ADDRESS" title="title" > <img src="IMAGE-SOURCE-ADDRESS" width="620" height="220" alt="title"/> </a>
</div>

TARGETED-LINK-ADDRESS diganti dengan alamat tujuan bila gambar diklik
HOVER-TITLE diganti dengan judul yang muncul saat ditunjuk oleh mouse
TITLE-TEXT diganti dengan judul gambar tersebut
SHORT DESCRIPTION HERE digant dengan deskripsi yang ingin ditampilkan
IMAGE-SOURCE-ADDRESS diganti dengan alamat sumber gambar

Selanjut nya adalah Slider.Slider ini dapat menampilkan gambar - gambar yang kita inginkan. Hal ini dapat dilakukan dengan memasukkan kode seperti dibawah ini:


<div class="panel">
<a href="YOUR-LINK-ADDRESS-HERE" title="HOVER-TITLE-HERE" > <img src="IMAGE-SOURCE-ADDRESS-HERE" width="160" height="110" alt="HOVER-IMAGE-HERE"/> </a>
</div>

YOUR-LINK-ADDRESS-HERE ganti dengan alamat tujuan bila gambar diklik
HOVER-TITLE-HERE diganti dengan judul dari gambar yang akan ditampilkan saat ditunjukkan mouse
IMAGE-SOURCE-ADDRESS-HERE diganti dengan alamat tempat penyimpanan gamabar
HOVER-IMAGE-HERE diganti dengan judul gambar


contoh pada blog saya,saya menampilkan gambar untuk game Splinter Cell Conviction :

<div class="panel">
<a href="http://dennytriwijaya-525070011.blogspot.com/2009/12/tom-clancys-splinter-cell-conviction.html" title="Splinter Cell:Conviction"> <img width="160" alt="Splinter Cell:Conviction" src="http://ve3dmedia.ign.com/images/05/16/51669_SplinterCellConviction-Artwork-01.jpg" height="110"/> </a>
</div>

Pada prinsip nya,Cat menu tidak jauh berbeda dengan Fox menu,hanya saja Cat menu ini lebih digunakan untuk menu - menu yang lebih detail dibanding Fox menu.

Cara mengedit Cat menu dimulai dengan masuk ke layout settings,kemudian page elements. disana akan terlihat Tulisan Cat menu,selanjutnya pilih edit dan masukkan kode berikut ini :

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="sf-menu">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

<li><a href="SUB-PARENT-LINK-ADDRESS">SUB PARENT TITLE</a>
<ul class="sf-menu">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<!-- Anda bisa menambah lebih banyak dengan mengcopy baris di atas ini ke bagian ini-->
</ul>
</li>

</ul>
</li>
<!-- Anda bisa menambah lebih banyak menu lagi dengan copy paste code di atas ke bagian ini -->

contoh pada blog saya :

Ada 2 menu yang tersedia pada template ini yaitu Fox menu dan Cat menu.

Fox menu adalah menu yang terdapat dipaling atas blog ini. Sedangkan Cat Menu adalah menu yang terletak dibawah Blog Title.

Untuk mengedit Fox menu dapat kita mulai dengan masuk ke layout settings,kemudian ke page element. Disana akan terlihat tulisan Fox Menu pada bagian atas,klik edit. Masukkan kode berikut ini ke dalam kotak yang tersedia.

contoh: menu visit gamespot pada blog ini memiliki kode sebagai berikut :

<li><a href="http://www.gamespot.com/" title="GameSpot">Visit GameSpot</a></li>



"http://www.gamespot.com/" dapat anda ganti dengan link pada saat menu diklik.
"GameSpot" dapat anda ganti dengan judul menu pada saat mouse menunjuk ke menu tersebut.
Visit GameSpot dapat anda ganti dengan judul dari Menu anda.