Cara Memberi Frame Keren Pada HTML di Blog

Bagi blogger menampilkan script HTLM adalah hal yang biasa tetapi jika tidak di beri frame maka script akan berpenampilan ruet(bahasa jawa). Saya punya beberapa tips yang mungkin bisa dipakai blogger lainnya.
1. Login ke akun blogger agan

2. Masuk ke Edit HTML

3. Download lengkap template agar lebih aman ===>> Expand Widget

4. Pasang kode dibawah ini diatas ]]></b:skin>, langsung aja CTRL-F biar cepet.

.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPEZ_xME7RDAbkXX3Rt9AC_mQVlAKTxt3oYdxrkDHVrtIJFlrqXkO6obnXdn4GM_rbTJGPw3nI_H7k9I5c9n44uHF_6yjgaki1P1Zt3fIT-ZUIfwpX_QrjpIPmCK5Rz-AQubxk_sZzgFJ8/') no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
line-height : 24px;
color : #333333;
margin : 0;
padding : 0;
}

5. Simpan Template

6. Nah kalu pendeklarasian selesai masuk aja ke Posting

7. Pastikan entri yang akan diberi frame pada HTML

8. Masuk dulu di Edit HTML bukan Compouse
9. Copy script dibawah ini

<div class="codeview">
<!-- Letakkan kode anda disini -->
</div>

10. Pada tulisan berwarna biru adalah isi script anda

Selamat mencoba!

Read more: http://stzuriah.blogspot.com/2013/03/cara-memberi-frame-keren-pada-html-di.html

Monday, March 11, 2013