Pertama..login dulu di blogger.masuk ke tata letak,tyus tambahkan gadget. Pilih Html/javaScript.trus lg copy script dibawah ini:

t=1

t=2

t=3

t=4

t=5

t=6

t=7

t=8


t=10

t=11

t=12

t=13

t=14

t=15

t=16


















![]() |
Preview |
<script type='text/javascript'>Cara kompresnya masukan kode JavaScript dari blog anda ke kotak yang tersedia, File Tipe isi dengan JS lalu Compress
var thumbnail_mode = "float" ;
summary_noimg = 450;
summary_img = 450;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<data:post.body/> atau <div class='post-header-line-1/>dan paste code berikut dibawahnya :
Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkb0esByYMXnG0E0ohcNzSBPbyxWV3t9rQ6Dw1I1eJxDbYaKvWhxVYY8RGMBxXSq_Tc-vujCS_8BYHkMjKm4JG7z9cLFrV6fLud3anbqDcDu2uEo7wWKilEjhNJzXfQlO5vn94ovJ1Aco/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'ID-Aplikasi', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.htmll' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkb0esByYMXnG0E0ohcNzSBPbyxWV3t9rQ6Dw1I1eJxDbYaKvWhxVYY8RGMBxXSq_Tc-vujCS_8BYHkMjKm4JG7z9cLFrV6fLud3anbqDcDu2uEo7wWKilEjhNJzXfQlO5vn94ovJ1Aco/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '136575963025211', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>
agaimana cara membuat halaman statis di blogger atau blogspot?
1. Masuk ke blogger in draft lalu masukkan email yang anda gunakan di blogger serta password anda.
2. Setelah masuk ke dalam dashboard, di pojok kanan atas, ada pilihan untuk menjadikan blogger in draft sebagai kondisi default. Kalau anda mau, anda bisa memberikan centang. Sehingga setiap login ke blogger.com nantinya anda otomatis masuk ke blogger in draft.
3. Setelah itu klik edit posts.
4. Lalu klik “edit pages”, lalu klik “new page” untuk membuat halaman statis blogspot baru.
5. Lalu anda buat halaman statisnya,seperti di bawah ini misal
Isinya bisa anda kreasikan sesuai kebutuhan anda. Misalkan di judul anda tuliskan:Temukan Rahasia Blog Sukses Spektakuler.
Lalu di tubuh halamannya misal anda tulis,
Ingin tahu bagaimana rahasia blog sukses spektakuler yang mampu meledakkan bisnis internet anda?
Jawabannya hanya ada di Rahasia Blogging
(Jangan lupa untuk memasukkan URL Rahasia Blogging anda.)
6. Jika sudah, klik “publish page” atau jika ingin menyimpannya klik “save as draft”
7. Kalau anda klik “publish page” ketika pertama kali melakukannya akan muncul pilihan. Apakah anda ingin memasukkannya ke sidebar, tabs, atau memasukkannya secara manual ke link yang anda inginkan?
Pilih salah satu dan klik “save and publish”.
8. Untuk melakukan pengaturan posisi seperti yang anda inginkan, anda bisa masuk ke “layout” dan “page elements”
Kalau sebelumnya anda mempublikasikan halaman statis blogspot anda, anda tinggal mengatur letak widgetnya dengan menariknya.
9. Tapi jika belum, untuk memunculkan widgetnya, anda bisa klik add a gadget.
Di halaman baru yang muncul, anda klik pages.
Lalu anda bisa atur pilihan sesuai kebutuhan anda. Jangan lupa klik save.
Kalau sudah, anda bisa tarik gadget tersebut di posisi yang anda inginkan.
Sangat mudah kan
http://i35.tinypic.com/2n03mgz.jpg
.sidebar li {
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}
.sidebar li {
background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .20em;
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}