JRTR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Berbagi informasi online, komputer, tutorial blogger, template untuk blogger, tips trik blogger.

Ahad, 20 Mei 2012

Tips dan Cara pasang border di sekeliling posting blog

Teman yang Paling Aku Sukai Adalah,,,? teman yang Mau Menunjukkan Kesalahanku....???


Membuat  border disekeliling posting ini selain dari menambahkan seri pada posting juga sebagai pemisah diantara posting.Pada kebanyakantemplate sekarang sudah ada border ini.Bagaimanapun template yang berwarna putih jarang jarang menggunakan border terpisah ini.Untuk contohnya bisa dilihat garisan hitam disekeliling posting pada blog ini.

Cara membuatnya:

1.Log in ke blogger
2.pilih Design--->>Edit HTML

3.Cari kod ini:

.post {

Lebih mudah gunakan Ctrl + F untuk mencari kod
letak border sekeling post


* diatas adalah kod yang telah ditambah pada template saya.


Kemudian letak kod berikut dibawahnya:

border: 1px solid #000000;

jika inginkan border yang berlainan gunakan kod ini:

border-top: 1px solid #000000; border-bottom: 2px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000;

Border bisa di ganti dari solid kepadadotted,dashed,outset,inset,groove,double dan ridge
Kod: #000000 adalah untuk warna hitam,bisa di ganti dengan warna yang diinginkan.Begitu juga dengan ketebalan border .
Jika ingin pasang warna latar belakang pada posting tambah kan kod berikut pada bahagian bawah kod tadi:

background: #000000;

atau mau pasang imej sebagai background masukkan kod ini:

background:url (url image anda disini); 

Hanya menukarkan kod warna yang sesuai supaya tampilan lebih menarik


Kemudian save template anda
Selamat mencoba.
JokoRowoTlogoRejo Beri Komentar
Bagikan kepada teman!
Garis
300 x 250

0 komentar:

Catat Ulasan

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

 
Design by JRTR Copyright © 2014 ~ 2015 Powered by Blogger
TOP