Translator

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Guest Book

Berlangganan

Enter your email address:

Delivered by FeedBurner

Cara Memasang Like Facebook Di Setiap Posting Artikel

Langsung aja deh, Tips n Trik belajar blog'y.
Di simak tutorial'y yaa.. hehehe...

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini





Kalau anda ingin membuat tombol like dalam bentuk ini




maka ganti standard dengan button_count

Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.


Selamat mencoba. Semoga bermanfaat...

Cara Menulis Kode HTML di Postingan Blog

Menulis kode HTML. Bagi pendatang baru hal ini cukup membingungkan Kedengarannya sih memang gampang, tapi pas praktek?? Gimana ya..?? Mungkin teman-teman pernah ngalamin hal yang sama kayak saya, pas kita coba menaruh kode-kode HTML dan kita publish eh.. kodenya malah ga keliat, kemana ilangnya tuh? Sebenarnya caranya sederhana. agar kode HTML bisa nampak seperti yang kita inginkan, kita hanya perlu merubah sedikit kodenya..
Cara manual:
1.Ganti setiap kode <> dengan >
3.Ganti setiap kode ' dengan '

Contoh:

Woodmag Free Templates

Fitur Template

* Tiga kolom
* Tested di alamat browser
* Iklan siap pakai
* Otomatis Read more / Baca selanjutnya
* Tiga kolom bagian bawah
* Dll.

Panduan Instalasi

1. Install

* Download xml file
* Simpan ke desktop Anda
* Pergi ke dashboard blogger, buka Edit HTML, klik buttom upload dan pilih file xml download
* Simpan

2. Header

Anda dapat membuat header, ukuran sekitar 400x100 pixel. Upload melalui elemen halaman, dengan meng-klik Header widget

3. Header Iklan Kanan

Template ini dirancang dengan iklan siap pakai. Letakkan iklan banner 468x60 Anda, melalui Elemen Halaman, klik pada HTML widget dan paste kode Anda

4. Top Navigation Menu

Buka Edit HTML, edit kode di bawah ini

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.bietemplates.com/' target='_blank'>
Template Gallery</a></li>
<li><a href='http://www.emocutez.com' target='_blank'>Emoticon</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>
</div>

5. Navigation Menu sekunder

Buka Edit HTML, edit kode di bawah ini

<div id='nav'>
<ul id='nav'>
<li><a href='http://your-link-here'>Photoshop</a></li>
<li>
<a href='http://your-link-here'>Freebies</a>
<ul>
<li>
<a href='http://your-link-here'>Icon</a>
<ul>
<li><a href='http://your-link-here'>Icon #1</a></li>
<li><a href='http://your-link-here'>Icon #2</a></li>
<li><a href='http://your-link-here'>Icon #3</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Pattern</a></li>
<li><a href='http://your-link-here'>Brush</a></li>
<li><a href='http://your-link-here'>Swirl</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Vector</a></li>
<li><a href='http://your-link-here'>Sketch</a></li>
<li><a href='http://your-link-here'>Wallpaper</a></li>
<li><a href='http://your-link-here'>Theme</a></li>
<li><a href='http://your-link-here'>Layout</a></li>
<li><a href='http://your-link-here'>Inkscape</a></li>
<li><a href='http://your-link-here'>Graphic</a></li>
<li><a href='http://your-link-here'>CSS</a></li>
<li><a href='http://your-link-here'>Community</a></li>
<li><a href='http://your-link-here'>Submit</a></li>
</ul>
</div>

6. Iklan Banner 125x125

Buka Edit HTML. Tanda centang pada Expand Template Widget. Temukan kode di bawah ini

<a class='ad1' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>

Silahkan ganti kode yang berwarna merah dengan kode yang anda miliki.

Kalau ada masalah atau masukanya, silahkan isi komentar anda. Saya akan dengan senang meresponya.

<< Preview >> << Download >>

Blog Archive

Followers

About Me

Distributor Krim Herbal Pemutih Wajah. Telp. 021-7403674

Live Traffic Blog