Membuat HTML tampil di postingan

Diposting oleh aris andrias on Kamis, 07 Juni 2012


Membuat HTML tampil di postingan

Hai sobat blogger kita ketemu lagi di blog sederhana ini
biklah kali ini saya ada sedikit coretan lagi mengenai
HTML,
pada kali ini saya berbagi cara menampilkan script pada postingan

seperti contoh di bawah ini

<head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>


nah caranya ganpang dan sangat simple banget lihat dibawah ini

a. Ngotak-ngatik kode template


1. masuk ke blogger >> tata letak >> Edit HTML >> expand widget template

2. Cari kode ]]> dan letakkan kode berikut di atasnya


.alert { background: #999966;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}



1.langkah selanjunya save template dan langsung ke bagian selanjutnya




sebelum memesukan artikel HTML


ketik tulisan yang mau di masukan dengan memparse kode html tersebut
seperti ini.

<a href="http://hbc-mm.blogspot.com/">Hidden Blogger Community</a>

untuk memparse HTML cukup gampang, tinggal tulis di compose kode HTML nya lalu klik mode HTML nanti hasilnya akan seperti di atas tulisan ini.



<p class="alert"> masukan code HTML di sini</p>

Nah cukup simple kan sobat blogger ?
sekian dulu ya semoga sedikit coretan dari saya ini bermampaat badi anda
terimakasih telah membaca artikel ini.

{ 0 komentar... read them below or add one }

Posting Komentar

Silahkan tinnggalkan komentar para pengunjung yang budiman

Recommended Post Slide Out For Blogger