Coding Style Pada Blogspot

Selamat Pagi Semuanya, saya kal ini mau memberikan sedikit Trik untuk membuat Code Style pada Blog dengan akun blogspot.com, dan kalau di Wordpress.com cara ini sangat mudah dilakukan cukup dengan menambahkan tag seperti ini

[-sourcecode language="php"-]

PASTEKAN SOURCE CODE ANDA DISINI

[-/sourcecode-]

sudah pasti code diantara tag akan di format sesuai jenis bahasa pemrograman yang dipilih, tetapi berbeda dengan Blog pada blogspot.com tidak ada perbedaan code, untuk membuatnya dapat dilakukan sebagai berikut :

1. login ke blogger
2. KLIK Template
3. KLIK Edit Html.

kemudian pada code HTML cari ]]>, dan letakkan coding dibawah ini sebelum
]]>, berikut codingnya

pre { overflow: auto; padding: 0.1em; background-color: #C0C0C0; background-image: url('http://i827.photobucket.com/albums/zz194/depalpiss/codex1.png'); background-repeat: no-repeat; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #DCDCDC; margin: 5px; padding: 20px 20px 20px 45px; }

setelah di tambahin simpan template dan untuk mengujinya coba buat coding seperti dibawah ini pada Posting dengan KLIK New Post KLIK HTML, Ketikkan tag <pre> di awal dan tutup dengan tag </pre>

<pre>

letakkan kode sumber html atau css atau php, atau teks biasa juga bisa di sini.. di tengah antara kode pre awal dan tutup.

</pre>

Posted in: TIPS AND TRIK