Memberi background pada judul sidebar

           Hloo… akhir-akhir ini kuputuskan buat ngepost tentang tutorial blogger walau kecil-kecilan sekali lagi semoga bermanfaat seperti judulnya yakni cara memberi background pada judul sidebar apa temen temen udah tau yang aku maksud…. Moga aja udah klo belum coba liat gambar diatas.. itulah yang aku maksud?

Langsung aja kumulai pertama-tama cari kode berwarna merah berikut atau yang serupa sekali lagi serupa…

#sidebar h2{

…………….

Setelah itu ganti kode diatas dengan kode dibawah ini hati-hati

#sidebar h2 {

color: #000000;

font-size: 14px;

font-family: Arial, Tahoma, Verdana;

font-weight: bold;

margin: 0px 0px 7px 0px;

padding: 3px 5px 3px 10px;

border-bottom: 1px solid #C0C0C0;

letter-spacing:0em;

text-transform:capitalize;

background:url('http://lh4.ggpht.com/kangrohman/SMhBAzFIHqI/AAAAAAAAAOk/a1HKOuOid9k/sidebarh2_thumb%5B1%5D.jpg?imgmax=800') repeat-x top left;

}

        Untuk mengganti backgroundnya temen-temen dapat mengganti kode yang bercetak merah tersebut dengan kode gambar yang temen-temen punyai.. klo pake’ kode tersebut akan muncul seperti ini…

Ok mudahkan… semuanya tergantung kreatifitas temen-temen bias ganti dengan kesukaan masing masing,Atau seperti yang aku pake’ heheheh……

        Mungkin hanya sedikit ntu aja besok aku mo buat tutorial lagi rencananya tentang cara memberi icon clip pada post seperti punya’ku juga nich… ok aku udahin dulu ntar tutorialku lanjutt……. Eh ya aku juga mo bikin tutorial tentag game favorit aku hehehe travian pastinya…

Readmore »»

Cara Memberi Icon Calender / Date Header

      Karena pemintaan temen aq luqman untuk mengetahui cara menaruh icon calender diatas post akhirnya aku turuti ya.. mungkin temen-temen semua juga ingin tau kumulai langsung tutorial singkatku ini tapi sebelum itu apa sich icon calender yang dimaksud itu?

       Mohon maaf bila gambarnya kurang jelas tapi mungkin bisa diamati langsung pada blog ini diatas judul post.

    Langkah pertama, cari kode yang mirip seperti

*/
h2.date-header {
  margin:1.5em 0 .5em;
  }

 setelah itu ganti kode tersebut dengan kode ini

*/
h2.date-header {
margin:1.5em 0 .5em;
margin-left:.6em;
background:url("http://hakimtea.com/wp-content/themes/MyApril-Reloaded/images/ico/date.png") no-repeat 0 .20em;
padding-left:18px;
padding-top: 2px;

}

setelah itu simpan. 

    Langkah kedua, Masuk pada halaman setting lalu klik formating, pada halaman formating ganti date header setting menjadi seperti ini "Thursday, December 4, 2008". Setelah itu simpan dan bisa dilihat hasilnya....


        Teman-teman juga bisa mengganti icon tersebut kayak gini

dengan cara mengganti alamat url gambar yang tadinya

"http://hakimtea.com/wp-content/themes/MyApril-Reloaded/images/ico/date.png"

menjadi,

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLm6n7B7ZKGh4t5I1sD6k3X0ukepibb9_eWUW9tupplPbGYbaH6Wjqv_LiAe-oFQZkoFiL10whvxn6FeAZW-mSYWCz4pTv9xYA78kUVTzUnQfBDrj-ppfc3eHAYVZkZIXGLQDYAz3p98/s1600/icon_date.gif"

Saya kira cukup terima kasih buat Luqman yang udah nyaranin saya buat tutorial singkat ini saya juga bisa kayak gini juga diajarin temen saya Djarcovlax Ok terima kasih banyak buat dajcovlax am luqman.

Readmore »»