Cara memasang tombol Google Plus (+) di Blog

    Pertama silahkan login ke blog anda
    Pilih menu Design > Edit HTML > Centang expand widget templates
    Cari kode </head>
    Setelah ketemu silahkan paste kode JS berikut tepat di atas kode </head>

<!-- kode G + -->
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>

    Nah sekarang anda cari <data:post.body/>. Untuk blog pengguna Read More, kalau ada lebih dari 1 kode tersebut, pakai kode <data:post.body/> yang kedua.
    Kalau sudah ketemu sekarang paste kode dibawah ini tepat di atas kode <data:post.body/>

<g:plusone size='medium'/>

    Sekarang simpan template dan selesai.

Baca Selengkapnya »

Cara membuat daftar isi Blog

• Buatlah sebuah posting kosong / page kosong dengan judul "Daftar Isi" atau "Sitmap"
• Copy kode dibawah ini kemudian paste pada postingan tersebut ( paste kodenya pada edit html, bukan compose )

 <script src="http://script-bamz-us.googlecode.com/files/sitmap.js"></script><script src="http://URL-BLOG-ANDA/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

• Pada post option jangan ijinkan komentar, agar halaman ini tidak dipenuhi komentar sehingga membuat berat blog anda.
• Jangan lupa ganti URL-BLOG-ANDA dengan alamat blog anda
• Ok sekarang publish post dan selesai.

Baca Selengkapnya »

Cara Membuat Navigasi Halaman Seperti Google

1. login blogger
2. buka rancangan >> edit HTML
3. cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini tepat diatas kode ]]></b:skin>

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pl-Cdn2sb_Z96MJsjIjRJXmey3TLYtqOSq17unWGm_g9QLJ6We_HMDQigmH9sG5z8lZLJ6FqNfKP53l2j-9zkCntR9RRHls3fDpvQPeBypw5qRjKknMvZR41cAB52ktwDao6ijek7maZ/s1600/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

5. lalu cari kode </body>
6. taruh kode dibawah ini tepat diatas kode </body>

<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
htmlMap[htmlMap.length]='/';
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&amp;max-results='+pageCount;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
upPageHtml = '&lt;a href=&quot;/&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}else{
upPageHtml = '&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}
fFlag++;
}
if(p==(thisNum-1)){
if(p==0){
html += '&lt;span class=&quot;csb&quot; style=&quot;background-position: -26px 0pt; width: 18px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}else{
html += '&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}
}else{
if(p==0){
html += '&lt;td&gt;&lt;a href=&quot;/&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;1&lt;/a&gt;&lt;/td&gt;';
}else{
html += '&lt;td&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+ (p+1) +'&lt;/a&gt;&lt;/td&gt;';
}
}
if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = '&lt;td class=&quot;b&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -76px 0pt; margin-right: 34px; width: 66px;&quot;&gt;&lt;/span&gt;'+ downPageWord +'&lt;/a&gt;&lt;/td&gt;';
eFlag++;
}
}
}
if(thisNum&gt;1){
html = ''+upPageHtml+' '+html +' ';
}
html2 = '&lt;table id=&quot;nav&quot; style=&quot;margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td class=&quot;b&quot;&gt;Page ('+(postNum-1)+') &lt;/td&gt;&lt;td class=&quot;b&quot;&gt;';
html3 = '&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;';
html = html2+html;
if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}else{
html += '&lt;td class=&quot;b&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -76px 0pt; width: 42px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;';
}
if(postNum==1) postNum++;
html += html3+ '&lt;/div&gt;';
var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);
if(postNum &lt;= 2){
html ='';
}
for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;}
if(pageArea&amp;&amp;pageArea.length&gt;0){
html ='';}
if(blogPager){
blogPager.innerHTML = html;}}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '&lt;a href=&quot;/search/label/'+thisLable+'?&amp;max-results='+pageCount+'&quot;&gt;';
var thisUrl = home_page_url;
htmlMap[htmlMap.length]=labelHtml;
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&amp;max-results='+pageCount;
itemCount++;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml +'&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}else{
upPageHtml = '&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}
fFlag++;
}
if(p==(thisNum-1)){
if(p==0){
html += '&lt;span class=&quot;csb&quot; style=&quot;background-position: -26px 0pt; width: 18px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}else{
html += '&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}
}else{
if(p==0){
html = '&lt;td&gt;'+labelHtml+'&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;1&lt;/a&gt;&lt;/td&gt;';
}else{
html += '&lt;td&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+ (p+1) +'&lt;/a&gt;&lt;/td&gt;';
}
}
if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = '&lt;td class=&quot;b&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -76px 0pt; margin-right: 34px; width: 66px;&quot;&gt;&lt;/span&gt;'+ downPageWord +'&lt;/a&gt;&lt;/td&gt;';
eFlag++;}}}
if(thisNum&gt;1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';}}
html2 = '&lt;table id=&quot;nav&quot; style=&quot;margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td class=&quot;b&quot;&gt;Page ('+(postNum-1)+') &lt;/td&gt;&lt;td class=&quot;b&quot;&gt;';
html3 = '&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;';
html = html2+html;
if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}else{
html += '&lt;td class=&quot;b&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -76px 0pt; width: 42px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;';}
if(postNum==1) postNum++;
html += html3+ '&lt;/div&gt;';
var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);
if(postNum &lt;= 2){
html ='';}
for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;}
if(pageArea&amp;&amp;pageArea.length&gt;0){
html ='';}
if(blogPager){
blogPager.innerHTML = html;}}
</script>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){
if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));}}
var home_page = &quot;/&quot;;
if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){
if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){
document.write('&lt;script src=&quot;'+home_page+'feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')
}else{document.write('&lt;script src=&quot;'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')}}
</script>

7. simpan dan lihat hasilnya.

Baca Selengkapnya »

Memberi Efek Salju di Blog

Bagi para blogger.., kalian pasti sudah liat blog yang ada efek saljunya.., bagi yang belum tahu cara menambahkan efek salju di blog. Saya akan memberitahu cara menambahkan efek salju pada blog.

Caranya sebagai berikut :

1. Buka blognya.
2. Lalu ke Dasbor >> Rancangan
3. Tambah Gadget
4. Pilih HTML / JavaScript
5. Lalu copy salah satu URL salju berikut :

>>> Salju Merah

<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>

>>> Salju Kuning

<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>

>>> Hijau Muda

<script src='http://agungosx.googlepages.com/greensalju.js' type='text/javascript'></script>

>>> Hijau Tua

<script src='http://agungosx.googlepages.com/saljuijotua.js' type='text/javascript'></script>

>>> Salju Merah Muda

<script src='http://agungosx.googlepages.com/pinksalju.js' type='text/javascript'></script>

>>> Salju Ungu

<script src='http://agungosx.googlepages.com/saljuungu.js' type='text/javascript'></script>

>>> Salju Biru Muda

<script src='http://agungosx.googlepages.com/saljubirumuda.js' type='text/javascript'></script>

>>> Salju Biru Tua

<script src='http://agungosx.googlepages.com/saljubiru.js' type='text/javascript'></script>

>>> Salju Coklat

<script src='http://agungosx.googlepages.com/saljucoklat.js' type='text/javascript'></script>

>>> Salju Orange

<script src='http://agungosx.googlepages.com/saljuorange.js' type='text/javascript'></script>

>>> Salju Hitam

<script src='http://agungosx.googlepages.com/saljuhitam.js' type='text/javascript'></script>

>>> Salju Putih

<script src='http://agungosx.googlepages.com/saljuputih.js' type='text/javascript'></script>

7. Save

8. finis deh :d

Baca Selengkapnya »

Cara membuat judul post berkedip

Caranya seperti berikut:
1. Login ke blog sobat
2. Kemudian Pilih Rancangan
3. Klik Edit HTML
4. Download Template (backup selalu template sobat)
5. Kemudian Centangkan "(Expand Widget)"
6. Cari kode seperti berikut::

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>

 dan ubah lah hingga menjadi

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><blink><data:post.title/></blink></a>
<b:else/>

8. Klik Simpan Template
9. Selesai.   

Baca Selengkapnya »

Cara Membuat Daftar Isi automatis pada Blog

Langkah Pertama:
1. Login ke account Blogger
2. Pilih Layout atau Tata Letak --> Edit HTML
3. Setelah itu beri centang pada tulisan Expand Widget Templates
4. Sebaiknya back up dulu template sobat dengan meng-klik Download Template Lengkap
5. Cari kode dibawah ini

<b:include data='post' name='post'/>

Kalau sudah ketemu ganti kode itu dengan script dibawah ini:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#000000;'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

6. Simpan Template (save).

Keterangan:#EAE9E9 dan #000000 adalah warna latar belakang (background) dan 000000 adalah warna tulisan (teks). sobat bisa menggantinya jika ingin menyesuaikan dengan template blog sobat.

Sebenarnya sampai disini sudah selesai, coba sobat klik salah satu label/kategoti maka yg muncul hanya judulnya.
Jika sobat ingin menampilkan daftar isi keseluruhan lanjut ke langkah ke dua

Langkah Kedua:
Pada langkah ini kita membuat pemanggil daftar isi.
1. Pilih Layout atau Tata Letak --> Page Element atau Element Halaman.
2. Pilih Add a Gadgets atau Tambahkan Sebuah Halaman
3. Pilih HTML/JavaScript
4. Masukkan kode berikut ke dalam kontennya

<a href="http://Nama blog sobat.com/search?max-results=200">Daftar isi&raquo;</a>

5. Simpan Widgets

NB Keterangan:
untuk blog saya daftar isinya saya letakkan di menu navigasi blog saya,lihat diatas,dan km coba klik daftar isinya,hanya saja saya ambil urlnya saja pada blog saya jd saya hanya memasukkan url ini http://www.situsdedi.co.cc/search?max-results=200
Ganti yang merah dengan nama blog sobat, dan nilai 200 adalah jumlah maksimal judul artikel yang akan ditampilkan dalamm satu halaman daftar isi. Silahkan ganti sesuai keinginan

Baca Selengkapnya »

Cara Menyembunyikan Buku Tamu

Ikuti langkah-langkah berikut:

1. Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
3. Copy-paste kode di bawah ini:




<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

masukan code cbox anda di sini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>



4. Ganti scipt merah dengan scipt shoutmix/cbox Anda.
5. Klik "save".
6. Selesai deh...!!!


Semoga berguna dan bermamfaat... 

Baca Selengkapnya »

Cara Membuat Text Mengelilingi cursor di blog

tulisan melayang beserta float image berjalan ke blog kamu?
Caranya:
1. Letakkan code berikut ini di atas code ]]></b:skin>:

#hehehe_asepjikuganteng {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#hehehe_asepjikuganteng {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

2. lalu copy script di bawah ini lalu pastekan tepat diatas kode </body>

<center><div id="hehehe_asepjikuganteng" style="" width="100%"><marquee direction="left"><img src="http://i759.photobucket.com/albums/xx232/asepjiku/hihi/3.gif" /><a style="font-size: 20px; color: rgb(0, 255, 0);">blogwalking.. Selamat datang di blog saya.</a></marquee></div></center>

Ganti URL (link gambar) yang berwarna biru dengan URL/link tempat gambar kamu disimpan!
Ganti juga tulisan yang berwarna merah sesuka hatimu..! Bebas koq, ngga ada yang melarang. Hehehe...


sumber : asep

Baca Selengkapnya »

cara membuat Cursor Bertabur Bintang

Cursor yang bertabur bintang adalah salah satu cara untuk mempercantik tampilan blog.karena saat cursor di geser kursor tersebut akan mengeluarkan bintang-bintang. Contohnya Bisa kalian lihat disini.

Setelah melihat Contohnya Tertarik tidak sobat untuk membuatnya ?jika tertarik silakan ikuti tutorial Cara Membuat Cursor Bertabur Bintang di bawah ini untuk Membuat Cursor Bertabur Bintang.


1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.



5.Letakkan HTML di bagian paling atas..

6.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Bintang biru

<script src="http://denisahlan.netau.net/bintang.biru.js" type="text/javascript"></script>

Bintang  hijau


<script src="http://denisahlan.netau.net/bintang.hijau.js" type="text/javascript"></script>

Bintang  merah

<script src="http://denisahlan.netau.net/bintang.merah.js" type="text/javascript"></script>

Bintang  putih

<script src="http://denisahlan.netau.net/bintang.putih.js" type="text/javascript"></script>

Bintang ungu
<script src="http://denisahlan.netau.net/bintang.ungu.js" type="text/javascript"></script>

Sumber : adjiebrotot

Baca Selengkapnya »

Cara pasang tombol Facebook Like di postingan blogger

Untuk pemasangan tombol facebook like, pertama yang harus dipikirkan adalah dimana anda akan memasangnya? diatas postingan atau di bawah postingan? hal lainnya yaitu apakah tombol tersebut akan muncul terus baik di halaman depan ( homepage) ataupun didalam postingan? atau hanya ingin muncul dihalaman depan saja (homepage)? atau mungkin anda hanya ingin tombol tersebut hanya muncul didalam posting saja?

Secara mendasar, kode posting blogger adalah seperti ini :

<data:post.body/>

Logika sederhana, apabila anda ingin memasang tombol facebook like diatas posting, tinggal simpan saja diatas diatas kode yang tadi. Sebaliknya, jika anda ingin memasangnya di bawah postingan, tinggal disimpan dibawahnya saja. berikut ilustrasi dasarnya :

Agar tombol letaknya muncul diatas posting :

< kode tombol facebook like  disini >

<data:post.body/>

Agar tombol letaknya muncul dibawah posting :

<data:post.body/>

< kode tombol facebook like  disini >

Agar tombol facebook like hanya muncul  di halaman depan saja (homepage) :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:post.body/>

< kode tombol facebook like  disini >

</b:if>

Agar tombol facebook like hanya muncul  di halaman posting saja (single post) :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

< kode tombol facebook like  disini >

</b:if>

Diatas hanyalah sebagai ilustrasi saja. Berikut adalah cara sebenarnya untuk memasang tombol facebook like, namun sebagai contoh saja, kang Rohman akan mencontohkan untuk pemasangan di bawah posting dan akan muncul baik di homepage ataupun di single post.

1. Silahkan login ke blogger dengan ID anda.
2. Klik Rancangan.

3. Klik tab Edit HTML.

4. Lakukan backup terlebih dahulu template anda dengan klik Download Template Lengkap. 

5. Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget.

6. Silahkan cari kode berikut pada template anda ( tips : gunakan fasilitas find pada browser anda agar lebih cepat dalam pencarian, tekan Ctrl+F untuk mengaktifkan, lalu masukkan kode yg dicari).

<data:post.body/>

7. Copy kode berikut, lalu paste dibawah kode yang tadi :

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

9. Klik tombol SIMPAN TEMPLATE.
10. Selesai.

Untuk variasi lain, silahkan mengacu pada ilustrasi yang telah kang rohman tuliskan diatas.

Bagi pengguna wordpress.org, anda pun bisa memasang tombol ini di blog, caranya? Posting berikutnya kali yeh

Baca Selengkapnya »

mengubah domain menjadi co.cc

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai


2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

• Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")

• Untuk option "TTL" biarkan saja, gak perlu dirubah2

• Pada option "Type" pilih yang "CNAME"

• Untuk kolom "Value" isikan "ghs.google.com"

Baca Selengkapnya »

membuat penggalan artikel

Isi dari penggalan kalimatnya adalah sebagai berikut :

Electronic Shopping

Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them?


Maka kode yang kita buat adalah sebagai berikut :


<span style="color:#FD8403"><font size="6">Electronic Shopping</font></span>
<hr width="100%" align="left">
<br/>
Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? <a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html"><b>...Read more...</b></a>
<hr width="90%" align="left">
<br/>

Kode tersebut hasilnya akan seperti ini :


Electronic Shopping

---

Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? ...Read more...

---

Biar lebih faham, sedikit saya uraikan :

<span style="color:#FD8403"> ..... </span> --> ini adalah kode untuk merubah warna text. #FD8403 merupakan kode warna orange.
<font size="6">.......</font>< --> ini adalah kode untuk menampilkan huruf dalam ukuran font 6 (ukuran besar)
<hr width="100%" align="left"> --> ini adalah kode untuk membuat garis sebesar 100% dari lebarnya halaman blog yang dimulai dari tepi kiri.
<br/> --> kode untuk membuat suatu kalimat pindah ke bawah sebesar satu line break.


Mudah-mudahan keterangan diatas dapat di pahami. Setelah kita membuat kode seperti yang di terangkan diatas, tugas selanjutnya yaitu memasukan kode tersebut kedalam blog. Tentunya ada perbedaan cara memasukan kode antara template klasik dengan template baru. Silahkan ikuti langkah-langkahnya :

Untuk template klasik :

·  Sign in di blogger dengan id sobat

·  Klik menu Template

·  Klik menu Edit HTML

·  Copy seluruh kode HTML yang ada, kemudian save di komputer sobat. Ini untuk backup data apabila terjadi kesalahan dalam proses editting template

·  Cari kode seperti di bawah ini :

<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>

Tempatkan kode yang telah kita buat tadi persis diatas kode diatas, sehingga kodenya menjadi :


<span style="color:#FD8403"><font size="6">Electronic Shopping</font></span>
<hr width="100%" align="left">
<br/>
Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? <a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html"><b>...Read more...</b></a>
<hr width="90%" align="left">
<br/>
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>

·  Klik tombol Preview untuk melihat perubahan yang baru di lakukan

·  Apabila sudah OK, klik tombol save Template Changes

·  Selesai.

Catatan : cara di atas tentunya merujuk kepada template asli buatan blogger.com, bagi pengguna template bukan buatan blogger tentu akan lain, yang perlu di ingat yaitu penempatan kode penggalan artikel adalah persis diatas kode untuk Posting artikel.


Untuk template baru :

·  Sign In di blogger dengan id sobat

·  Klik menu Layout

·  Klik menu Page Elements

·  Klik Add a Page Element

·  Klik tulisan ADD TO BLOG yang berada di bawah tulisan HTML/JavaScript

·  Copy paste kode penggalan artikel yang telah kita buat tadi

·  Klik tombol SAVE CHANGES

·  Klik kotak element yang baru di buat, tahan kemudian pindahkan di atas kotak yang bertuliskan Blog post (di drag & drop)

·  Klik tulisan View Blog untuk melihat hasil dari penambahan kode tadi

·  Bila sudah OK, klik tombol SAVE

·  Selesai.


Bagaimana penjelasannya sobat? mudah-mudahan dapat di pahami. Selamat mencoba !

Baca Selengkapnya »