Warung Bebas
Tampilkan postingan dengan label css. Tampilkan semua postingan
Tampilkan postingan dengan label css. Tampilkan semua postingan

Senin, 05 Agustus 2013

cara paling mudah membuat border gambar/image secara otomatis

 Cara paling mudah membuat border gambar/image secara otomatis - Ada beberapa template bawaan blogger yang sudah menyediakan border gambar agar lebih mempercantik tampilan gambar di blog, Sekarang bagaimana kalau template bawaan blogger tidak menyediakan border gambar ? untuk solusi atau cara menambahkan border di blog yang tidak ada, sahabat hanya perlu menambahkan sedikit kode css pada  template  sahabat. berikut langkah demi langkahnya: 
cara paling mudah membuat border gambar/image secara otomatis
  Pertama buka menu Opsi Lainya kemudian klik Template selanjutnya klik Edit HTML selanjutnya sahabat cari kode ]]></b:skin>. Untuk mempermudah pencarian sahabat klik Ctrl + F kemudian sahabat masukan ]]><b:skin> apabila sahabat sudah menemukan kode tersebut langkah selanjutnya sahabat copy kode Css berikut:

.post-body img{background-color:#F0EFEF;border:2px solid #CACECF;margin:0 4px 2px 0;padding:4px;border-radius:5px;}

dan pastekan kode di atas tepat di atas kode ]]><b:skin> Dan yang terakhir klik Simpan Template.

   Mungkin sedikit tips mempercantik gambar cara paling mudah membuat border gambar/image secara otomatis di blog mudah mudahan bermanfaat dan ahir wassalam.

Jumat, 05 Juli 2013

bagaimana cara membuat garis tepi sidebar

bagaimana cara membuat garis tepi sidebar
tambahkan css

Assalamualaikum sahabat, Tips blogger dan computer kali ini ingin berbagi tips membuat garis tepi sidebar,bagaimana caranya membuat garis tepi sidebar

Berikut langkah demi langkah nya 

  1. Seperti biasa sahabat setelah masuk di dasbor click opsi lainya
  2. Kemudian click template
  3. Kemudian click sesuaikan
  4. Nanti sahabat akan menuju menu perancang blogger,seperti gambar di atas.
  5. Selanjutnya click tingkat lanjut
  6. Kemudian click tambahkan css
  7. Dan yang terakhir pasekan code di bawah ini:

.sidebar .widget {-moz-border-radius: 2px;-webkit-border-radius: 2px;border:1px solid #dbdbdb;background-color: #transparent;padding:10px;margin:0 0 1.0em;}

  • Kemudian click save 

 Keterangan:

 Untuk yang berwarna merah sahabat bisa ganti dengan warna untuk garis border
dan untuk berwarna kuning sahabat bisa ganti dengan warna bacground yang sahabat sukai
Untuk melihat code warna sahabat bisa click code warna

Mungkin itu saja yang bisa admin bagi pada kesempatan kali ini tentang bagaimana cara membuat garis tepi sidebar dan ahir coretan wassalam.



 

ZOOM UNIK::UNIK DAN UNIK Copyright © 2012 Fast Loading -- Powered by Blogger