Tips Merubah Background Sidebar

Tips Merubah Background Sidebar

Sidebar biasanya berada disebelah kanan atau kiri postingan artikel. Tidak jauh berbeda dengan merubah background blog, untuk mengganti background sidebar ini kita juga akan meng-utak-atik kode css-nya.

Langkah-langkahnya :

• Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
• Pilih ‘TATA LETAK’
• Klik "Pilih Edit HTML"
• Silakan anda download terlebih dahulu Template anda klik "Download Template Lengkap" sebelah kanan atas ( menjaga jika template anda kacau dan mengembalikan ke template semula)
• (gunakan Ctrl + F ) Anda cari kode css seperti di bawah ini atau yang mirip dibawah ini :

#sidebar {
width: 226px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

• Jika kita perhatikan kode diatas, kita tidak menemukan kode backgroundnya, Seandainya anda menemukan kode yang seperti diatas, anda perlu menambahkan kode backgroundnya seperti : background-color : #CCCCCC ; dan kode diatas akan berubah seperti :

#sidebar {
width: 226px;
float: $endSide;
background-color : #CCCCCC ;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

• Silakan Anda ubah Kode warna backgrgroundnya, sesuaikan dengan keinginan anda (untuk kode warna HTML silakan anda lihat DISINI)
• Kalau warna background sdh sesuai dengan keinginan, klik simpan template 
• Selesai
• Semoga sukses.

Read more »

Memasang Follow me Twitter

Cara Memasang Follow me Twitter di Blog kamu .Sebagai Contoh .Langsung aja iikuti langkah-langkahnya berikut ini.

1.Login ke Blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Kemudian Cari kode ]]></b:skin>.

5.Kemudian Copy dan paste Kode berikut Di atas kode yang tadi.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6.Selanjutnya Cari kode </body> kemudian copy dan paste kode berikut di atasnya.

<div id="trik_pojok">
<style type="text/css"><br />#followmeontwiter {<br />position:fixed;_position:absolute;<span style="color:blue;">top</span>:100px; left:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight);<br />_left:expression(document.documentElement.scrollLeft+<br />document.documentElement.clientWidth - offsetWidth); }<br /></style>
<div id="followmeontwiter">
<a href="http://twitter.com/%3Cspan%20style=">IDtwitter" target="_blank title="Follow Me on Twitter">
<img src="http://lh3.ggpht.com/_noownWFsWHg/Sy9XXErXDaI/AAAAAAAAAOE/xIWnIMtdqzE/followmeontwitterbyblackpinktemplates.jpg" border="0" /></a>
</div>
</div>


7.Ganti Tulisan IDtwitter dengan ID twiter kamu.sebagi contoh www.twitter.com/denisahlan ,yang di gunakan denisahlan nya saja.

8.Kalo sudah di lakukan semuanya Silakan Klik SAVE TEMPLATE.

Read more »