Preview
Di bawah adalah gambar akhir ikon bola dunia yang akan dihasilkan.
Detail Tutorial
Berikut adalah sebagian langkah yang dilakukan dalam pembuatan ikon bola dunia.
Archive for Juni 2012
Kode dan Tombol Rahasia Facebook
Tombol Rahasia Facebook memang sudah ada sejak dulu. kode rahasia facebook atau dikenal dengan kode dan tombol rahasia facebook ini unik dan mungkin bagi anda yang belum pernah mencobanya. Facebook juga di beri kemudahan untuk mengakses semisal kita ingin masuk ke halam Profile kita tan menggunakan mouse..
Uniklah kaya di komputer tombol perintah di komputer aja... Mau tau tombol dan kode rahasia facebook, bisa di lihat di bawah ini :
shift + alt + 1 = home
shift + alt + 2 = profile
shift + alt + 3 = permintaan pertemanan
shift + alt + 4 = pesan
shift + alt + 5 = pemberitahuan
shift + alt + 6 = edit account
shift + alt + 7 = settings privasi
shift + alt + 8 = penggemar facebook
shift + alt + 9 = statement of rights and responsibilities
shift + alt + 0= pusat bantuan
Nonton Tv Online
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>
Cara Membuat Kotak Komentar Berada di Tengah
Cara Membuat Kotak Komentar Berada di Tengah - Apa kabar sobat blogger!!! sebelumnya saya ucapkan selamat Hari Raya Paskah bagi yang merayakan. Kali ini saya akan kasih sedikit tips seputar blog, bagaimana cara membuat kotak komentar agar berada ditengah. Seperti yang kita ketahui bahwa kotak komentar default blogger letaknya di sisi kiri, kali ini kita akan mencoba memindahkannya ke tengah.
1. Log in ke akun blog sobat
2 Klik rancangan --> edit HTML --> letakkan kode berikut di atas kode ]]></b:skin>
3. Klik save dan lihat hasilnya.
Tambahan :
untuk sekedar memberi jarak antar tepi kiri dengan kotak komentar, sobat tinggal mengganti kode auto dengan angka yang di inginkan. Misalnya sobat ingin memberi jarak antara kotak komentar dengan tepi sisi kiri maka sobat bisa menggunakan kode berikut :
Sekian dan semoga membantu....
1. Log in ke akun blog sobat
2 Klik rancangan --> edit HTML --> letakkan kode berikut di atas kode ]]></b:skin>
.comment-form{
margin-right: auto;
margin-left: auto;
}
3. Klik save dan lihat hasilnya.
Tambahan :
untuk sekedar memberi jarak antar tepi kiri dengan kotak komentar, sobat tinggal mengganti kode auto dengan angka yang di inginkan. Misalnya sobat ingin memberi jarak antara kotak komentar dengan tepi sisi kiri maka sobat bisa menggunakan kode berikut :
.comment-form{
margin-left:15px;
}
Sekian dan semoga membantu....
Cara Memasang Menu Accordion di Blog
Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat. Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.
1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}
4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
</div>
</div>
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div></div>
</div>
7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??
Cara Membuat Artikel Agar Tidak Bisa di Copy Paste
Cara Membuat Artikel Agar Tidak Bisa di Copy Paste - Apalah yang paling menjengkalkan hati seorang blogger selain ketika artikelnya di Copas ( salin ) tanpa seizinnya. Bayangkan saja sob, artikel yang dengan susah payah di ketik dengan bercucuran keringat dan menguras otak ( hehe.. berlebihan ya?? ) akhirnya harus ada duplikatnya tanpa se izin dari yang empunya artikel.
Meskipun tak sedikit yang tidak mempermasalahkan tindakan Copy paste artikel ini, namun yang namanya mencuri hasil karya tanpa ada ijinnya tetap saja dianggap sebagai tindakan kurang sportif.. sebetulnya saya sendiri tidak mempermasalahkn tindakan copy paste terutama yang lakukan di blog ini, asalkan sobat menyertakan link aktif artikel yang di copas sebagai sumbernya, kira - kira dengan cara seperti itulah kita bisa saling menghargai hasil ketikan jari sesama blogger. Berikut beberapa teknik anti Copas yang bisa saya share untuk sobat blogger.
Gunakan script berikut untuk meletakkan link sumber ( link source ) otomatis ketika di copas
Letakkan script berikut di atas kode <body> kemudian di save.
Ubah tulisan berwarna biru sesuai keinginan. misalnya "artikel bersumber dari"
Namun jika sobat blogger memang sama skali tak mentolerir tindakan ini atau memang tidak mau artikelnya sampai di duplikat orang lain, maka bisa sobat siasati dengan memasang 2 trik anti copas ( disable klik kanan ) berikut.
Membuat Artikel Tidak Bisa di Copas
1. Trik Pertama :
1. Klik rancangan -->Edit HTML
2. Cari dan ganti kode <body> dengan kode berikut
3. klik save
2. Trik Ke Dua :
Menonaktifkan klik kanan sekaligus mengeluarkan pesan peringatan seperti gambar berikut.
Caranya :
1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. masukkan kode dalam kotak yang di sediakan
Ubah tulisan yang berwarna merah dengan pesan peringatan yang di inginkan.
3. klik save
Silahkan pilih yang mana yang di rasa lebih baik, apakah sobat memperbolehkan Copas tapi harus ada link sumbernya, atau sama sekali tidak ingin ada yang meng-copas artikelnya.
Meskipun tak sedikit yang tidak mempermasalahkan tindakan Copy paste artikel ini, namun yang namanya mencuri hasil karya tanpa ada ijinnya tetap saja dianggap sebagai tindakan kurang sportif.. sebetulnya saya sendiri tidak mempermasalahkn tindakan copy paste terutama yang lakukan di blog ini, asalkan sobat menyertakan link aktif artikel yang di copas sebagai sumbernya, kira - kira dengan cara seperti itulah kita bisa saling menghargai hasil ketikan jari sesama blogger. Berikut beberapa teknik anti Copas yang bisa saya share untuk sobat blogger.
Gunakan script berikut untuk meletakkan link sumber ( link source ) otomatis ketika di copas
Letakkan script berikut di atas kode <body> kemudian di save.
<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>
Catatan :Ubah tulisan berwarna biru sesuai keinginan. misalnya "artikel bersumber dari"
Namun jika sobat blogger memang sama skali tak mentolerir tindakan ini atau memang tidak mau artikelnya sampai di duplikat orang lain, maka bisa sobat siasati dengan memasang 2 trik anti copas ( disable klik kanan ) berikut.
Membuat Artikel Tidak Bisa di Copas
1. Trik Pertama :
1. Klik rancangan -->Edit HTML
2. Cari dan ganti kode <body> dengan kode berikut
<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >
3. klik save
2. Trik Ke Dua :
Menonaktifkan klik kanan sekaligus mengeluarkan pesan peringatan seperti gambar berikut.
Caranya :
1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. masukkan kode dalam kotak yang di sediakan
<script>
var pesen="Tidak diperbolehkan klik kanan oleh admin!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(pesen);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(pesen);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(pesen);return false")
</script>
catatan:var pesen="Tidak diperbolehkan klik kanan oleh admin!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(pesen);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(pesen);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(pesen);return false")
</script>
Ubah tulisan yang berwarna merah dengan pesan peringatan yang di inginkan.
3. klik save
Silahkan pilih yang mana yang di rasa lebih baik, apakah sobat memperbolehkan Copas tapi harus ada link sumbernya, atau sama sekali tidak ingin ada yang meng-copas artikelnya.
Cara Mengetahui Keperawanan Seorang Wanita / Gadis
Cara Mengetahui Keperawanan Seorang Wanita / Gadis - Keperawanan adalah mahkota terindah yang dimiliki seorang wanita, namun sayangnya, seiring perkembangan zaman keperawanan seakan - akan bukan lagi hal yang mutlak di pertahankan. Trik dan tips yang akan saya kasih kali ini bukanlah cara paling akurat untuk mengetahui keperawan wanita dan saya yakin belum ada cara yang akurat kecuali dengan melihat bagian dalamnya ( ups... +18 ).
Berikut bagian - bagian yang bisa sobat amati untuk mengetahui keperawanan seorang cewek.
1.Kening atau dahi
Perempuan yang masih perawan,kening/dahinya licin,bila selalu berhubungan seksual/intim,licin pada dahi hilang.akan timbul garis-garis yang kadang tampak,tapi juga kadang tidak tampak ketika dia sedang berbicara.Garis-garis ini beda dengan kedutan orang yang sudah tua,Garis-garis ini tidak begitu terlihat,kecuali ketika mereka sedang berbicara atau tertawa.
2. Rambut Keperawanan
Wanita/perempuan yang masih perawan,rambutnya telihat rapi,segar dan tidak kasar. Sebaliknya wanita yang hilang keperawanannnya, rambutnya kelihatan tidak bergairah (walaupun ini tidak mutlak).Pada zaman dahulu,Ketika wanita/perempuan akan menikah,para penghias pengantin,memotong rambut yang terdapat di dahi/kening dahulu,di tengkuknya (leher belakang) dan di sebelah belakang telinga kiri dan kanan.Rambut ini yang oleh mereka disebut rambut keperawanan.Untuk melakukan test.silahkan masukan rambut keperawanan tadi ke dalam kelapa muda yang sudah di lubangi dan airnya tidak dibuang,bila rambut keperawanan terapung,artinya wanita/gadis itu masih perawan atau suci.Jika semua rambut itu tenggelam,berarti keperawanannya sudah hilang.Selain itu bila disaat di tiup hembusan angin,rambut wanita itu mengembang teratur dan lebut dan kembali ketempat asalnya.
3. Hidung
Wanita/perempuan yang masih perawan,ujung hidungnya berwarna kemerah-merahan.bila disentuh,ujung hidungnya nampak merah.Gadis yang tidak suci,ujung hidungnya berwarna merah,tapi merah pucat atau tidak segar.malahan terkadang pada wanita yang keperawanannya hilang,coba amati dengan seksama ujung hidung wanita yang perawan dan yang sudah menikah.
4. Pinggul
Wanita yang sudah tidak perawan konon pinggulnya akan membesar, so, coba sobat bandingkan antara 2 orang gadis yang berumur sama namun yang satu sudah punya anak ( kawin ) dan yang satu belum ( perawan ), di situ sobat akan dapat membandingkan sendiri besar pinggul ke 2 nya.
Kira - kira begitulah yang saya tahu... mohon tambahkan dengan berkomentar di postingan ini...
Berikut bagian - bagian yang bisa sobat amati untuk mengetahui keperawanan seorang cewek.
1.Kening atau dahi
2. Rambut Keperawanan
3. Hidung
4. Pinggul
Kira - kira begitulah yang saya tahu... mohon tambahkan dengan berkomentar di postingan ini...
Cara Memasang Breaking News di Blog
Cara Memasang Breaking News di Blog - Ada yang baru dengan tampilan christian tatelu, blog jelek ini kini dilengkapi dengan breaking news. Breaking news adalah widget yang dipasang dengan tujuan memperindah tampilan blog dan juga untuk meningkatkan pageview blog. Widget ini berupa judul artikel yang ditampilkan secara bergantian yang terkadang juga di sertai dengan tanggal posting artikel tersebut.
Sebenarnya postingan kali ini hampir sama dengan postingan sebelumnya ( baca : cara membuat headline news di blog ) tapi mungkin yang ini ( breaking news ) agak sedikit lebih keren. Sobat yang tertarik memasang widget ni, silahkan ikuti tutorial berikut.
Cara Memasang Breaking News di Blog
1. Login dulu ke akun blog sobat
2. Klik rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin>
Catatan :
Sesuaikan kode yang berwarna biru dengan ukuran template blog sobat
4. Kemudian letakkan kode berikut di atas kode </head>
5. Cari kode <div id='header-wrapper'> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
Catatan :
Ganti http://try-yugo.blogspot.com/ dengan url blog sobat.
6. Klik save dan lihat hasilnya.
Sebenarnya postingan kali ini hampir sama dengan postingan sebelumnya ( baca : cara membuat headline news di blog ) tapi mungkin yang ini ( breaking news ) agak sedikit lebih keren. Sobat yang tertarik memasang widget ni, silahkan ikuti tutorial berikut.
Cara Memasang Breaking News di Blog
1. Login dulu ke akun blog sobat
2. Klik rancangan --> Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin>
.newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNjBSTEdOQfkgnu5peiB7zHgfJ2zCPM1RYPgSK49MmdsibdlslXOFmv9VOpexynPeNFyxQ4g3aGSzR2gM8QSoVsLn95QwLrPJqfrn2QZuoVoqQqdiCRfQWq0M_0TmVASEKoBqaE_r6fg/s1600/BRK+NW.png) no-repeat top left;width:979px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 979px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}
.news {width: 979px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}
Catatan :
Sesuaikan kode yang berwarna biru dengan ukuran template blog sobat
4. Kemudian letakkan kode berikut di atas kode </head>
<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>
5. Cari kode <div id='header-wrapper'> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
<div class='newspic'>
<div style='float:left;width:979px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://try-yugo.blogspot.com//feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
<div style='float:left;width:979px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://try-yugo.blogspot.com//feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
Catatan :
Ganti http://try-yugo.blogspot.com/ dengan url blog sobat.
6. Klik save dan lihat hasilnya.
Cara Membalas Komentar di Blog
Cara Membalas Komentar di Blog - Berkomentar adalah jalan untuk silahturahmi sesama blogger. Setelah sebelumnya memposting artikel cara bikin blog, kali ini saya akan kasih tips sederhana bagaimana cara membalas komentar di blog. Tutorial ini saya khususkan ke pada sobat - sobat blogger newbie yang kesulitan membalas komentar dari blogger lainnya.Mengapa memposting artikel jadul seperti ini? satu - satunya alasan saya yaitu karna saya sama seperti blogger lainnya yang memulai segala sesuatu dari awal, oleh karna itu setidaknya saya tahu apa yang dibutuhkan blogger pemula yang dulunya saya pernah lewati.
Cara Membalas Komentar di Blogger / Blogspot
Untuk membalas komentar di blog ada 2 cara, yaitu :
1. Dengan membalas pada halaman yang dikomentari
Dalam hal ini bagi yang belum memasang threaded Comment ( baca : cara membuat threaded comment di blog ), silahkan gunakan kode "@namapemberikomentar" untuk memperjelas kepada siapa balasan di berikan.
2. Dengan membalas pada halaman blog si pemberi komentar
Dalam hal ini sobat tentuhnya harus berkunjung balik ke blog si pemberi komentar dan memberi komentar balasan kepadanya. Jika blog si pemberi komentar memasang bukutamu di blognya, silahkan membalas komentar di buku tamu ( guestbook ) tersebut.
Penting :
Berkomentar adalah cara terbaik mencari backlink satu arah, karna itu janganlah bosan - bosan berkomentar di blog terutama blog dofollow.
Nah sekarang silahkan balas komentar di blog sobat yang sudah lama menunngu balasan... Sekian...
Cara Memasang Game Online di Blog
Cara Memasang Game Online di Blog - Cara Pasang Game di Blogspot - Kadang kala ada saja faktor yang membuat kita malas ngeblog, ada yang karena bosen, karena nggak mood dan macem - macem deh... Sebenarnya rasa bosen tu terjadi di berbagai kegiatan bukan hanya ngeblog, kali ini saya akan kasih tutorial cara mensiasati kebosanan ngeblog.
Mengawali pagi yang indah ini, saya akan memulai postingan saya yang berjudul Cara Meletakkan Game Onlien di Blog yang nantinya bisa sobat maenkan langsung di blog sobat sendiri. Setelah sebelumnya berhasil memposting cara memasang TV di Blog, Cara Bikin Blog, dan lainnya, kali ini akan saya kasih tutorial lengkap cara pasang permainan di blogspot entah sobat pasang di sidebar ataupun di halaman posting. Sobat yang tertarik, silahkan ikuti tutorial berikut.
1. Silahkan menuju ke http://www.khemer.com, disitu sobat akan melihat tampilan seperti berikut.
2. Pilih game yang di inginkan, kemudian ambil embed kode nya.
Cara Pemasangan :
Cara pemasang di sini terbagi 2 yaitu di pasang di halamn postingan ( artikel ) dan di sidebar sebagai widget. Mari kita lihat tutorialnya.
A. Memasang Game Online di Postingan Blog
1. Log in ke akun blogger sobat
2. Buat entri baru dengan meng-klik tulisan Entri Baru
3. Masukkan Embed Code di Edit HTML di form penulisan artikel. Lihat Gambar
4. Setelah itu, klik tulisan Terbitkan Entri yang menadakan entri sobat sudah terposting.
B. Memasang Game Online di Sidebar Blog
1. Klik Rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan embed kode kedalam kotak yang di sediakan.
3. Klik Save / Simpan
Tambahan :
Embed Code yang sobat ambil, kira - kira seperti berikut.
Tambahkan kode <center></center> agar game online ditampilkan di tengah halaman. Hasilnya seperti berikut.
Mengawali pagi yang indah ini, saya akan memulai postingan saya yang berjudul Cara Meletakkan Game Onlien di Blog yang nantinya bisa sobat maenkan langsung di blog sobat sendiri. Setelah sebelumnya berhasil memposting cara memasang TV di Blog, Cara Bikin Blog, dan lainnya, kali ini akan saya kasih tutorial lengkap cara pasang permainan di blogspot entah sobat pasang di sidebar ataupun di halaman posting. Sobat yang tertarik, silahkan ikuti tutorial berikut.
1. Silahkan menuju ke http://www.khemer.com, disitu sobat akan melihat tampilan seperti berikut.
2. Pilih game yang di inginkan, kemudian ambil embed kode nya.
Cara Pemasangan :
Cara pemasang di sini terbagi 2 yaitu di pasang di halamn postingan ( artikel ) dan di sidebar sebagai widget. Mari kita lihat tutorialnya.
A. Memasang Game Online di Postingan Blog
1. Log in ke akun blogger sobat
2. Buat entri baru dengan meng-klik tulisan Entri Baru
3. Masukkan Embed Code di Edit HTML di form penulisan artikel. Lihat Gambar
4. Setelah itu, klik tulisan Terbitkan Entri yang menadakan entri sobat sudah terposting.
B. Memasang Game Online di Sidebar Blog
1. Klik Rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan embed kode kedalam kotak yang di sediakan.
3. Klik Save / Simpan
Tambahan :
Embed Code yang sobat ambil, kira - kira seperti berikut.
<object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object>
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object>
Tambahkan kode <center></center> agar game online ditampilkan di tengah halaman. Hasilnya seperti berikut.
<center><object height="310" width="390"><param name="animation" value="file">
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object></center>
<embed src= "http://www.khemer.com/files/e3c7b5b08485903e.swf" width="390" height="310"></embed></object></center>
Agar Blog Banyak Pengunjung
Agar Blog Banyak Pengunjung -Wah.. udah lama nich nggak posting.. Mengawali pagi yang cerah ini, kali ini saya akan memposting tentang cara agar blog banyak pengunjung. Visitor adalah harga mati dalam dunia blog.. Betul? Untuk apa kita mengoptimasi template , memakai beribu hiasan di blog, dan menulis artikel se orisinil mungkin yang nantinya hanya kita sendiri yang menikmatinya ? Blog kita butuh dipromosikan.. Promosi bisa dilakukan dengan berbagai cara.. Diantaranya
1. Memperkenalkan blog ke Berbagai Search engine ( khususnya Google, yahoo, dan Bing). Klik disini!
2. Memperkenalkan Blog ke Blog yang lain ( dalam hal ini "Blogwalking" ).
3. Memperkenalkan Blog ke Jejaring Social ( Khususnya Facebook dan Twitter).
4. Memperkenal Blog Ke Forum - Forum Online.
5. Memperkenalkan Blog Ke Social Bookmarking
Dan untuk satu hal penting yang menjadi hidup matinya blog, yaitu BACKLINK. Backlink itu akan ada dengan sendirinya jika sobat melakukan ke 5 langkah di atas... Sekian....
Dipersilahkan bagi para sobat blogger yang ingin memberi masukkan atau tambahan mengenai postingan di atas...
1. Memperkenalkan blog ke Berbagai Search engine ( khususnya Google, yahoo, dan Bing). Klik disini!
2. Memperkenalkan Blog ke Blog yang lain ( dalam hal ini "Blogwalking" ).
3. Memperkenalkan Blog ke Jejaring Social ( Khususnya Facebook dan Twitter).
4. Memperkenal Blog Ke Forum - Forum Online.
5. Memperkenalkan Blog Ke Social Bookmarking
Dan untuk satu hal penting yang menjadi hidup matinya blog, yaitu BACKLINK. Backlink itu akan ada dengan sendirinya jika sobat melakukan ke 5 langkah di atas... Sekian....
Dipersilahkan bagi para sobat blogger yang ingin memberi masukkan atau tambahan mengenai postingan di atas...
Cara Memasang Tv Online Streaming di Blog
A. Untuk memasang TV Online di sidebar blog, sobat ikuti tutorial berikut.
1. Log in ke akun blog sobat
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> pilih HTML/Javascript
3. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>
4. klik save
B. Untuk cara pemasangan di halaman postingan berikut tutorialnya .
1. Login ke akun blog sobat
2. Klik Entri baru kemudian beri judul sesuai keinginan. Misalnya Nonton TV Online
3. Masukkan kode berikut di Edit HTML di postingan dan jangan di Compose
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>
4. Klik Terbitkan Entri dan lihat hasilnya..
Tambahan :
Atur ukuran width ( lebar ) dan Height ( tinggi ) TV online sesuai keinginan.
Cara Memasang Lagu di Blog
Cara Memasang Lagu di Blog - Bagaimana cara sobat menghias blog sobat?? Sudahkan sobat memasang widget Mp3 di blog sobat?? kalo belum dan sobat ingin memasangnya, berikut ada tutorial yang bisa sobat ikuti sebagai panduan memasang lagu di blog.
Lagu / Mp3 adalah salah satu widget blog yang biasa di pasang untuk mengusir kepenatan dalam ngeblog. Widget ini banyak di gunakan oleh para blogger newbie ( pemula ) dalam menghias blog. Sekedar info, bahwa mungkin widget ni akan sedikit menambah beban loading blog sobat, itulah sebabnya mengapa para blogger yang sudah lama ngeblog ( Blogger Senior ) jarang menggunakan widget ini.
Tapi bagi sobat yang tertarik memasangnya kali ini saya akan kasih tutorial nya. Silahkan ikuti Cara Memasang lagu di Blog ( Blogspot ) berikut.
1. Sign up ke MixPod dengan mengisih data - data yang diminta seperti gambar berikut. Kemudian Klik Sign Up.
2. Kemudian sobat akan tampilan berikut.
3. Seperti pada gambar, langkah tersebut sobat lewati dengan mengklik No thanks, go to my account.
3. Kemudian Klik Create Playlist.
4. Selanjutnya sobat akan di mintah untuk memilih lagu untuk di masukkan dalam playlist.
5. Cari lagu yang sobat inginkan dan klik tanda plus (+) untuk memasukan lagu ke playlist, kemudian klik Costumize untuk mengatur tampilan Mixpod nya.
Di dalam menu costumize, sobat akan melihat 3 pilihan menu. antara lain, Skins, Color & Style dan Setting. atur sesuai keinginan.
6. Klik Save Playlist kemudian beri judul dan deskripsi untuk playlistnya. misalnya..
Title : lagu
Deskripsi : Laguku
7. Ambil Scriptnya dengan meng klik Save (get code) dan pasangkan di HTML/Javascript blog sobat.
Caranya, Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript--> Masukkan kodenya ke dalam kotak yang di sediakan. Klik save dan selamat mendengarkan.
Lagu / Mp3 adalah salah satu widget blog yang biasa di pasang untuk mengusir kepenatan dalam ngeblog. Widget ini banyak di gunakan oleh para blogger newbie ( pemula ) dalam menghias blog. Sekedar info, bahwa mungkin widget ni akan sedikit menambah beban loading blog sobat, itulah sebabnya mengapa para blogger yang sudah lama ngeblog ( Blogger Senior ) jarang menggunakan widget ini.
Tapi bagi sobat yang tertarik memasangnya kali ini saya akan kasih tutorial nya. Silahkan ikuti Cara Memasang lagu di Blog ( Blogspot ) berikut.
1. Sign up ke MixPod dengan mengisih data - data yang diminta seperti gambar berikut. Kemudian Klik Sign Up.
2. Kemudian sobat akan tampilan berikut.
3. Seperti pada gambar, langkah tersebut sobat lewati dengan mengklik No thanks, go to my account.
3. Kemudian Klik Create Playlist.
4. Selanjutnya sobat akan di mintah untuk memilih lagu untuk di masukkan dalam playlist.
5. Cari lagu yang sobat inginkan dan klik tanda plus (+) untuk memasukan lagu ke playlist, kemudian klik Costumize untuk mengatur tampilan Mixpod nya.
Di dalam menu costumize, sobat akan melihat 3 pilihan menu. antara lain, Skins, Color & Style dan Setting. atur sesuai keinginan.
6. Klik Save Playlist kemudian beri judul dan deskripsi untuk playlistnya. misalnya..
Title : lagu
Deskripsi : Laguku
7. Ambil Scriptnya dengan meng klik Save (get code) dan pasangkan di HTML/Javascript blog sobat.
Caranya, Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript--> Masukkan kodenya ke dalam kotak yang di sediakan. Klik save dan selamat mendengarkan.
Cara Memasang / Membuat Tanda Tangan di Blog
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.
Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.
3. Setelah itu, klik tulisan Using the signature creation wizard.
4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
5. Pilih jenis huruf yang di inginkan dan klik Next Step.
6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.
8. Atur kemiringan ( slope ) teks dan klik Next Step
9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.
Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.
Beginilah hasilnya
Cara Memasang Flag Counter di Blogspot
Cara Memasang Flag Counter di Blog Blogspot - Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
Setelah sebelumnya posting cara membuat banner untuk link exchange kali ini saya akan share cara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.
1. Sobat kunjungi situs http://flagcounter.com
Sobat akan melihat tampilan seperti berikut.
2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..
4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.
Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.
Setelah sebelumnya posting cara membuat banner untuk link exchange kali ini saya akan share cara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.
1. Sobat kunjungi situs http://flagcounter.com
Sobat akan melihat tampilan seperti berikut.
2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..
- Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
- Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.
- Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
- Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
- Column of Flags : Jumlah kolom untuk counter
- Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
- Background Color : Warna latar belakang
- Text Color : warna teks
- Border color : Warna garis tepi
- Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
- Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
- Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung
4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.
Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.
Menggambar Ikon Bola Dunia dengan Photoshop
Dalam tutorial ini, saya akan menunjukkan cara menggambar ikon bola dunia menggunakan Photoshop. Tutorial ini menggunakan teknik Photoshop dasar dan permainan layer styles. Klik di sini untuk melihat tutorial secara lengkap.
Membuat Robot Line Follower Sederhana
hmm..apakah di antara pembaca ada yang mengerti apa itu “robot line follower”? karena banyaknya request tutorial membuat robot pada postingan saya sebelumnya, sekarang akan saya tunjukkan salah satu contoh pembuatan robot, yaitu robot line follower.. enjoy.. 
- Pendahuluan
- Sensor (Rangkaian Photo Dioda)
- Sensor (Cara Kerja)
- Processor (Pendahuluan) – update : 11 Januari 2009
- Processor (IC LM339) – update : 11 Januari 2009
- Processor (IC 74LS00) – update : 13 Januari 2009
- Processor (Motor) – update : 13 Januari 2009
- Processor (Transistor) – update : 27 Januari 2009
- Mekanik – update : 27 Januari 2009
- PCB Layout – update : 27 Januari 2009
Secara sederhana, robot line follower adalah robot yang dapat bergerak mengikuti garis secara OTOMATIS! Sebenarnya, kalau pembaca googling, banyak sekali tutorial membuat robot line follower di internet, tapi hampir semuanya ribet dan menggunakan mikrokontroler yang belum dimengerti oleh bocah” smp dan sma yang banyak comment di postingan saya sebelumnya. Hehe.. Di bawah ini contoh robot line follower.
Di bawah ini contoh robot line follower.
Nah..terlihat bukan di gambar ada sebuah ‘benda’ dengan roda yang dapat bergerak mengikuti garis / jalur berwarna hitam yang berbelok-belok. ‘Benda’ tersebut mengikuti garis dengan otomatis loh. Prinsip dasarnya, sama seperti manusia, mata digunakan untuk melihat, kaki/roda digunakan untuk berjalan, dan otak digunakan untuk berpikir. 3 Komponen utama pada setiap robot : mata, kaki, dan otak. Sama seperti penjelasan saya pada postingan sebelumnya, jangan pikirkan robot itu RIBET, pikirkan robot itu sederhana, jangan dulu mikir yang rumit-rumit, robot line follower yang sekarang akan saya tunjukkan adalah sesuatu yang SEDERHANA..! tanamkan kata” sederhana pada pikiran pembaca sebelum memulai. Okeh..satu gambar lagi sebelum kita memulai tutorialnya.. Gambar di bawah ini adalah salah satu contoh track yang digunakan untuk lomba Line Follower Robot. Track yang cukup unik bukan? Sekarang udah kebayang kan robot yang mau dibuat seperti apa?
Gambar di bawah ini adalah salah satu contoh track yang digunakan untuk lomba Line Follower Robot. Track yang cukup unik bukan? Sekarang udah kebayang kan robot yang mau dibuat seperti apa?
Sensor dapat dianalogikan sebagai ‘mata’ dari sebuah robot. Mata di sini digunakan untuk ‘membaca’ garis hitam dari track robot. Kapan dia akan berbelok ke kanan, kapan dia berbelok ke kiri. Semua berawal dari mata bukan? Kita sebagai manusia tahu arah kita berjalan karena kita memiliki mata. Yaah, sama seperti robot.
Pada robot line follower, sensor robot yang dapat digunakan ada 3 jenis, yaitu LDR (Light Dependent Resistor), Photo Dioda, dan Photo Transistor. Saya tidak akan menjelaskan satu” secara detail, di sini kita gunakan photo dioda sebagai sensor robot. Kalau yang masih penasaran dengan sensor lainnya, silahkan tanya om google saja. 
Nah..gambar di samping kanan adalah 1 pasang sensor yang akan kita gunakan pada robot line follower. Bentuknya mirip seperti LED, yang berwarna ungu bernama receiver (photo dioda) dan yang berwarna bening bernama transmitter (infrared). Kalau pembaca ingin membeli di toko elektronik, bilang saja 1 pasanginfrared sensor. Untuk membuat robot ini, kita gunakan 4 pasang sensor seperti di kanan. Sip? Murah koQ, satu pasangnya 3 ribu rupiah..hehe.. Kemudian, setelah kita mengetahui sensor apa yang akan kita pakai, coba buat dulu rangkaian seperti di bawah ini untuk setiap 1 pasang sensor :
Nah, untuk 4 pasang sensor..kita perlu membuat 4 rangkaian seperti di samping kiri ini. Cara kerjanya cukup sederhana, hanya berdasarkan pembagi tegangan. Penjelasan di paragraf berikutnya aja yaa..hehe.. Lambang LED yang berwarna hitam adalah transmitter atau infrarednya yang memancarkan cahaya infrared terus menerus jika disusun seperti rangkaian di samping. Lambang LED yang kanan adalah receiver atau photo dioda-nya yang menangkap cahaya infrared yang ada di dekatnya. INGATmasang photo dioda-nya HARUS terbalik, seperti gambar rangkaian di samping. Dari rangkaian sensor ini, kita ambil OUTPUT (to comparator, A/D converter, dll) yang ditunjukkan oleh gambar di samping.Sekarang pertanyaannya, koQ lucu yaa sensor CUPU kaya gitu bisa baca garis? Cara kerjanya ditunjukkan oleh gambar di bawah ini.
Cara kerjanya ditunjukkan oleh gambar di bawah ini. 
Ketika transmitter (infrared) memancarkan cahaya ke bidang berwarna putih, cahaya akan dipantulkan hampir semuanya oleh bidang berwarna putih tersebut. Sebaliknya, ketika transmitter memancarkan cahaya ke bidang berwarna gelap atau hitam, maka cahaya akan banyak diserap oleh bidang gelap tersebut, sehingga cahaya yang sampai ke receiver tinggal sedikit. Nah, artinya kita sudah bisa membedakan pembacaan garis dari sensor bukan? Kalau kita sudah tahu, perbedaan cahaya yang diterima oleh receiver akan menyebabkan hambatan yang berbeda-beda di dalam receiver (photo dioda) tersebut. Ilustrasinya seperti gambar di bawah ini.Kalau cahaya yang dipancarkan ke bidang putih, sensor akan :
Sebaliknya, kalau cahaya yang dipantulkan oleh bidang hitam, maka sensor akan :
Setelah kita tahu ilustrasi sensor, tinjau kembali rangkaian sensornya, bisa kita analogikan seperti :
Tadi kita tahu kalau hambatan receiver berubah-ubah, jadi otomatis rangkaian sensor yang bagian kanan bisa kita analogikan seperti gambar. Receiver bisa kita analogikan dengan resistor variabel, yaitu resistor yang nilai hambatannya bisa berubah. Otomatis, dengan pembagi tegangan, nilai tegangan di output rangkaian juga akan berubah-ubah bukan? Jadi, baca putih akan mengeluarkan output dengan tegangan rendah (sekitar 0 Volt) dan baca hitam akan mengeluarkan output dengan tegangan tinggi (mendekati Vcc = 5 Volt). Kalau rangkaian sensor pembaca sudah jadi, bisa dibandingkan dengan punya saya yang ditunjukkan oleh gambar di bawah ini. 
Processor yang kita gunakan di sini bukanlah processor” canggih seperti intel dan amd. Bahkan, kita sama sekali TIDAK menggunakan mikrokontroler, karena saya anggap mikrokontroler cukup rumit untuk ukuran smp dan sma. Dalam hal ini, kita gunakan 2 IC (integrated circuit) saja, yaitu 1 buah LM339 (Komparator) dan 1 buah 74LS00 (NAND gate). Simple bukan? Di bawah ini gambar kedua IC tersebut :
Bahkan, kita sama sekali TIDAK menggunakan mikrokontroler, karena saya anggap mikrokontroler cukup rumit untuk ukuran smp dan sma. Dalam hal ini, kita gunakan 2 IC (integrated circuit) saja, yaitu 1 buah LM339 (Komparator) dan 1 buah 74LS00 (NAND gate). Simple bukan? Di bawah ini gambar kedua IC tersebut :
IC LM339 biasa disebut sebagai komparator. Yah, dari istilahnya saja sudah ketahuan kalau gunanya adalah untuk meng-compare(membandingkan). Dengan kata lain, sesuatu yang berbentuk analog harus dikonversi dulu ke dalam bentuk digital (deretan biner) pada dunia elektronika. Hal ini bertujuan untuk mempermudah processing. Gambar di bawah ini adalah datasheet LM339. Coba perhatikan dulu sebentar
Gambar di bawah ini adalah datasheet LM339. Coba perhatikan dulu sebentar 
Nah, 1 IC LM339 terdiri dari 4 buah komparator (yang berbentuk segitiga ). Knapa kita hanya gunakan 1 buah IC ini? Soalnya kita juga hanya menggunakan 4 buah sensor. Kemudian, tinjau bagian komparator yang di sebelah kanan.Satu buah komparator terdiri dari 2 input, yaitu Vin (input masukan dari sensor) dan Vref (tegangan referensi). Pada dasarnya, jika tegangan Vin lebih besar dari Vref, maka Vo akan mengeluarkan logika 1 yang berarti 5 Volt atau setara dengan Vcc. Sebaliknya, jika tegangan Vin lebih kecil dari Vref, maka output Vo akan mengeluarkan logika 0 yang berarti 0 Volt. Knapa kita bisa membandingkan seperti ini? Nah, seperti yang sudah saya bahas di poin sensor, sensor akan menghasilkan tegangan yang berbeda-beda ketika dia membaca bidang putih atau hitam kan?
Kemudian, jangan lupa untuk menambahkan resistor pull-up di keluaran komparator (Vo). Hal ini disebabkan oleh perilaku IC LM339 yang hanya menghasilkan logika 0 dan Z (bukan logika 1), sehingga si logika Z ini harus kita tarik ke Vcc dengan resistor pull-up agar menghasilkan logika 1. Sip?
Setelah digabung dengan sensor, ilustrasi rangkaian menjadi seperti ini.
IC 74LS00 merupakan “NAND gate” yang berguna dalam teknologi digital. NAND gate terkait dengan logika 0 dan 1 serta merupakan gate yang paling simple dan bisa merepresentasikan semua jenis gate yang ada. Saya rasa bocah smp atau sma blom bisa memahami bagian ini. Jadi saya skip saja.. Di bawah ini adalah datasheet IC 74LS00.
Di bawah ini adalah datasheet IC 74LS00.
Sekarang kita tinjau, bagaimana cara motor bekerja ketika robot berbelok ke kiri dan ke kanan. Lihat ilustrasi di bawah ini ketika robot akan berbelok ke arah kanan.
Kemudian, lihat ilustrasi di bawah ini ketika robot akan berbelok ke arah kiri.
Nah..Ketika robot bergerak lurus, motor akan menyala dua”nya.
Nah..Sekarang knapa tiba” muncul transistor?!
Jawabannya cukup simple. Output dari IC NAND tidak mungkin kuat untuk mendrive transistor. Kalau saya tidak salah, output IC hanya sekitar 2 V. Jadi, kita membutuhkan sambungan langsung motor ke baterai untuk menggerakkannya. Knapa kita pakai transistor? Ada yang tahu apa guna transistor?
Jawabannya cukup simple. Output dari IC NAND tidak mungkin kuat untuk mendrive transistor. Kalau saya tidak salah, output IC hanya sekitar 2 V. Jadi, kita membutuhkan sambungan langsung motor ke baterai untuk menggerakkannya. Knapa kita pakai transistor? Ada yang tahu apa guna transistor?
Transistor dapat berfungsi sebagai saklar / switch on off. Motor tidak menyala terus menerus bukan? Sudah saya jelaskan di bab sebelumnya, pada jalur tertentu motor akan mati dan menyala. Nah,, nyala mati motor tersebut diatur oleh transistor. Transistor yang digunakan di sini adalahNPN. Pada dunia elektronika, transistor terdiri dari dua jenis, yaitu PNP dan NPN. Berikut ilustrasi gampangnya terkait dengan motor.
Jadi, sejauh ini kita punya rangkaian lengkap seperti di bawah ini.
9. Mekanik
Hmm..
sebenarnya,,jujur saja saya kurang mengerti bagian mekanik. Soalnya saya bukan orang mesin..hehe.. Saya cuma tahu sedikit tips, yaitu buat gear yang besar” agar torsi-nya besar. Jadi, robotnya bisa berbelok dengan kuat. Kalau torsi kecil, robot akan sulit untuk berbelok. Gampangnya gitu aja..hehe..
sebenarnya,,jujur saja saya kurang mengerti bagian mekanik. Soalnya saya bukan orang mesin..hehe..
Saya cuma tahu sedikit tips, yaitu buat gear yang besar” agar torsi-nya besar. Jadi, robotnya bisa berbelok dengan kuat. Kalau torsi kecil, robot akan sulit untuk berbelok. Gampangnya gitu aja..hehe.. 10. PCB Layout
Berikut ini pcb layout dari sensor robot line follower, terdiri dari 4 sensor. Layout PCB ini dibuat dengan menggunakan software eagle.
Di bawah ini layout pcb dari rangkaian processor, yang terdiri dari 1 IC NAND dan 1 IC komparator.
yang jadinya akan seperti gambar di bawah ini
oke..sekian tulisan saya tentang membuat robot line follower sederhana. Kalau ada pembaca yang ingin bertanya silahkan.. Saya akan menjawab dengan senang hati..hehe.. sampai jumpah di tulisan robot saya lainnya..
sampai jumpah di tulisan robot saya lainnya.. 
