Tuesday, July 10, 2012

Memberi Border pada Widget Di Blog

Diposting oleh Masiki dengan 2 comments
Langsung saja, untuk memberikan border/garis tepi pada widget blog, terutama template Ethereal, caranya adalah sebagai berikut.


1. Login ke Blogger.
2. Pilih menu Template
3. Klik Edit HTML
4. Klik Proceed
5. Centang Expand Widget Templates
6. Cari kode .main-inner .widget {
7. Tambahkan kode berikut ini dibawah .main-inner .widget {
    border-left: 1px solid $(widget.border.bevel.color);
    border-right: 1px solid $(widget.border.bevel.color); 
8. Simpan template kemudian lihat hasilnya.

NB: Atau, kalau Code .main-inner .widget {  Tidak Ketemu Kalian Bisa Memakai code Berikut


    .main-inner .widget {
    border-bottom: 1px solid #00ff00;
    border-left: 1px solid #00ff00;
    border-right: 1px solid #00ff00;
    border-top: 1px solid #00ff00;


Taruh Tepat Di atas ]]></b:skin>

Informasi :
Code #00ff00; Terserah kalian ganti Warna apa..
Code 1px solid Terserah kalian ganti Jadi garis apa (Misal: Double, Dotted, Dashed, Grove, Ridge Dll)
Code  border-bottom: 1px solid #00ff00; , border-left: 1px solid #00ff00; , border-right: 1px solid #00ff00; Itu Juga Terserah kalian mau Ganti apa, mau Di hapus Silahkan Tapi Ingat:
  1. Bottom =  Bawah
  2. Top      =  Atas 
  3. Left      =  Kiri
  4. Right    = Kanan
Maksud dari code di atas adalah untuk penempatan garis dengan keinginan kita
Dah tau kan.??
klo Belum Silahkan di Comment


.Sumber : KomputerInfo
.Semoga Bermanfaat ya... :D
.Thank's ^_^

2 Comentar

avatar
Balas
Anonymous delete July 12, 2012 at 11:47 AM

kunjungan balik dari kompunetinfo.blogspot.com. cara itu hanay tepat berlaku pada blog yang memakai template Ethereal bawaan blogger. Kalau tidak menemukan .main-inner .widget {, kodenya ditulis seperti ini:

.main-inner .widget {
border: 1px solid #000000;

Letakkan di atas ]]>

Saya yakin Agan lebih paham.

Terimakasih telah memberikan komentar yang sesuai dengan artikel dan komentar anda sangatlah membantu.

close
close