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

  • 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 ...
  • 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 ...
  • 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 ...
  • 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...
  • 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 ...
  • 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...
  • Macam-Macam Blogroll
    Blogroll atau Link Exchange adalah menyimpan alamat link milik orang lain pada blog kita. Mafaat dari Blogroll adalah menambah traffic pad...
  • Keyword density
    Keyword density plays an important role to get your blog/website highly ranked in Search Engines like Google , yahoo ,etc.So, let's s...
  • Header Acak
    Wah header acak , apa itu ya? Maksudnya adalah gambar pada header bisa berganti sesuai dengan gambar yang kita pilih hanya dengan satu cara...

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.