Hai Arok Fans Club. Wkokwokowkwo :D
Just kidding bro / sist…..
Kali ini Blogearok akan membahas tutorial membuat box code di blogger. Mungkin sebagian orang ada yang suka share / berbagi pengalaman dalam hal ngoding pada sebuah postingan artikelnya. Disini saya akan membahas agar code yang ingin di share / dibagikan bisa tampil menarik atau berbeda dengan isi konten postingan.
Saya akan berikan contoh bila tanpa box code maka akan tampil seperti ini :
<html>
<head>
<title>Contoh Box code</title>
</head>
<body>
Hai Arok Fans Club :D
</body>
<html>
Code diatas terlihat kurang menarik karena tidak menonjolkan bahwa itu adalah code.
<html>
<head>
<title>Contoh Box code</title>
</head>
<body>
Hai Arok Fans Club :D
</body>
<html>
<head>
<title>Contoh Box code</title>
</head>
<body>
Hai Arok Fans Club :D
</body>
<html>
Terlihat lebih menarik dari sebelumnya diatas bukan. jika anda ingin membuatnya silahkan anda tambahkan code css berikut pada website blogger anda:
Untuk Penematannya silahkan buka blogger anda kemudian pilih template dan kemudian edit html.
Cari kode ]]></b:skin> dengan menggunan search atau ctrl + f , dan kemudian paste diatas kode tersebut.
.code {
background: #F5F5F5;
background-repeat: no-repeat;
border: solid #0098FF;
border-width: 1px 1px 1px 15px;
color: #000; font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 5px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: auto;
padding: 10px 10px 10px;
width: auto;
}
background: #F5F5F5;
background-repeat: no-repeat;
border: solid #0098FF;
border-width: 1px 1px 1px 15px;
color: #000; font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 5px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: auto;
padding: 10px 10px 10px;
width: auto;
}
Jika anda sudah menambahkan code css diatas, cara
menggunakan nya pada saat anda akan membagikan code tersebut, adalah dengan
menabahkan code
<div class="code">
Disini Tempat code yang ingin anda bagikan.
</div>
Mungkin ini yang bisa saya bagikan untuk tutorial
membuat box code di blogger.
Kurang lebihnya saya mohon maaf dan semoga artikel
ini bisa berguna dan bermanfaat buat anda yang membaca.
Tidak ada komentar: