Close it

Sabtu, 19 Maret 2011

1 Membuat Code Box►► URL : http://wwdq.blogspot.com/2011/03/membuat-code-box.html.

Share
Code Box selain di jadikan sebagai tempat menaruh kode dipostingan,anda juga boleh memasukkan imej atau artikel,mengikut kreativitas anda.
membuat code box, anda hanya perlu mengikuti ,beberapa langkah mudah di bawah.






1. Pertama masuk akun blogger anda.
2. Pilih 'Layout'-->'Edit Html'-->'Expand Widget Template'.







3. Ok, sekarang anda cari kode di bawah ini (CTRL+F untuk memudahkan):
]]></b:skin>

4. Sudah ketemu? sudah belum? ditanya kok diem,. nah sekarang Copy kode dibawah, lalu letakan di atas kode yang tadi dicari
.codeview {
font-family: Arial, Helvetica, sans-serif;
color: #CC0000;
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
border-top : 2px solid #cccccc;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 2px solid #cccccc;
background-color: #FFFFFF;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

5. Save template

6. Sekarang ketingkat terakhir, Tenang saja gampang caranya
7. Pergi ke 'Setting'-->'Formatting'-->'Post Template'.
8. Lalu Copy kode di bawah ini dan Paste
<div class="codeview">
Insert the Special code here
</div>

9. Save setting | Sudah jadi... kalau mau memasukkan kode dalam postingan, tinggal mengganti "insert the special code here" dengan kode yang diinginkan.
10. sebaiknya sebelum memasukan kode, encode terlebih dahulu diweb ini http://centricle.com/tools/html-entities/


Bila Kurang Jelas, silakan bertanya dibawah ini .

Post Info :
Judul = Membuat Code Box

Url = http://wwdq.blogspot.com/2011/03/membuat-code-box.html

Author = Rizal Loa Wanda. At : 22.52 Sabtu, 19 Maret 2011 | Comment:1

Artikel Terkait

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

1 komentar:

No Spam Please :)


Tambahkan Bookmark halaman ini untuk mempermudah Pencarian Anda [CTRL+D].