Blogger trik | Blog tips | Blogger tutorial

Blogger trik | Blog tips | Blogger tutorial, akan membantu anda untuk membuat blog anda menjadi lebih baik dengan adanya trik tips dari Blogger trik | Blog tips | Blogger tutorial ini.

Menu
  • Home
  • sitemap
  • rss
  • atom
  • Error Page
Home » Blogger trick tips » bloggtrik » Memberi Background dan Border pada Sidebar

Memberi Background dan Border pada Sidebar

1:27 PM

Baiklah pada postingan saya kali ini akan memberitahu anda tentang cara mengubah sidebar anda. Caranya tergolong cukup mudah, anda mau tahu Bagaimana caranya?


Berikut ini adalah cara-caranya :




  • Pertama masuk ke halaman Edit HTML di Dasboard Blogger anda, kemudian carilah kode yang mirip dengan kode berikut ini (Saya menggunakan template Minima):



.sidebar .widget, .main .widget {

border-bottom:1px dotted $bordercolor;

margin:0 0 1.5em;

padding:0 0 1.5em;

}



  • Kode diatas adalah kode untuk Sidebar dan Main widget. Ini membuat Main dan sidebar anda menjadi sama background maupun border nya. Kita akan memisahkan kode tersebut menjadi seperti ini :



.sidebar .widget{

border-bottom:1px dotted $bordercolor;

margin:0 0 1.5em;

padding:0 0 1.5em;

}




.main .widget {

border-bottom:1px dotted $bordercolor;

margin:0 0 1.5em;

padding:0 0 1.5em;

}



  • Dengan kode diatas anda dapat mengutak-atik sendiri sidebar maupun main widget nya. Contohnya seperti di bawah ini :



.sidebar .widget{


background:#fff;

border:1px dotted #6c6b6b;
margin:0 0 1.5em;

padding:0.5em;

}



  • Background anda dapat ganti dengan warna yang lain atau dapat anda ganti pula dengan URL gambar anda yang sudah di Upload, Anda juga dapat mengganti main widget (halaman posting anda) seperti cara di atas.

Selamat mencoba!!!!



Bloggtrik


Suka Artikel? Bagikan: Facebook Twitter Google+

0 Comments

Newer Post Older Post Home

Most Wanted

  • What is a Blog?
    So what is a Blog anyway? I am asked every week via emails, conversation and Instant Messaging chats to define: ‘what is a blog’. If you’re ...
  • Membuat Judul Blog Agar Lebih Baik
    Di postingan saya kali ini akan menjelaskan tentang cara membuat agar judul atau title Blog menjadi lebih baik. Lebih baik disini berarti,...
  • Memprediksi Kunjungan Blog
    Jika menggunakan layaanan Feedburner, Anda mungkin memperhatikan berapa pembaca atau pelanggan feed blog anda saat ini. Dari jumlah pembaca ...
  • Kotak shoutbox di Blog
    Kotak shoutbox di Blog , Anda ingin memasangnya? Berikut ini saya akan memberi trik-tips mengenai bagaimana cara memesang kotak shoutbox di ...
  • Cara mengetahui link Dofollow atau Nofollow
    Saya sering juga dapat pertanyaan dari beberapa rekan bagaimana cara termudah memeriksa link pada halaman yang menggunakan atribut dofollow ...
  • Adding Recent Comments widget to your blogger(blogspot) blog
    As in the name 'Recent Comments Widget ',this widget shows the most recent comments in your blog. Adding this type of widget to your...
  • Mengetahui Harga Blog
    Apakah anda ingin mengetahui berapa dollar harga blog anda saat ini? Jika itu pertanyaan yang terlintas di pikiran anda. Saya punya jawaba...
  • Mengubah Blog jadi Tiga Kolom
    Berbeda dengan Wordpress pengguna Blogger dapat merubah template sesuai dengan keinginannya sendiri. Secara default semua template yang di...
  • Mengetahui harga blog
    Blog trik kali ini akan membahas tentang cara mengetahui harga blog . Ini merupakan salah satu tools yang cukup pantas untuk di coba. Karen...
  • Membuat Quick Read more
    Untuk membuat read more atau baca selanjutnya anda bisa melihat postingan saya sebelumnya disini. Tetapi jika anda tidak ingin untuk memasuk...

Label

  • blog trik
  • Blogger trick tips
  • bloggtrik
  • hack
  • Header Acak
  • Icon di Samping Judul Posting
  • Keyword density
  • Komentar di Bawah Postingan
  • Kotak shoutbox di Blog
  • Mengetahui harga blog
  • menghilangkan tanda quick edit
  • Penerjemah Blog
  • Postingan acak
  • Readmore Judul Posting
  • SEO
  • trik blog
  • trik tips
Copyright 2015 Blogger trik | Blog tips | Blogger tutorial | Hosted by Figih Setyo.