Hari ini saya baru dapat informasi dari blog. Tentang cara membuat frame/bingkai untuk posting dan sidebar. Mungkin bagi para blogger ini adalah hal biasa tapi bagi newbie seperti saya ini bukanlah hal yang biasa. Maka dari itu pada kesempatan kali ini saya akan membagikan ilmu yang baru saya dapat kepada teman-teman. Dengan langkah-langkah yang jelas dan mudah dimengerti :)
Biar lebih jelas yang mana bingkainya lihat gambar ini:
1. Cara Membuat Frame / Bingkai Pada Posting
a. Pertama login ke akun blogger teman.
b. Lalu pilih menu Template, lalu buka Edit HTML
c. Selanjutnya cari code ini : .post {
Agar lebih mudah mencari tekan control+F
d. .........bila sudah ketemu code tersebut, tambahkan kode dibawah ini tepat dibawah code
tersebut :
padding: 5px;
Border-top: 3px solid #000000;
Border-bottom: 3px solid #000000;
Border-left: 3px solid #000000;
Border-right: 3px solid #000000;
Margin-bottom: 10px;
Biar lebih jelas yang mana bingkainya lihat gambar ini:
1. Cara Membuat Frame / Bingkai Pada Posting
a. Pertama login ke akun blogger teman.
b. Lalu pilih menu Template, lalu buka Edit HTML
c. Selanjutnya cari code ini : .post {
Agar lebih mudah mencari tekan control+F
d. .........bila sudah ketemu code tersebut, tambahkan kode dibawah ini tepat dibawah code
tersebut :
padding: 5px;
Border-top: 3px solid #000000;
Border-bottom: 3px solid #000000;
Border-left: 3px solid #000000;
Border-right: 3px solid #000000;
Margin-bottom: 10px;
e. Lalu simpan template
Keterangan 1 : -Code warna #000000 adalah warna hitam
-padding: 5px; = Jarak antara text post dengan garis pinggir(5px; bisa diganti
dengan angka lain sesuai selera, makin tinggi angka jarak dari tepi akan
semakin lebar)
-Border-top: 3px solid #000000; = garis pinggir atas (3px bisa diganti semakin
tinggi angka, maka akan semakin tebal garisnya)
-Border-bottom: 3px solid #000000 ; = garis pinggir bawah (3px angka bisa
diganti)
-Border-left: 3px solid #000000 ; = garis pinggir kiri (3px angka juga bisa diganti)
-Border-right: 3px solid #000000 ; = garis pinggir kanan (3px angka bisa diganti
-Margin-bottom: 10px; = jarak antara post yang satu dengan yang lainnya(10px
bisa diganti)
Keterangan 2 : APABILA KAMU MAU MENGGANTI BENTUK BINGKAINYA BISA GANTI solid
MENJADI CODE BERIKUT:
- dotted : bingkai menjadi titik-titik ( .............................. )
- dashed : bingkai menjadi garis putus-putus ( --------------------- )
- solid : bingkai menjadi garis biasa ( ___________ )
2. Cara membuat Frame / Bingkai Pada Sidebar
a. Pertama login ke akun blogger teman.
b. Lalu pilih menu Template, lalu buka Edit HTML
c. Selanjutnya cari code ini : ]]></b:skin>
Agar lebih mudah mencari tekan control+F
d. .........bila sudah ketemu code tersebut, tambahkan kode dibawah ini tepat diatas code
tersebut :
.sidebar .widget{
padding:5px 5px 5px 5px;
border:1px solid #C11209;
margin-bottom:5px}
2. Cara membuat Frame / Bingkai Pada Sidebar
a. Pertama login ke akun blogger teman.
b. Lalu pilih menu Template, lalu buka Edit HTML
c. Selanjutnya cari code ini : ]]></b:skin>
Agar lebih mudah mencari tekan control+F
d. .........bila sudah ketemu code tersebut, tambahkan kode dibawah ini tepat diatas code
tersebut :
.sidebar .widget{
padding:5px 5px 5px 5px;
border:1px solid #C11209;
margin-bottom:5px}
e. Lalu simpan template
Mungkin sekian yang bisa saya tulis di artikel saya kali ini semoga bermanfaat :-).......
wew,,,more complite
ReplyDeletemakasih ya artikelnya sangat bermanfaat, ditunggu kunjungannya di
ReplyDeletehttp://yuby-idea.blogspot.com/
.: bukan in yg ane maksud...^_^
ReplyDeleteLuar biasa bagus sekali gan ilmu yang agan ulas,thank
ReplyDeletethanks artikelnya (y)
ReplyDeletekalo ada waktu mampir di blog sederhana ini www.bankcurhat.blogspot.com
ReplyDeleteTerimakasih.. artikelnya sangat bermanfaat.. kebetulan saya sedang mencari ini eh nyasar dimari hehehe
Ohya saling bersilaturahmi jg gan dimari, lirik noah > Lirik Noah Full =>
Thanks.. berjaya sll gan.. ^^