Sticky? eng… menurut penulis, ini menurut asli penulis lhow yaw! Sticky itu bahasa keren dari Sticker yang berarti tempelan atau menempel atau penempel. Sticker biasa digunakan untuk mempercantik suatu benda dengan menempelkan sticker itu sendiri. Sedangkan… maksud Sticky pada Blogger adalah penempelan pesan atau informasi atau element apapun pada sebuah sidebar baru, sidebar Sticky. Bagaimana pengaplikasiannya?

Sebenarnya… Hans dari Beautiful Beta telah memberi cara bagaimana melakukan ini semua.

Pertama-tama, kita kopikan kode berikut ini dalam tatanan /* Variable definitions :

<Variable name=”bgMsgBrd” description=”Messageboard Background Color” type=”color” default=”#EFEFF7″ value=”#EFEFF7″>
<Variable name=”bordercolor” description=”Messageboard Border Color”
type=”color” default=”#336699″ value=”#336699″>
<Variable name=”colMsgBrd” description=”Messageboard Text Color”
type=”color” default=”#555555″ value=”#555555″>

Setelah itu, pada CSS kita tambahkan ini:

/* Messageboard */

.msgbrd h2 {
display: none;
}

.msgbrd .widget-content {
width: 99%;
background-color: $bgMsgBrd;
border: 1px dotted $bordercolor;
color: $colMsgBrd;
font: $bodyfont;
}

Yang terakhir… kita cari <div id=’content-wrapper’> dan kita tambahkan kode berikut ini sesudahnya:

<div id=’message-board’>
<b:section class=’msgbrd’ id=’msgbrd’ maxwidgets=’1′ showaddelement=’yes’/>
</div>

Jika kita ingin merubah-rubah warna, karena kode ini sudah ber-’kurikulum’ Variable Name [Link disini], maka kita tinggal mengubahnya lewat tab Font & Color saja. Selanjutnya, jika kita ingin memberi element pada Message Board kita agar tercipta sticky, kita hanya perlu menuju ke Page Elements, dan disitu akan ada Sidebar baru yang masih kosong dan klik Add a Page Element dan pilih Text.

Mudah?

Popularity: 1% [?]

Related Content

Subscribe to the post comments feeds or Leave a trackback