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

  • 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...
  • 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 ...
  • Memprediksi Kunjungan Blog
    Jika menggunakan layaanan Feedburner, Anda mungkin memperhatikan berapa pembaca atau pelanggan feed blog anda saat ini. Dari jumlah pembaca ...
  • Icon di Samping Judul Posting
    Icon di Samping Judul Posting adalah salah satu trik untuk memperindah tampilan postingan anda. Anda bingung mencari icon ? Jika bingung c...
  • Meranking artikel Blog anda
    Blogratings merupakan widgets yang digunakan untuk menampilkan ratings pada setiap postingan, widgets ini bekerja dengan cara mengambil nila...
  • 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...
  • 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...
  • Kolom Otomatis Tukeran Link
    Apakah anda ingin membuat Link Exchange atau istilah kerennya " Tukeran Link "? Jika anda belum membuatnya, saya akan membantu an...
  • Readmore Judul Posting
    Apa itu ya? Mungkin anda bingung dengan maksud Blog trik kali ini. Baiklah Blog trik akan jelaskan! Maksud dari Read more judul posting a...
  • Cara daftar Blogger pertama kali
    Cara daftar Blogger pertama kali
    Setelah kita membuat email dengan layanan Gmail pada “Daftar ke Gmail sebagai login Blogger” Sekarang kita ketahap kedua yaitu mendaftarkan...

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.