Cara Memasang Icon atau Logo Blog di Address Bar – Jika diperhatikan, ada beberapa blog atau website yang saat dibuka terdapat icon di address bar. Cara memasang icon seperti itu sangat mudah.
Contoh:
Cara memasangnya:
1. Bikin icon atau logo dengan Photoshop atau sejenisnya. Panjang lebarnya jangan lebih dari 2 cm.
2. Upload gambar dengan tool pengupload.
3. Login ke blog, lalu masuk ‘layout’--‘edit HTML’—beri centang.
4. Cari kode </head>
5. Taruh kode ini di atasnya:
<link href='link logo atau icon yang sudah diupload' rel='SHORTCUT ICON'/>
Contoh: <link href='http://i53.tinypic.com/3486n9y.jpg' rel='SHORTCUT ICON'/>
6. Simpan dan lihat hasilnya.
Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot
Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot - Iklan melayang atau floating ads kini lagi ngetrend. Meski ada yang menilai cukup menggangu, dengan format floating ads, peluang iklan diklik pengunjung lebih tinggi.
Contoh blog dengan iklan melayang disini
Cara membuat iklan melayang:
1. Masuk Dashboard-->Rancangan-->Tambah gadget
2. Pilih ‘HTML/javascript
3. Masukkan kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #585858;
background: #FFFFFF;
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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCitlIR9Gi_nnRamMjRo_H7HTndBt-1EmXzewhA44DR04vM88DwQUxTsDs_ajVimGPGOdETVnE0oEQtVRAhSdUEw7JAtbydFsoBvsNwBeo_XfNpLkUtMJ7BQwcRz8L34weXMdGRpQWsX7m/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
Taruh script iklan anda disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4. Simpan
Note:
- Kode warna merah adalah garis tepi iklan. Bisa diganti sesuai selera.
- Kode warna biru adalah background iklan. Bisa diganti sesuai selera. Kode warna disini
- Kode warna hijau adalah script iklan anda.
- Anda bisa menambahkan teks di atas iklan, misalnya: ‘Klik salah satu link agar blog ini tetap eksis’, dsb. Caranya: letakkan teks tersebut di atas script iklan (warna hijau di atas)
Contoh blog dengan iklan melayang disini
Cara membuat iklan melayang:
1. Masuk Dashboard-->Rancangan-->Tambah gadget
2. Pilih ‘HTML/javascript
3. Masukkan kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #585858;
background: #FFFFFF;
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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCitlIR9Gi_nnRamMjRo_H7HTndBt-1EmXzewhA44DR04vM88DwQUxTsDs_ajVimGPGOdETVnE0oEQtVRAhSdUEw7JAtbydFsoBvsNwBeo_XfNpLkUtMJ7BQwcRz8L34weXMdGRpQWsX7m/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
Taruh script iklan anda disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4. Simpan
Note:
- Kode warna merah adalah garis tepi iklan. Bisa diganti sesuai selera.
- Kode warna biru adalah background iklan. Bisa diganti sesuai selera. Kode warna disini
- Kode warna hijau adalah script iklan anda.
- Anda bisa menambahkan teks di atas iklan, misalnya: ‘Klik salah satu link agar blog ini tetap eksis’, dsb. Caranya: letakkan teks tersebut di atas script iklan (warna hijau di atas)
Thunderblot | Blogger Template 3 Kolom Download Gratis
Thunderblot | Blogger Template 3 Kolom Download Gratis
Detail
• 3 Columns
• Ads Ready
• Fixed Width
• Right Sidebar
• Support Available
DOWNLOAD
Detail
• 3 Columns
• Ads Ready
• Fixed Width
• Right Sidebar
• Support Available
DOWNLOAD
Cara Membuat Efek Roaming di Blog Blogspot atau Blogger
Cara Membuat Efek Roaming di Blog Blogspot atau Blogger - Barusan dapat pertanyaan dari Mas Rahmad tentang cara membuat efek roaming di blog. Yaitu, jika dibuka muncul seperti ada ‘gangguan’ dan getar. Contohnya seperti blog ini.
Caranya gampang:
1. Masuk ‘Layout’-‘Edit HTML’-centang ‘Expand Template Widget’
2. Cari kode </head>
3. Taruh kode di bawah ini di atasnya.
<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>
4. Simpan dan lihat hasilnya.
Caranya gampang:
1. Masuk ‘Layout’-‘Edit HTML’-centang ‘Expand Template Widget’
2. Cari kode </head>
3. Taruh kode di bawah ini di atasnya.
<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>
4. Simpan dan lihat hasilnya.
Cara Mengetahui Identitas Pemilik Blog atau Website
Cara Mengetahui Identitas Pemilik Blog atau Website - Mengetahui identitas di balik sebuah blog atau website bukan lagi hal mustahil. Melalui tool tertentu, itu bisa diketahui dengan mudah.
Salah satu tool yang banyak digunakan adalah WHOIS Lookup. Caranya gampang:
1. Buka WHOIS Lookup
2. Masukkan nama domain yang ingin diketahui siapa pemiliknya
3. Isi nomor kode verifikasi
4. Klik 'search'
Selamat mencoba.
Salah satu tool yang banyak digunakan adalah WHOIS Lookup. Caranya gampang:
1. Buka WHOIS Lookup
2. Masukkan nama domain yang ingin diketahui siapa pemiliknya
3. Isi nomor kode verifikasi
4. Klik 'search'
Selamat mencoba.
Cara Menghilangkan Tulisan Langgan: Entri (Atom) di Blogger / Blogspot
Cara Menghilangkan Tulisan Langgan: Entri (Atom) di Blogger / Blogspot - Merasa terganggu dengan tulisan Langgan: Entri (Atom) di blog anda? Itu bisa dihilangkan dengan mudah.
Caranya:
1. Masuk Layout, Edit HTML. Centang Expan Template Widget
2. Cari kode:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
3. Hapus kode di atas (no. 2)
4. Simpan dan lihat hasilnya.
Selamat mencoba.
Caranya:
1. Masuk Layout, Edit HTML. Centang Expan Template Widget
2. Cari kode:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
3. Hapus kode di atas (no. 2)
4. Simpan dan lihat hasilnya.
Selamat mencoba.
Cara Submit Blog ke Google Yahoo dan Bing | Mendaftar Search Engine
Cara Submit Blog ke Google Yahoo dan Bing | Mendaftar Search Engine - Salah satu cara efektif mendongkrak trafik adalah mensubmit blog ke search engine. Cuma, banyak blogger yang masih terjebak pada Google. Padahal, kini banyak alternatif mesin pencari selain google. Sebut saja Yahoo, Bing dan sebagainya.
Berikut link untuk submit blog:
1. Google: http://google.com/addurl
2. Yahoo: https://siteexplorer.search.yahoo.com/submit
3. Bing: http://www.bing.com/webmaster/SubmitSitePage.aspx
Isi kolom-kolomnya atau ikuti step-stepnya, dan tunggu, blog anda akan terindeks di search engine di atas.
Berikut link untuk submit blog:
1. Google: http://google.com/addurl
2. Yahoo: https://siteexplorer.search.yahoo.com/submit
3. Bing: http://www.bing.com/webmaster/SubmitSitePage.aspx
Isi kolom-kolomnya atau ikuti step-stepnya, dan tunggu, blog anda akan terindeks di search engine di atas.
Cara Membuat Tombol Navigasi Bernomor di Blogger | Numbered Page Navigation
Cara Membuat Tombol Navigasi Bernomor di Blogger | Numbered Page Navigation - Tombol navigasi bernomor contohnya seperti pada bagian bawah blog ini. Fungsinya memudahkan pengunjung menjelajahi blog kita, selain mempermanis tampilan blog. Berikut cara membuat tombol navigasi bernomor di blogspot atau blogger.
1. Masuk Layout, Edit HTML, centang Expand template widget.
2. Cari kode </body>
3. Letakkan kode berikut ini di atasnya.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script type='text/javascript'>
//<![CDATA[
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='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea" style="padding:10px 10px 10px 10px;"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>
</b:if>
</b:if>
4. Cari kode 'data:label.url'
5. Ganti dengan kode: 'data:label.url + "?&max-results=5"'
Note: angka 5 merupakan jumlah postingan yang ditampilkan di homepage. Anda bisa ganti sesuai keinginan.
6. Cari kode ]]></b:skin>
7. Letakkan kode berikut ini di atasnya.
.showpageArea a {
text-decoration:underline;
background: #ffffff;
padding: 10px 10px 10px 10px;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
border-top: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
8. Simpan.
Selamat mencoba.
1. Masuk Layout, Edit HTML, centang Expand template widget.
2. Cari kode </body>
3. Letakkan kode berikut ini di atasnya.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script type='text/javascript'>
//<![CDATA[
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='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea" style="padding:10px 10px 10px 10px;"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>
</b:if>
</b:if>
4. Cari kode 'data:label.url'
5. Ganti dengan kode: 'data:label.url + "?&max-results=5"'
Note: angka 5 merupakan jumlah postingan yang ditampilkan di homepage. Anda bisa ganti sesuai keinginan.
6. Cari kode ]]></b:skin>
7. Letakkan kode berikut ini di atasnya.
.showpageArea a {
text-decoration:underline;
background: #ffffff;
padding: 10px 10px 10px 10px;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
border-top: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
8. Simpan.
Selamat mencoba.
Cara Praktis Mengecek Apakah Blog Sudah Terindeks Google
Cara Praktis Mengecek Apakah Blog Sudah Terindeks Google - Salah satu faktor penting dalam SEO adalah blog terindeks Google. Banyak cara untuk mengecek apakah blog sudah terindeks Google.
Pertama, dengan cara manual melalui pengecekan kata kunci salah satu postingan blog kita. Yang kedua, menggunakan tool yang banyak bertebran di internet.
Namun, saya merekomendasikan pakai IndexedByGoogle. Cukup dengan memasukkan URL blog kita, lantas klik ‘Go’. Jika blog sudah terindeks akan muncul tulisan ‘Yes’. Jika belum akan keluar tulisan ‘Sorry’.
Praktis kan?!
Pertama, dengan cara manual melalui pengecekan kata kunci salah satu postingan blog kita. Yang kedua, menggunakan tool yang banyak bertebran di internet.
Namun, saya merekomendasikan pakai IndexedByGoogle. Cukup dengan memasukkan URL blog kita, lantas klik ‘Go’. Jika blog sudah terindeks akan muncul tulisan ‘Yes’. Jika belum akan keluar tulisan ‘Sorry’.
Praktis kan?!
Cara Membuat Judul Postingan Rata Tengah | Title Post Hack
Cara Membuat Judul Postingan Rata Tengah | Title Post Hack - Ingin blog tampil beda? Cobalah menyetting judul postingan agar rata tengah. Caranya gampang:
1. Buka 'Layout'-->'Edit HTML'-->centang 'Expand Widget Template'
2. Carikode .post h3 {
3. Tambahkan text-align:center; di bawahnya
4. Simpan dan lihat hasilnya.
Selamat mencoba
1. Buka 'Layout'-->'Edit HTML'-->centang 'Expand Widget Template'
2. Carikode .post h3 {
3. Tambahkan text-align:center; di bawahnya
4. Simpan dan lihat hasilnya.
Selamat mencoba
Cara Menghilangkan Tulisan Langgan: Poskan Komentar (Atom)
Cara Menghilangkan Tulisan Langgan: Poskan Komentar (Atom) - Di bawah kolom komentar Blogspot biasanya terdapat tulisan ‘Langgan: Poskan Komentar (Atom)’. Jika dianggap menganggu, cara menghilangkan secara permanen gampang kok.
1. Masuk ‘Rancangan’, ‘Edit HTML, centang ‘Expand Widget Template’
2. Cari kode <b:include data='feedLinks' name='feedLinksBody'/>, lalu hapus.
3. Simpan dan lihat hasilnya.
1. Masuk ‘Rancangan’, ‘Edit HTML, centang ‘Expand Widget Template’
2. Cari kode <b:include data='feedLinks' name='feedLinksBody'/>, lalu hapus.
3. Simpan dan lihat hasilnya.
Cara Agar Postingan Blog Cepat Terindeks Google
Cara Agar Postingan Blog Cepat Terindeks Google – Pastinya kita maunya setiap habis menulis postingan langsung terindeks di Google. Syukur-syukur ada di halaman pertama.
Tapi, kadang harus menunggu beberapa jam, baru postingan terindeks. Nah, ada trik agar postingan cepat terindeks Google. Caranya dengan menggunakan fasilitas ‘ping’.
Salah satu situs penyedia layanan ini yang biasa saya pakai adalah MyPageRank. Caranya:
1. Buka http://mypagerank.net
2. Klik ‘Ping Service’ (letaknya di kanan)
3. Masukkan judul blog, URL dank ode verifikasi.
4. Centang ‘Select’
5. Klik ‘Ping update service’
6. Selesai
Selamat mencoba.
Tapi, kadang harus menunggu beberapa jam, baru postingan terindeks. Nah, ada trik agar postingan cepat terindeks Google. Caranya dengan menggunakan fasilitas ‘ping’.
Salah satu situs penyedia layanan ini yang biasa saya pakai adalah MyPageRank. Caranya:
1. Buka http://mypagerank.net
2. Klik ‘Ping Service’ (letaknya di kanan)
3. Masukkan judul blog, URL dank ode verifikasi.
4. Centang ‘Select’
5. Klik ‘Ping update service’
6. Selesai
Selamat mencoba.
Math Help
Mathematics arises from many different kinds of problems. Nowadays, all sciences suggest problems studied by mathematicians, and many problems arise within mathematics itself.
If you want to learn or solve Math problems, you need Math help. There are many sites provide math tutoring. But, I highly recommended you visit TutorNext.Com. Whether you need math help about Calculus, Fraction, Geometry, Algebra and other Math subjects, you will find at the site.
So, where you should go for a professional tutor then? In this matter, for all kinds of math Homework help, there is only one site that you should give a visit it is TutorNext.Com. TutorNext also provide Algebra help, Calculus help, and Physics help.
If you want to learn or solve Math problems, you need Math help. There are many sites provide math tutoring. But, I highly recommended you visit TutorNext.Com. Whether you need math help about Calculus, Fraction, Geometry, Algebra and other Math subjects, you will find at the site.
So, where you should go for a professional tutor then? In this matter, for all kinds of math Homework help, there is only one site that you should give a visit it is TutorNext.Com. TutorNext also provide Algebra help, Calculus help, and Physics help.
Buy The New York Knicks Tickets
The New York Knicks are a famous basketball team based in New York City. They play in the National Basketball Association (NBA). The New York Knicks are one of only two teams of the original NBA still located in its original city (the other being the Boston Celtics).
If you want to buy New York Knicks Tickets, I highly recommended you visit acheapseat.com. The site provide various kinds of tickets, such as sport event tickets, music concert tickets, and many more.
At this site you can get tickets at a low price and order it directly easily and quickly. You can also buy IZOD CENTER TICKETS and Radio City Christmas Spectacular Tickets at the site.
So, there’s no reason for you buy great event tickets not at acheapseat.com.
If you want to buy New York Knicks Tickets, I highly recommended you visit acheapseat.com. The site provide various kinds of tickets, such as sport event tickets, music concert tickets, and many more.
At this site you can get tickets at a low price and order it directly easily and quickly. You can also buy IZOD CENTER TICKETS and Radio City Christmas Spectacular Tickets at the site.
So, there’s no reason for you buy great event tickets not at acheapseat.com.
Cara Membuat Gambar Animasi Sederhana secara Online | Format GIF
Cara Membuat Gambar Animasi Sederhana secara Online | Format GIF - Ingin membuat gambar animasi yang bisa bergerak? Caranya gampang, tidak harus menguasai bahasa program khusus animasi. Kini banyak situs penyedia layanan pembuatan banner animasi online.
Situs penyedia layanan pembuatan banner animasi online bisa kalian searching di Google. Salah satunya picasion.com.
Cara membuatnya:
1. Siapkan foto atau gambar yang akan dibikin animasi (biasanya 2-3).
2. Buka http://picasion.com
3. Klik ‘browse’ dan arahkan ke file yang sudah kalian simpan di komputer.
4. Proses yang sama (no 3) untuk foto/gambar selanjutnya.
5. Pilih ‘size’ dan ‘speed’ sesuai selera.
6. Klik ‘create animation’ dan tunggu proses upload.
7. Kopi HTML kodenya, lalu pasang di blog kalian.
Kreasi banner animasi biasanya memiliki ekstensi GIF. Dan, ini contoh animasi bikinan saya:
Selamat mencoba.
Situs penyedia layanan pembuatan banner animasi online bisa kalian searching di Google. Salah satunya picasion.com.
Cara membuatnya:
1. Siapkan foto atau gambar yang akan dibikin animasi (biasanya 2-3).
2. Buka http://picasion.com
3. Klik ‘browse’ dan arahkan ke file yang sudah kalian simpan di komputer.
4. Proses yang sama (no 3) untuk foto/gambar selanjutnya.
5. Pilih ‘size’ dan ‘speed’ sesuai selera.
6. Klik ‘create animation’ dan tunggu proses upload.
7. Kopi HTML kodenya, lalu pasang di blog kalian.
Kreasi banner animasi biasanya memiliki ekstensi GIF. Dan, ini contoh animasi bikinan saya:
Selamat mencoba.
Membuat Tabel Sederhana di Blogger atau Blogspot
Membuat Tabel Sederhana di Blogger atau Blogspot - Saat membuat postingan, kadang dibutuhkan tabel sebagai guidance dan agar tampil menarik. Sekedar share, berikut cara membuat tabel sederhana di Blogger atau Blogspot.
Untuk membuat tabel sederhana, perintah yang diperlukan adalah:
<table> : untuk membuat tabel
<tr> : untuk membuat baris
<td> : untuk membuat kolom
border : mengatur ketebalan garis
Misalnya kita akan membuat tabel 3 baris dan 3 kolom, maka kodenya:
<table border="1">
<tr>
<td>Teks 1</td>
<td>Teks 2</td>
<td>Teks 3</td>
</tr>
</table>
Contoh:
<table border="2">
<tr>
<td>Nama
Lionel Messi
Ronaldinho
Wayne Rooney</td>
<td>Klub
Barcelona
AC Milan
Man. United</td>
<td>Negara Asal
Argentina
Brazil
Inggris</td>
</tr>
</table>
Hasilnya:
Untuk membuat tabel sederhana, perintah yang diperlukan adalah:
<table> : untuk membuat tabel
<tr> : untuk membuat baris
<td> : untuk membuat kolom
border : mengatur ketebalan garis
Misalnya kita akan membuat tabel 3 baris dan 3 kolom, maka kodenya:
<table border="1">
<tr>
<td>Teks 1</td>
<td>Teks 2</td>
<td>Teks 3</td>
</tr>
</table>
Contoh:
<table border="2">
<tr>
<td>Nama
Lionel Messi
Ronaldinho
Wayne Rooney</td>
<td>Klub
Barcelona
AC Milan
Man. United</td>
<td>Negara Asal
Argentina
Brazil
Inggris</td>
</tr>
</table>
Hasilnya:
Nama Lionel Messi Ronaldinho Wayne Rooney | Klub Barcelona AC Milan Man. United | Negara Asal Argentina Brazil Inggris |
Trik Sembunyikan Layar Komputer | Cara Aman Internetan di Kantor
Trik Sembunyikan Layar Komputer | Cara Aman Internetan di Kantor – Punya bos disiplin kadang bikin bete. Mau fesbukan nggak boleh, browsing dilarang. Maunya kalau di kantor ya berkutat dengan pekerjaan kantor.
Tapi jangan khawatir, dengan DoubleDesktop kita bisa ‘mengakali’ bos tanpa ketahuan. Dengan software ini, hanya sekali klik tampilan web di layar komputer akan tersembunyi.
Caranya gampang, download softwarenya di sini. Jika sudah, install. Maka, pada tray icon (biasanya di kanan bawah) akan muncul ikon segitiga merah.
Jika sudah, sekarang buka internet. Cobalah meng-klik ikon segitiga merah tadi, maka tampilan web internet di layar otomatis tersembunyi
Selamat mencoba.
Tapi jangan khawatir, dengan DoubleDesktop kita bisa ‘mengakali’ bos tanpa ketahuan. Dengan software ini, hanya sekali klik tampilan web di layar komputer akan tersembunyi.
Caranya gampang, download softwarenya di sini. Jika sudah, install. Maka, pada tray icon (biasanya di kanan bawah) akan muncul ikon segitiga merah.
Jika sudah, sekarang buka internet. Cobalah meng-klik ikon segitiga merah tadi, maka tampilan web internet di layar otomatis tersembunyi
Selamat mencoba.
Cara Menambahkan Tombol 'Like' Facebook di Blog
Cara Menambahkan Tombol 'Like' Facebook di Blog - Bagi yang suka fesbukan, pasti biasa lohat tombol 'Like'. Tombol seperti itu ternyata bisa dipasang di bawah postingan blog. Caranya:
1. Masuk Layout->Edit HTML->centang 'Expand widget template'
2. Cari kode <data:post.body/>
3. Letakkan kode berikut ini di bawahnya:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&action=like&layout=standard&show_faces=false&width=450&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>
4. Simpan dan lihat hasilnya.
Selamat mencoba
1. Masuk Layout->Edit HTML->centang 'Expand widget template'
2. Cari kode <data:post.body/>
3. Letakkan kode berikut ini di bawahnya:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&action=like&layout=standard&show_faces=false&width=450&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>
4. Simpan dan lihat hasilnya.
Selamat mencoba
Physics Help
Physics is one of the oldest academic disciplines. Physics is both significant and influential, in part because advances in its understanding have often translated into new technologies, but also because new ideas in physics often resonate with other sciences, mathematics, and philosophy.
Learn physics is not easy. Even many students said that this is one of the most scaring subjects for them. If you want to learn physics easily, you need to get the Physics Help.
You can find the best physics tutor in internet and learn by online. If you want to get online physics tutoring, I highly recommended you visit TutorVista.com. This is the perfect place for you to learn physics.
At the site you can also find Geometry Help and Chemistry Help.
____________________
Learn physics is not easy. Even many students said that this is one of the most scaring subjects for them. If you want to learn physics easily, you need to get the Physics Help.
You can find the best physics tutor in internet and learn by online. If you want to get online physics tutoring, I highly recommended you visit TutorVista.com. This is the perfect place for you to learn physics.
At the site you can also find Geometry Help and Chemistry Help.
____________________
Invest In Gold
If you want to invest your assets, I highly recommendes you invest in gold. Because gold is one of most secure investing. Not like stock markets, gold has never gone down drastically.
Gold investment could be done by buying and keeping gold bullion. You could buy bullion in an online manner in GoldCoinsGain. You can learn easily many information about investing in gold at the site.
GoldCoinsGain also provide gold market news, gold predictions and online shopping. Nothing can provide convenience in transaction to buy gold bullion etc. on sites like this. Don’t waste your time, buy gold for your life investment at GoldCoinsGain right now.
Gold investment could be done by buying and keeping gold bullion. You could buy bullion in an online manner in GoldCoinsGain. You can learn easily many information about investing in gold at the site.
GoldCoinsGain also provide gold market news, gold predictions and online shopping. Nothing can provide convenience in transaction to buy gold bullion etc. on sites like this. Don’t waste your time, buy gold for your life investment at GoldCoinsGain right now.
Cara Membuat Text Area di Blogger atau Blogspot
Cara Membuat Text Area di Blogger atau Blogspot - Text area fungsinya menghemat space halaman postingan. Misalnya jika kita ingin memasukkan kode tertentu atau tulisan yang cukup panjang.
Contoh text area:
Aplikasinya gampang, kita cuma menambahkan kode berikut ini:
<textarea cols="50" name="code" rows="4">script atau teks anda disini</textarea>
Ket: cols = panjang text area, rows = lebarnya. Anda bisa ganti sesuai kebutuhan.
Contoh text area:
Aplikasinya gampang, kita cuma menambahkan kode berikut ini:
<textarea cols="50" name="code" rows="4">script atau teks anda disini</textarea>
Ket: cols = panjang text area, rows = lebarnya. Anda bisa ganti sesuai kebutuhan.
Melindungi Konten dari Copas dengan Tynt Insight
Melindungi Konten dari Copas dengan Tynt Insight - Salah satu cara melindungi konten dari copas dalah dengan menonaktifkan fungsi klik kanan. Sayangnya, cara itu cukup mudah disiasati.
Nah, ini ada cara baru yang lebih efektif dan elegan. Yakni menggunakan Tynt Insight, salah satu fasilitas yang disediakan whos.amung.us.
Cara kerjanya seperti apa? Jika artikel kita di-copas , maka secara otomatis akan muncul link yang mengarah ke blog kita (URL postingan tersebut).
Ini tutorialnya.
1. Buka Tynt Insight
2. Isi kolom URL blog, password dan email, lalu klik 'Get Started'
3. Kopi script atau kode HTML yang ada di situ.
4. Pastekan di atas kode </body>
5. Simpan
Nah, ini ada cara baru yang lebih efektif dan elegan. Yakni menggunakan Tynt Insight, salah satu fasilitas yang disediakan whos.amung.us.
Cara kerjanya seperti apa? Jika artikel kita di-copas , maka secara otomatis akan muncul link yang mengarah ke blog kita (URL postingan tersebut).
Ini tutorialnya.
1. Buka Tynt Insight
2. Isi kolom URL blog, password dan email, lalu klik 'Get Started'
3. Kopi script atau kode HTML yang ada di situ.
4. Pastekan di atas kode </body>
5. Simpan
Cara Terbaru Membuat Label Cloud yang Praktis | Tutorial Blogger atau Blogspot
Cara Terbaru Membuat Label Cloud yang Praktis | Tutorial Blogger atau Blogspot- Membuat label cloud (setahu saya) dulu harus mengoprek kode HTML template blog. Tapi sekarang ada cara yang lebih praktis.
Sebelum ke tutorialnya, mungkin ada yang belum tahu seperti apa label cloud itu. Seperti ini:
Cara membuatnya:
1. Login ke akun anda
2. Masuk 'Layout/Tata Letak'--->'Add Gadget/Tambah Elemen'
3. Pilih Label
4. Pada pilihan 'Tampilkan' pilih 'Cloud'
5. Simpan dan lihat hasilnya.
Sebelum ke tutorialnya, mungkin ada yang belum tahu seperti apa label cloud itu. Seperti ini:
Cara membuatnya:
1. Login ke akun anda
2. Masuk 'Layout/Tata Letak'--->'Add Gadget/Tambah Elemen'
3. Pilih Label
4. Pada pilihan 'Tampilkan' pilih 'Cloud'
5. Simpan dan lihat hasilnya.
Membuat Daftar Isi Blog | Scroll Box Berbasis RSS Feed
Membuat Daftar Isi Blog | Scroll Box Berbasis RSS Feed - Teknik modifikasi blog terus berkembang. Yang terbaru adalah membuat daftar isi berbasis RSS feed, seperti di sidebar blog ini.
Cara membuatnya mudah:
1. Buka tool pembuatan scrollbox widget disini
2. Masukkan URL feed blog anda di kotak paling atas. Untuk blogger biasanya di belakang ada kode atom.xml
Misalnya: http://blogspotcorner.blogspot.com/atom.xml
Lalu klik Create Scrollbox
3. Akan muncul jendela baru yang memuat kode HTML. Kopi dan pasang di blog anda.
4. Selesai dan lihat hasilnya.
Note: ukuran scrollbox bisa anda ubah sesuai kebutuhan (di step no.2)
Cara membuatnya mudah:
1. Buka tool pembuatan scrollbox widget disini
2. Masukkan URL feed blog anda di kotak paling atas. Untuk blogger biasanya di belakang ada kode atom.xml
Misalnya: http://blogspotcorner.blogspot.com/atom.xml
Lalu klik Create Scrollbox
3. Akan muncul jendela baru yang memuat kode HTML. Kopi dan pasang di blog anda.
4. Selesai dan lihat hasilnya.
Note: ukuran scrollbox bisa anda ubah sesuai kebutuhan (di step no.2)
Cara Menonaktifkan Klik Kanan | Anti Copas Content dan Foto
Cara Menonaktifkan Klik Kanan | Anti Copas Content dan Foto - Tak ingin konten atau foto di blog anda di-copas? Caranya mudah, dengan menonaktifkan fungsi klik kanan. Meski, trik itu sebenarnya tetap bisa disiasati. Tapi, paling tidak membuat yang mau copas harus bekerja keras. Hehehe...
Caranya:
1. Login ke akun blog Anda.
2. Masuk 'Layout atau Tata letak'---> 'Tambah gadget'
3. Pilih 'HTML/java script'
4. Masukkan kode berikut ini:
<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Kalau mau copas ijin dulu";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
Note: ganti tulisan warna merah sesuai selera. Misalnya: Dilarang copas, Malu ah copas, dll.
Caranya:
1. Login ke akun blog Anda.
2. Masuk 'Layout atau Tata letak'---> 'Tambah gadget'
3. Pilih 'HTML/java script'
4. Masukkan kode berikut ini:
<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Kalau mau copas ijin dulu";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
Note: ganti tulisan warna merah sesuai selera. Misalnya: Dilarang copas, Malu ah copas, dll.
Cara Menghilangkan Tulisan Subscribe To: Post (Atom) di Bawah Postingan
Cara Menghilangkan Tulisan Subscribe To: Post (Atom) di Bawah Postingan - Di bawah postingan Blogspot (bagian kiri) bisanya terdapat tulisan 'Subscribe To: Post (Atom)'. Jika dianggap mengganggu dan ingin menghilangkannya, caranya mudah.
1. Masuk Layout-->Edit HTML--->centang
2. Cari kode berikut ini lalu hapus:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
3. Simpan, selesai.
1. Masuk Layout-->Edit HTML--->centang
2. Cari kode berikut ini lalu hapus:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
3. Simpan, selesai.
Cara Memasang Tanda Tangan atau Signature di Bawah Postingan Blog
Cara Memasang Tanda Tangan atau Signature di Bawah Postingan Blog - Ada yang baru di blog ini. Yaitu tanda tangan atau signature di bawah postingan. Bagaimana cara membuatnya? Cukup mudah. Simak tutorial berikut ini.
1. Buat signature di http://mylivesignature.com
2. Simpan hasilnya di komputer.
3. Upload dengan http://tinypic.com
4. Kopi kode HTML-nya (di bagian paling atas), lalu pastekan di bawah postingan. Sebelum dipublish, hapus beberapa kode.
Contoh: <a href="http://tinypic.com" target="_blank"><img src="http://i50.tinypic.com/2qlwitx.png" border="0" alt="Image and video hosting by TinyPic"></a>.
Hapus kode yang tertulis warna merah, sehingga menjadi:
<img src="http://i50.tinypic.com/2qlwitx.png" border="0" alt="Image and video hosting by TinyPic">
Cara memasangnya kopi paste di bawah postingan. Atau, jika ingin muncul secara otomatis, login ke blog anda, pilih 'pengaturan'-->'format', kopi dan paste kode tersebut di kolom ‘templa entri’, lalu simpan.
1. Buat signature di http://mylivesignature.com
2. Simpan hasilnya di komputer.
3. Upload dengan http://tinypic.com
4. Kopi kode HTML-nya (di bagian paling atas), lalu pastekan di bawah postingan. Sebelum dipublish, hapus beberapa kode.
Contoh: <a href="http://tinypic.com" target="_blank"><img src="http://i50.tinypic.com/2qlwitx.png" border="0" alt="Image and video hosting by TinyPic"></a>.
Hapus kode yang tertulis warna merah, sehingga menjadi:
<img src="http://i50.tinypic.com/2qlwitx.png" border="0" alt="Image and video hosting by TinyPic">
Cara memasangnya kopi paste di bawah postingan. Atau, jika ingin muncul secara otomatis, login ke blog anda, pilih 'pengaturan'-->'format', kopi dan paste kode tersebut di kolom ‘templa entri’, lalu simpan.
Cara Memasang Widget Translator di Blogspot | Google Translate Widget
Cara Memasang Widget Translator di Blogspot | Google Translate Widget - Ada yang baru di blog ini. Yaitu widget translator (di pojok kanan atas dekat gambar Mbak Miyabi yang cantik). Widget milik Google itu lumayanlah buat memanjakan pengunjung dari luar negeri. Meski, hasil terjemahan kadang lucu (karena Google translate memang tidak 100 persen akurat, terutama menerjemahkan kata-kata yang kurang familiar).
Cara memasangnya? Gampang.
1. Masuk ’Tata Letak’
2. Klik ’Tambah widget’
3. Pilih HTML/Java Script
4. Masukkan kode ini:
<a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|en&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|en&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
English</a>
5. Simpan
6. Selesai
Bagaimana jika ingin ditambahi translator bahasa lainnya?
Tambahkan kode ini dibawahnya:
Jepang:
<a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|ja&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|ja&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
Japanese</a>
Arab:
<a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|ar&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|ar&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
Arabic</a>
Prancis:
lt;a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|fr&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|fr&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
French</a>
Jerman:
<a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|de&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|de&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
German</a>
Note: untuk pemisah di antara kode satu dengan lainnya, anda bisa tambahkan kode | atau * dsb,
Cara memasangnya? Gampang.
1. Masuk ’Tata Letak’
2. Klik ’Tambah widget’
3. Pilih HTML/Java Script
4. Masukkan kode ini:
<a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|en&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|en&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
English</a>
5. Simpan
6. Selesai
Bagaimana jika ingin ditambahi translator bahasa lainnya?
Tambahkan kode ini dibawahnya:
Jepang:
<a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|ja&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|ja&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
Japanese</a>
Arab:
<a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|ar&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|ar&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
Arabic</a>
Prancis:
lt;a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|fr&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|fr&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
French</a>
Jerman:
<a href="javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/translate_t?text='+t+'&hl=en&langpair=auto|de&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+escape(location.href)+'&hl=en&langpair=auto|de&tbb=1&ie='+e;};" onclick="alert(document.getElementById('instructions').firstChild.nodeValue);return false;">
German</a>
Note: untuk pemisah di antara kode satu dengan lainnya, anda bisa tambahkan kode | atau * dsb,
Top 10 Selebritis Internet 2010 | Situs Paling Populer di Internet
Top 10 Selebritis Internet 2010 | Situs Paling Populer di Internet - Majalah Forbes kembali merilis daftar para selebritis internet. Label selebritis diberikan bukan sering nampang di depan kamera, namun karena pengaruhnya di dunia maya.
Acuan yang digunakan Forbes adalah Google guna mengukur sosok yang paling sering dirujuk di website, Alexa untuk melihat ranking trafik homepage mereka, serta Factiva untuk memantau penyebutan nama di TV atau radio. Kemudian, penghitungan terakhir dilihat dari jumlah follower di Twitter.
Hasilnya, Perez Hilton, blog gosip milik Mario Lavandeira ada di urtan teratas.
Disusul, TechCrunch dan Mashable.
Inilah urutan selengkapnya seperti yang dihimpun Forbes dan dikutip detikINET:
1. Perez Hilton
2. Michael Arrington
3. Pete Cashmore
4. Evan Williams & Biz Stone
5. Kevin Rose
6. Guy Kawasaki
7. Heather "Dooce" Armstrong
8. Tila "Tequila" Nguyen
9. Gary Vaynerchuk
10. Cory Doctorow
Acuan yang digunakan Forbes adalah Google guna mengukur sosok yang paling sering dirujuk di website, Alexa untuk melihat ranking trafik homepage mereka, serta Factiva untuk memantau penyebutan nama di TV atau radio. Kemudian, penghitungan terakhir dilihat dari jumlah follower di Twitter.
Hasilnya, Perez Hilton, blog gosip milik Mario Lavandeira ada di urtan teratas.
Disusul, TechCrunch dan Mashable.
Inilah urutan selengkapnya seperti yang dihimpun Forbes dan dikutip detikINET:
1. Perez Hilton
2. Michael Arrington
3. Pete Cashmore
4. Evan Williams & Biz Stone
5. Kevin Rose
6. Guy Kawasaki
7. Heather "Dooce" Armstrong
8. Tila "Tequila" Nguyen
9. Gary Vaynerchuk
10. Cory Doctorow
Cara Membuat Banner Animasi Format GIF Sederhana
Cara Membuat Banner Animasi Format GIF Sederhana - Pernah lihat banner berisi gambar yang bisa berkedip-kedip? Biasanya banner seperti itu berformat GIF. Salah satu software yang sering digunakan untuk membuatnya adalah Adobe Image Ready.
Contoh:
Tapi, bagi yang belum paham soal Adobe Image Ready (seperti saya :)), nggak usah khawatir. Sekarang sudah banyak layanan pembuatan banner GIF online. Favorit saya adalah GICKR. Itu karena praktis. Tak perlu mendaftar, langsung bisa bikin banner.
Caranya:
1. Siapkan gambar atau foto yang akan dibuat banner.
2. Buka gickr.com
3. Klik 'Browse', lalu pilih gambar yang akan diupload. Sesuaikan size dan kecepatan gerak gambar sesuai selera. Jika sudah, klik 'Continue'.
4. Tunggu proses upload.
Cara memasang di blog gimana?
1. Arahkan kursor pada banner, klik kanan, lalu simpan.
2. Upload di tinypic.com atau pengupload lainnya.
3. Kopi kode HTML-nya dan pastekan di blog.
4. Jika ingin di-link-kan ke blog lain, kodenya seperti ini:
<a href="URL blog/"><img src="URL banner yang sudah diupload" /></a>
Contoh: URL blognya http://nokiacellphonenews.blogspot.com dan URL banner http://i50.tinypic.com/6iuxoy.gif
maka kodenya menjadi:
<a href="http://nokiacellphonenews.blogspot.com/"><img src="http://i50.tinypic.com/6iuxoy.gif" /></a>
Selamat mencoba.
Contoh:
Tapi, bagi yang belum paham soal Adobe Image Ready (seperti saya :)), nggak usah khawatir. Sekarang sudah banyak layanan pembuatan banner GIF online. Favorit saya adalah GICKR. Itu karena praktis. Tak perlu mendaftar, langsung bisa bikin banner.
Caranya:
1. Siapkan gambar atau foto yang akan dibuat banner.
2. Buka gickr.com
3. Klik 'Browse', lalu pilih gambar yang akan diupload. Sesuaikan size dan kecepatan gerak gambar sesuai selera. Jika sudah, klik 'Continue'.
4. Tunggu proses upload.
Cara memasang di blog gimana?
1. Arahkan kursor pada banner, klik kanan, lalu simpan.
2. Upload di tinypic.com atau pengupload lainnya.
3. Kopi kode HTML-nya dan pastekan di blog.
4. Jika ingin di-link-kan ke blog lain, kodenya seperti ini:
<a href="URL blog/"><img src="URL banner yang sudah diupload" /></a>
Contoh: URL blognya http://nokiacellphonenews.blogspot.com dan URL banner http://i50.tinypic.com/6iuxoy.gif
maka kodenya menjadi:
<a href="http://nokiacellphonenews.blogspot.com/"><img src="http://i50.tinypic.com/6iuxoy.gif" /></a>
Selamat mencoba.
Cara Mendapatkan Uang dari Blog
Cara Mendapatkan Uang dari Blog - Blog memang tak hanya sebagai mendia berekspresi, tapi juga bisa menghasilkan uang. Banyak program penghasil uang di internet via blog.
Secara rinci dapat dibedakan menjadi:
1. PPC (pay per click).
Kita akan mendapat semacam fee jika ada pengunjung yang mengklik iklan di blog kita. Contoh: Kumpulblogger, Kliksaya, Adsense, dsb.
2. PTC (paid to clik).
Kita dibayar jika melakukan klik.
3. PTR (paid to review).
Kita dapat duit jika memposting review (biasanya situs). Contoh: Blogsvertise, Sponsoredreviews, Payperpost, dll
4. Afiliasi.
Kita dapat uang jika berhasil mengajak orang lain mengikuti program tertentu.
5. Jualan link.
Kita dapat komisi kalau ada pengiklan yang memasang link di blog kita.
Dan, masih banyak lagi. Anda bisa searching di Google untuk mengetahui program penghasil uang.
Tentunya blog anda harus memiliki performance bagus (trafik, PR, dll) untuk menarik minat pemasang iklan.
Secara rinci dapat dibedakan menjadi:
1. PPC (pay per click).
Kita akan mendapat semacam fee jika ada pengunjung yang mengklik iklan di blog kita. Contoh: Kumpulblogger, Kliksaya, Adsense, dsb.
2. PTC (paid to clik).
Kita dibayar jika melakukan klik.
3. PTR (paid to review).
Kita dapat duit jika memposting review (biasanya situs). Contoh: Blogsvertise, Sponsoredreviews, Payperpost, dll
4. Afiliasi.
Kita dapat uang jika berhasil mengajak orang lain mengikuti program tertentu.
5. Jualan link.
Kita dapat komisi kalau ada pengiklan yang memasang link di blog kita.
Dan, masih banyak lagi. Anda bisa searching di Google untuk mengetahui program penghasil uang.
Tentunya blog anda harus memiliki performance bagus (trafik, PR, dll) untuk menarik minat pemasang iklan.
Indostats, Statistik Visitor Lokal untuk Evaluasi Performance Blog
Indostats, Statistik Visitor Lokal untuk Evaluasi Performance Blog - Cara mengevaluasi performance blog atau website yang paling praktis adalah lewat statistik visitor. Kini makin banyak statistik visitor untuk menganalisa web atau blog. Tapi, bagi yang bahasa Inggrisnya pas-pasan seperti saya, cobalah pakai Indostats.
Sudah beberapa hari ini saya memasang widget Indostats di 'kakaknya' blog ini. Hasilnya, cukup memuaskan. Karena, mampu menyajikan informasi yang cukup detil. Mulai dari jumlah pengunjung, page view hingga kata kunci.
Untuk mengetahui performa blog lewat Indostats, tentunya anda harus memasang skripnya setelah melakukan pendaftaran.
Tertarik? Silakan daftar di Indostats
Sudah beberapa hari ini saya memasang widget Indostats di 'kakaknya' blog ini. Hasilnya, cukup memuaskan. Karena, mampu menyajikan informasi yang cukup detil. Mulai dari jumlah pengunjung, page view hingga kata kunci.
Untuk mengetahui performa blog lewat Indostats, tentunya anda harus memasang skripnya setelah melakukan pendaftaran.
Tertarik? Silakan daftar di Indostats
Trafik = Posting | Tips Menaikkan Trafik Blog
Trafik = Posting | Tips Menaikkan Trafik Blog - Saya sudah sekitar dua tahun ngeblog. Berbagai teknik SEO untuk menaikkan trafik pun sudah saya coba. Namun, cara yang paling efektif ternyata dengan rajin posting.
Logikanya sederhana. Makin banyak postingan makin banyak pula 'pintu' untuk masuk ke blog kita. Saya sudah melakukan eksperiman di blog ini. Selama dua bulan postingan saya genjot. Hasilnya, dari semula visitor hanya 20-an sekarang jadi 600-an per hari. Atau, meningkat 300 persen.
Cukup mencengangkan. Padahal, saya tak pernah pakai teknik SEO yang aneh-aneh. Backling juga minim. Mungkin SEO memang penuh misteri.
Logikanya sederhana. Makin banyak postingan makin banyak pula 'pintu' untuk masuk ke blog kita. Saya sudah melakukan eksperiman di blog ini. Selama dua bulan postingan saya genjot. Hasilnya, dari semula visitor hanya 20-an sekarang jadi 600-an per hari. Atau, meningkat 300 persen.
Cukup mencengangkan. Padahal, saya tak pernah pakai teknik SEO yang aneh-aneh. Backling juga minim. Mungkin SEO memang penuh misteri.
Cara Membuat Daftar Isi di Blogspot / Blogger
Ibarat buku, blog akan lebih user friendly jika disertai daftar isi. Berikut cara membuat daftar isi di Blogspot / Blogger :
Contoh daftar isi seperti di bagian kanan atas blog ini, atau seperti gambar di bawah ini:
Caranya:
Pasang kode berikut ini di sidebar blog anda.
<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://nama blog.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>
Note:
- ganti 'nama blog' dengan nama blog anda.
- Tinggi widget bisa disesuaikan dengan manambah atau mengurangi angka di belakang kode 'height'.
Selamat mencoba
Contoh daftar isi seperti di bagian kanan atas blog ini, atau seperti gambar di bawah ini:
Caranya:
Pasang kode berikut ini di sidebar blog anda.
<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://nama blog.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>
Note:
- ganti 'nama blog' dengan nama blog anda.
- Tinggi widget bisa disesuaikan dengan manambah atau mengurangi angka di belakang kode 'height'.
Selamat mencoba
Cara Membuat Label Drop Down di Blogspot
Cara membuat label drop down di Blogspot | Makin banyak postingan di blog, otomatis akan menambah panjang daftar label atau kategori. Apalagi, jika mengangkat topik tertentu dengan item beragam, misalnya lagu.
Itu akan banyak 'memakan'space blog. Nah, solusinya dengan membuat label drop down. Contohnya seperti di blog ini.
Cara membuat label drop down di Blogspot sangat mudah.
1. Masuk 'Lauyout'-->'Edit HTML'-->centang.
2. Cari kode
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
3. Ganti dengan
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
note: kata 'Kategori' bisa diganti sesuai selera.
4. Selesai. Selamat mencoba.
Itu akan banyak 'memakan'space blog. Nah, solusinya dengan membuat label drop down. Contohnya seperti di blog ini.
Cara membuat label drop down di Blogspot sangat mudah.
1. Masuk 'Lauyout'-->'Edit HTML'-->centang.
2. Cari kode
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
3. Ganti dengan
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
note: kata 'Kategori' bisa diganti sesuai selera.
4. Selesai. Selamat mencoba.