Cara Membuat Kotak Permalink di Bawah Postingan Blog

1. Login ke blogger
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang "Expand Template Widget"
4. Cari kode <data:post.body/> Lalu taruh kode berikut berikut di bawahnya:

<br /><textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/>

5. Simpan jika sudah selesai.

Jika setelah disimpan kurang sesuai dengan tampilan blog kita, bisa kita edit. Untuk <data:post.body/> jika kita menggunakan Auto Read More, akan ada dua kode, pilih kode yang kedua. 55 adalah panjangnya kotak dan 2 adalah tingginya.

cara menyembunyikan widget di homepage atau content page

Untuk menyembunyikan widget/element, tahap pertama yang harus kita lakukan adalah mengetahui widget id element yang akan kita sembunyikan. Caranya silahkan masuk halaman "Edit HTML" blogger:
Layout >> Edit HTML >> kemudian klik "Expand Widget Templates"
Sekarang cari widget id dari element yang akan kita sembunyikan, widget id biasanya diawali dengan kode seperti berikut ini:
<b:widget id='
sebagai contohnya silahkan liat widget "Stay Connect with KBM" pada blog ini:
(Untuk lebih mempermudah teman-teman bisa langsung mencari title dari widget yang akan kita sembunyikan)
<b:widget id='HTML15' locked='false' title='Stay Connect With KBM' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Setelah menemukan widget id maka kita cukup menambahkan beberapa kode HTML seperti dibawah ini untuk menyembunyikan widget tersebut di home page atau di content page:

Menampilkan widget hanya pada Home Page

Untuk menampilkan widget hanya pada halaman depan (home page) silahkan tambahkan kode yang berwarna merah dibawah ini pada kode HTML widget yang telah kita cari pada tahap sebelumnya:
<b:widget id='HTML15' locked='false' title='Stay Connect With KBM' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Menampilkan widget hanya pada Content Page

Sedangkan untuk menampilkan widget hanya pada halaman postingan (content page), kita cukup menambahkan kode berwarna merah berikut ini:
<b:widget id='HTML15' locked='false' title='Stay Connect With KBM' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Kedua kode di atas hanya contoh untuk menyembunyikan widget, kode di atas juga bisa digunakan untuk menyembunyikan seluruh sidebar, footer dan sebagainya.


untuk menyembunyikan widget tentu saja kita perlu mengetahui terlebih dahulu widget id (contohnya: <b:widget id='HTML1) yang akan kita sembunyikan, untuk mengetahui widget id

Untuk menyembunyikan widget, yang harus kita lakukan adalah mengcopy code dibawah ini tepat dibawah code ]]></b:skin> pada halaman "edit HTML" blog kita.

Untuk menyembunyikan widget di contant page

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML1 {display:none;}
</style>
</b:if>

Untuk menyembunyikan widget di home page

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#HTML1 {display:none;}
</style>
</b:if>
Note: Sesuaikan tulisan yang berwarna merah dengan id widget yang akan disembunyikan.

Cara Membuat Floating Facebook Fan Page

Langkah 1 :

• Dari dashboard >> design >> edit HTML
•  Menggunakan fungsi find, (ctrl + F), cari kode : </head> 
• Copy dan paste kode di bawah ini SEBELUM kode </head> 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

notes : jika sobat sudah menemukan kode ini di template sobat, abaikan langkah 1. Langsung ke langkah 2. O'ya, jika kode di atas belum ada, Paste kemudian Save/Simpan dulu.

Langkah 2 :

• Dari dashboard >> design >> page element >> add a gadget >> HTML/javascript
• Copy dan paste kode di bawah ini dalam ruangan HTML/javascript yang telah dibuka

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FAN PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://ricdetop.blogspot.com/2012/03/cara-membuat-floating-facebook-fan-page.html">Tutorial Here</a></span></div></div>

notes : Ganti tulisan yang berwarna merah dengan alamat/URL fan page sobat.

• Simpan/Save
• Selesai
• sumber: http://www.ricdetop.blogspot.com/2012/03/cara-membuat-floating-facebook-fan-page.html#.UFi3Oa5rRJE

tag tag dalam html5

berikut tag tag dalam html5

disusun berdasarkan abjad

Tag	Deskripsi
<!–…–>	mendefinisikan komentar
<!DOCTYPE>	mendefinisikan jenis document
<a>	mendefinisikan hyperlink
<abbr>	mendefinisikan ringkasan/singkatan
<acronym>	tidak di dukung di html5
<address>	mendefinisikan alamat
<applet>	tidak di dukung di html5
<area>	mendefinisikan area
<article>New	mendefinisikan artikel
<aside>New	mendefinisikan content selain content halaman
<audio>New	mendefinisikan audio
<b>	mendefinisikan text tebal
<base>	mendefinisikan url dasar untuk semua link pada halaman
<basefont>	tidak di dukung di html5
<bdo>	mendefinisikan arah tampilan text
<big>	tidak di dukung di html5
<blockquote>	mendefinisikan kutipan
<body>	mendefinisikan element body
<br>	mendefinisikan baris baru
<button>	mendefinisikan document button/tombol
<canvas>New	mendefinisikandocument grafis
<caption>	mendefinisikan document table caption
<center>	tidak di dukung di html5
<cite>	mendefinisikan kutipan
<code>	mendefinisikan text kode komputer
<col>	mendefinisikan atribut untuk kolom table
<colgroup>	mendefinisikan kolom table
<command>New	mendefinisikan perintah tombol
<datalist>New	mendefinisikan dropdown list
<dd>	mendefinisikan definisi deskripsi
<del>	mendefinisikan text yang di hapus
<details>New	mendefinisikan suatu elemen
<dialog>New	mendefinisikan dialog (conversation)
<dfn>	mendefinisikan definition term
<dir>	tidak di dukung di html5
<div>	mendefinisikan bagian dalam suatu document
<dl>	mendefinisikan daftar
<dt>	mendefinisikan istilah
<em>	mendefinisikan text rapat
<embed>New	mendefinisikan external content
<fieldset>	mendefinisikan fieldset
<figure>New	mendefinisikan isi media, dan keterangan
<font>	tidak di dukung di html5
<footer>New	mendefinisikan bagian footer
<form>	mendefinisikan formulir
<frame>	tidak di dukung di html5
<frameset>	tidak di dukung di html5
<h1> sampai <h6>	mendefinisikan header
<head>	mendefinisikan informasi tentang document
<header>New	mendefinisikan sebuah header untuk bagian suatu halaman
<hgroup>New	mendefinisikan informasi tentang bagian sebuah document
<hr>	mendefinisikan garis horisontal
<html>	mendefinisikan document html
<i>	mendefinisikan text italic
<iframe>	mendefinisikan inline sub frame
<img>	mendefinisikan gambar
<input>	mendefinisikan input
<ins>	mendefinisikan text yang disisipkan
<keygen>New	mendefinisikan sebuah kunci yang dihasilkan dalam bentuk
<kbd>	mendefinisikan text keyboard
<label>	mendefinisikana label untuk form
<legend>	mendefinisikan judul di fieldset
<li>	mendefinisikan list
<link>	mendefinisikan refrensi sumber
<map>	mendefinisikan peta gambar
<mark>New	mendefinisikan text yang ditandai
<menu>	mendefinisikan daftar menu
<meta>	mendefinisikan meta information
<meter>New	mendefinisikan ukuran yang sudah di tetapkan
<nav>New	mendefinisikan navigation link
<noframes>	tidak di dukung di html5
<noscript>	mendefinisikan bagian noscript
<object>	mendefinisikan sebuah object
<ol>	mendefinisikan daftar angka
<optgroup>	mendefinisikan grup pilhan
<option>	mendefinisikan drop-down option
<output>New	mendefinisikan beberapa jenis output
<p>	mendefinisikan paragraph
<param>	mendefinisikanparameter untuk sebuah objeck
<pre>	mendefinisikan text ke format awal
<progress>New	mendefinisikan kemajuan suatu tugas apapun
<q>	mendefinisikan kutipan pendek
<rp>New	digunakan untuk menentukan apakah browser mendukung ruby
<rt>New	menjelaskan tentanf penngunaan ruby
<ruby>New	mendefinisikan ruby annotations.
<s>	tidak di dukung di html5
<samp>	mendefinisikan sample computer code
<script>	mendefinisikan script
<section>New	mendefinisikan section
<select>	mendefinisikan selectable list
<small>	mendefinisikan text kecil
<source>New	mendefinisikan media resources
<span>	mendefinisikan bagian dalam sebuah document
<strike>	tidak di dukung di html5
<strong>	mendefinisikan text pekat/tebal
<style>	mendefinisikan style untuk css
<sub>	mendefinisikan subscripted text lawan pangkat
<sup>	mendefinisikan superscripted text pangkat
<table>	mendefinisikan table
<tbody>	mendefinisikan table body
<td>	mendefinisikan table cell
<textarea>	mendefinisikan text area
<tfoot>	mendefinisikan table footer
<th>	mendefinisikan table header
<thead>	mendefinisikan table header
<time>New	mendefinisikan date/time
<title>	mendefinisikan judul document
<tr>	mendefinisikan baris table
<tt>	tidak di dukung di html5
<u>	tidak di dukung di html5
<ul>	mendefinisikan daftar
<var>	mendefinisikan variable
<video>New	mendefinisikan video
<xmp>	tidak di dukung di html5

keterangan*

Cara Membuat komentar Fb Berdampingan dengan Blog

1. Login ke account Blogger Anda

2. Klik rancangan lalu klik Edit HTML

3. Download template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan

4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget

5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)

6. Kalau sudah dapat maka masukkan kode berikut ini di atas kode ]]></b:skin>
.comments-page { background-color: #ffffff;} #blogger-comments-page { padding: 0px 5px; display: none;} .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;} .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;} .comments-tab:hover { background-color: #eeeeee;} .inactive-select-tab { background-color: #d1d1d1;}
7. Kemudian Anda cari kode </head>
 8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='ID FB Anda disini' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(".comments-tab").addClass("inactive-select-tab"); $(selectTab).removeClass("inactive-select-tab"); $(".comments-page").hide(); $(selectTab + "-page").show(); } </script><span style="font-size: 50%">by kepsuktv <a href="http://kepsuktv.blogspot.com/" target="_blank" rel="follow">kepsuktv</a></span>
Perhatikan tulisan  ID FB Anda disini di atas, ganti dengan ID facebook Anda, misalkan https://www.facebook.com/nama Anda maka ID Anda berada pada tulisan yang berwana biru. Namun jika Anda belum merubah ID Anda maka yang tertera adalah berupa angka. Udah ngertikan ? jika sudah maka Akan saya lanjut. 8. Kemudian cari kode <div class='comments' id='comments'>
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'> <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'> <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments </div> <div class='clear'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='400'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>
jika penempatan kode dibawah <div class="comments" id="comments">
yang kedua terdapat kode yang sama, maka hapus salah satu kode tersebut.
 9. Kemudian klik save, dan lihat hasilnya.

Jika semua langkah-langkah membuat komentar blog dan facebook berdampingan ini Anda ikuti dengan benar, maka seharusnya Anda berhasil melakukannya. Karena langkah diatas sudah saya lakukan dan berhasil seperti yang Anda lihat milik saya. Namun jika Anda memiliki struktur template yang berbeda, Anda dapat meletakkan kode pada poin no.8 dibawah kode <div class='comments' id='comments'> yang kedua saja.