Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan

Rabu, 18 Agustus 2010

Menulis Code HTML di Blog Post

Mungkin tips ini sedikit ketinggalan dan sepertinya sudah sangat kuno. Tapi tidak salah kalau namanya berbagi. Mungkin ada beberapa teman-teman semua yang sulit membuat Code HTML ke dalam Posting Blog seperti
<div></div> atau <body></body>.

Caranya cukup mudah yakni dengan mengganti karakter < (buka tag) dan > (tutup tag) menjadi &lt; (buka tag) dan &gt; (tutup tag). Simple bukan ? Berikut adalah Notation (Name Code) dari karakter yang sering digunakan. Semoga bermanfaat...

Characters Notation (Name Code) Notation (Number Code) Remarks
< &lt; &#60; less-than sign
> &gt; &#62; greater-than sign
& &amp; &#38; and
" &quot; &#34; Double quote
± &plusmn; &#177; Plus minus sign
Space &nbsp;&#160;onbreaking space
© &copy; &#169; copyright
® &reg; &#174; Registered

Modifikasi Linkwithin Kedalam Full Post

Bagi teman-teman blogger yang menggunakan widget linkwithin sebagai pengganti Related Post yang kecewa dengan penempatanya yang selalu berada dihalaman awal (tidak saat fullpost), saya punya trik untuk mengatasinya.
Oke langsung saja,

1. Masuk ke halaman Rancangan dan pilih Eleman Laman. Biasanya linkwithin tersebut berupa widget jadi disini kita mencari code html yang ada di widget tersebut. Bila teman-teman baru register menggunakan linkwithin, cukup ambil code htmlnya dan skip step pertama ini.

2. Jika sudah menemukan code htmlnya, paste dulu ditempat lain. Sekarang kita masuk ke Edit Html Blog. Tandai pilihan Expand Template Widget.

3. Search kode berikut
<div class='post-body entry-content'>
      <data:post.body/>
4. Jika sudah ketemu cari code
<b:if cond='data:blog.pageType == "item"'>
</b:if>
tepat dibawah kode step 3. Jika tidak ada anda bisa menambahkannya secara manual.

5. Jika step 4 sudah beres, sekarang tambahkan tag div <div> diantara kode no 4 hasilnya akan seperti ini
<b:if cond='data:blog.pageType == "item"'>
    <div id='linkwithin'>           
    </div>       
</b:if>
id dari tag div <div> tersebut bebas, tidak harus mengikuti kode ini.

6. Sekarang paste code html dari Linkwithin dan paste diantara tag
yang telah dibuat. Simpan dan lihatlah blog anda. Jika anda mengikuti dengan benar maka Linkwithin tersebut akan tampil saat posting fullpost.

Semoga bermanfaat...