Sabtu, 31 Maret 2012

Cara Membuat Artikel 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.
<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:
 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.

Jumat, 30 Maret 2012

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>
.newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcv-O-AF8hMdZTphJRG-soc1DX7XPDmhsmqJMgUTRIWa1jDYtLkkbYgLwXbNvemCyzbW52rQjY0Ej5KhWuwBkakhOEI7HlXfhUQNyuuhyphenhyphen_D_iMRveAFdJCD5HiseXfaEXwbwVhc-8CCN4/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;}

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>

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(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://www.blooger.co.idm/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

Catatan :
Ganti http://www.blooger.co.idm dengan url blog sobat.

6. Klik save dan lihat hasilnya.

Rabu, 28 Maret 2012

Cara Membuat Teks Berjalan di Blog

tulisan berjalan
Tulisan berjalan
Cara Membuat Teks Berjalan di Blog - Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri
 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
 hasilnya
Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan
 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


5. Teks bergerak dari atas ke bawah
 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas
 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
 hasilnya


Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasilnya


Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :
  • Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
  • Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  • Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
  • Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>

hasilnya :
Contoh Tulisan Berjalan

  • Untuk menyisipkan link pada marquee, gunakan kode berikut :
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://www.blooger.co.idm/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>
catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.
hasilnya :
  • Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://www.blooger.co.idm/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://www.blooger.co.idm/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://www.blooger.co.idm/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>
catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer
Hasilnya :

Sekian posting cara bikin tulisan berjalan nya....

Cara Membuat Permalink di Blog

Cara Membuat Permalink di Blog - Apa kabar sobat blogger semua!!! Kali ini saya akan mempostingan jawaban atas pertanyaan sobat blogger tentang cara membuat / memasang permalink di blogspot sama persis dengan permanen link di blog ini. Sekedar informasi, postingan sebelumnya adalah cara membuat logo. Sebelum kita ke TKP ada baiknya saya jelaskan sedikit dulu tentang Permalink ( permanen link).

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.


Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.

Cara Membuat Permanen Link di Blog

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>
.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
<!-- Permalink Tatelu -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i1108.photobucket.com/albums/h405/christian410/269111_225685127450056_100000257112719_900053_7432574_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://www.blooger.co.idm/2012/03/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->

5. Klik save dan lihat hasilnya.

Tambahan :
  • Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
  • Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )

Senin, 26 Maret 2012

Blog di Blogspot dan Blog di Wordpress

blogspot vs wordpress
Blog di Blogspot dan Blog di Wordpress - Jika ada sobat blogger yang bingung dengan judul postingan kali ini, ya saya maklum ... Atau mungkin ada yang bertanya... maksudnya apa?? Sebetulnya maksud saya kali ini adalah menjelasakan tentang perbedaan antara blog di blogspot dan blog di wordpress. Berdasarkan penjelasan yang saya dapat dari sobat http://narzis.net, ada beberapa perbedaan yang sobat semua harus tahu antara ke 2 platform blogging raksasa ini.


Perbedaan Blog di Blogspot dan Blog di Wordpress

1. Template
Untuk template, keduanya menggunakan jenis ekstensi yang berbeda. WordPress menggunakan ekstensi jenis PHP, sedangkan Blogspot lebih memilih untuk menggunakan ekstensi jenis HTML (template classic) dan CSS (new template) yang lebih mudah di edit secara manual. Namun, keduanya sama-sama memiliki dukungan template GRATISAN yang sama banyak.

2. Plugins
WordPress lebih diuntungkan dengan adanya Plugins yang memang sangat membantu. contohnya Plugins SEO Pack yang membantu penggunanya untuk meningkatkan konten maupun blognya di mata Search Engine. Sedangkan bagi pengguna Blogger.com harus diutak-atik sendiri templatenya untuk menjadi seo friendly.

3. Custom Domain
Untuk custom domain (domain berbayar), Blogspot lebih unggul dari segi biaya. Tanpa membeli paket hosting, pengguna Blogspot masih dapat melakukan custom domain dengan tetap menggunakan Blogspot sebagai media servernya. Sedangkan WordPress, kita wajib membeli paket hosting + domain, jadi biayanya sedikit lebih mahal. Apalagi jika Blognya memiliki trafik tinggi, alhasil hosting yang dipilih harus memiliki bandwidth yang besar. Jika tidak, maka Blog / Web tersebut akan sering DOWN.

4. Fitur
Dari segi fitur, keduanya sama-sama memiliki kelebihan dan kekurangan masing-masing. Dalam hal ini, Blogspot cenderung lebih unggul dari segi penggunaan. Blogspot lebih user friendly sehingga lebih mudah untuk digunakan. Fitur unggulan lainnya dari Blogspot adalah kemudahan dalam mengedit template, yakni dalam mengedit file HTML. Pada tata letak, kita juga diberi kemudahan untuk drag-and-drop. Untuk WordPress cenderung sedikit lebih ribet.

Blogspot juga diuntungkan dari segi monetize Blog. Blogspot langsung terintegrasi dengan Google Adsense dan Amazon, yakni pada menu Monetize. Sementara pada WordPress, tidak ada option tersebut. Namun, pengguna WordPress tetap dapat memonetize Blognya di Google Adsense dan Amazon dengan cara registrasi di situsnya secara langsung.

WordPress juga memiliki beberapa keunggulan dari segi fitur bila dibandingkan dengan Blogspot. Salah satu fitur unggulan tersebut adalah adanya fitur edit komentar. Jadi, komentar yang masuk di postingan kita bisa di edit sesuka hati, contohnya saja komentar yang berisi link maupun SPAM. Selain itu, fitur yang ditawarkan WordPress pada saat menulis postingan juga lebih lengkap bila dibandingkan dengan Blogspot. Hmmm…ada lagi nih, form komentar pada WordPress juga lebih user friendly. Sedangkan pada Blogspot, cenderung sedikit agak ribet (bagi pemula).


Postingan kali ini sama sekali tak bermaksud mencerai - beraikan ke 2 kubu ( Blogspot dan WordPress) namu sekedar membandingkan saja, untuk pilihannya tetap ada di tangan sobat.. kalo aku sih pilih blogspot.

Cara Membuat Logo

Logo Blog
Cara Membuat Logo  - Banyak hiasan yang bisa sobat pasang di blog sobat, saran saya pada sobat untuk tidak melewatkan yang satu ini. Kali ini kita akan coba membuat logo website / blog secara online dengan logoease. Logo website sebenarnya  juga bisa sobat buat menggunakan software seperti coreldraw, photoshop dan software - software lainnya, tapi untuk saat ini saya mohon maaf karena saya nggak pakar bidang gituan, kita bahas cara online nya saja. Nggak terlalu beda jauh kok! sama - sama gratis.. hehehe

Postingan kali ini tak bedah jauh dengan 2 postingan saya sebelumnya tentang membuat logo secara online ( baca : membuat logo untuk header secara online) dan cara versi ke 2 nya ( baca : membuat logo header secara online versi 2 ). Sobat blogger yang tertarik memasang logo di blog sobat, silahkan ikuti tutorial berikut.

Cara Bikin Logo
1. Daftar terlebih dahulu ke logoease dengan mengklik di sini!
2. Isi data - data yang di minta seperti nama, login ID, password, Confirm Password, E-mail, Company name, Address ( alamat ), state ( diisi nama kota atau provinsi ),  country ( negara ), Zip Code ( kode pos ), Phone ( no. Hp / Tlp ), fax, dan kode captcha. Kira - kira form pengisisan datanya seperti gambar berikut.

Logo website

tambahan :
Fax tak perlu di isi jika tidak ada ( optional )

3. Setelah mengisi semua form identitasnya, klik submit. Jika pengisian datanya benar, maka sobat akan melihat tampilan berikut yang bertanda bahwa sobat sukses membuat akun di logoease.
Logo Blog

4. Log in dengan Login ID dan password baru sobat, kemudian sobat akan melihat tampilan berikut
Logo website

klik start your logo kemudian akan muncul jendela baru seperti tampilan berikut
Logo Blog

Pilih kategori logo yang akan di pakai. Misalnya sobat menggunakan Mountain, maka sobat akan melihat tempilan berikut.
Logo website

Pada kategori mountain, ada 2 pilihan logo yang bisa di edit pilih salah satu. Misalnya sobat meilih yang ke dua ( dari kiri ) maka tampilannya seperti berikut.
Logo Blog

Edit sesuka hati logonya dengan menambahkan warna, menambahkan dan mengganti huruf atau apapun yang ingin sobat edit.  Jika sudah selesai, klik save kemudian sobat akan melihat tampilan berikut.
Logo website

Pilih logo yang akan di save dengan mencentang radiobutton di samping logo, Klik download logo.

Logo yang di download akan berupa link download yang di kirim ke email yang sobat pakai mendaftar di logoease. Periksa email masuknya dan klik link downloadnya.

Logo website

Tambahan :
Logo yang di download berformat zip, di ekstrak terlebih dahulu dengan winrar.

Logo Blog

Dengan demikian, berarti logo blog sobat sudah berhasil di buat. Berikut logo sederhana yang bisa di hasilkan dari logoease. Silahkan di pakai jika di inginkan...
Logo website
sekian cara membuat logo nya.

Minggu, 25 Maret 2012

Cara Membuat Buku Tamu Auto Hide di Blog

buku tamu cbox
Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog - Apa kabar sobat blogger??? Pertama - tama saya memohon maaf atas komentar - komentar sobat blogger yang belum sempat saya balas sebelumnya, karena hidungku ( mampet ), aktivitas blogging ku terhenti hampir seminggu. Setelah sebelumnya memposting artikel cara memasang artikel acak di blog, kali ini dengan hidung yang masih cenat - cenut saya akan menjawab permintaan dari salah satu sobat blogger yang meminta cara membuat buku tamu auto hide di blog seperti yang tampak di sidebar blog ini.

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="300" height="275" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4100717" style="border:#FFFFFF 1px solid;" id="cboxmain4-4100717"></iframe></div>
<div><iframe frameborder="0" width="300" height="75" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4100717" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform4-4100717"></iframe></div>
</div>
<!-- END CBOX -->
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://www.blooger.co.idm/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>
 

Caranya :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan kodenya di kotak yang di sediakan.
  3. Klik Save 
Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.

    Selasa, 20 Maret 2012

    Free Link Exchange: Get 1 Million Visitors

    English

    This is a great way to exchange links. Because we put a link that will help promoted by 1 million people over just by referring 2 people only. Easy enough to invite two people to the list, as all promotional needs, everyone wants the link spread quickly. Especially if more than 2 people ... how will we be able to link the free n again ..

    Okay, like what and how to do .. my friend lives just a list, not hurt to try, free of this, here we stick to keep the link, link which can be included his post title and URL for each page had a pagerank as well .. our PR's usually only on the front page, while on post pages not have a PR.

    Sign up if you are interested enough. After that please check the password sent to your email, login and then immediately put the article title, description and URL links to be promoted on this website. O Yeah ... we will get our website to promote a replica you know .. For example, I dedicate a post about Free Link Exchange, Get 1 Million Visitors, one easy way to increase traffic and Pegerank our blog.

    Next live to make a post like this or just copy and paste this article to the blog and feel the benefits.

    To register please click the link Free here, then scroll down and click "Sign Up Now Free" or Click To Sign Up.

    Good luck with tips Free Link Exchange: Get 1 Million Visitors this.


    When my friend also has other tips .. please share in comments..!!


    Bahasa Indonesia

    Ini adalah cara dahsyat untuk tukar link. Karena satu link yang kita pasang akan dibantu dipromosikan oleh 1 juta orang lebih hanya dengan mengajak 2 orang saja.  Cukup mudah mengajak 2 orang untuk daftar, karena semua butuh promosi, setiap orang ingin linknya tersebar dengan cepat.  Apalagi kalau lebih dari 2 orang… berapa link yang akan kita dapat n gratis lagi..

    Oke kayak apa dan gimana caranya.. sobat tinggal daftar saja , tak ada ruginya untuk dicoba , gratis ini, disini  link kita bisa nempel terus, link yg dimasukan bisa judul postingan dan URL nya agar tiap page punya pagerank juga.. kan biasanya PR kita hanya di halaman depan saja, sementara di halaman posting gak punya PR.

    Kalau  berminat cukup Mendaftar. Setelah itu silahkan cek password yang dikirim ke email  anda, kemudian langsung login dan pasang judul artikel, keterangan dan URL link yang ingin dipromosikan pada Website ini. Oh ya …  kita juga akan mendapatkan web replikanya untuk kita promosikan lho.. Sebagai contoh saya persembahkan postingan tentang Free Link Exchange: Get 1 Million Visitors, salah satu Cara mudah meningkatkan Traffic dan Pegerank blog kita.

    Selanjutnya tinggal bikin sebuah postingan seperti ini atau silahkan copy paste artikel ini untuk di blog sobat dan rasakan manfaatnya.

    Untuk mendaftar silahkan klik Link Gratis disini ,  kemudian scroll kebawah lalu klik “ Sign Up Now Free “ atau Klik Untuk Mendaftar.

    Selamat mencoba tips Free Link Exchange: Get 1 Million Visitors ini.

    Bila sobat juga punya Tips lain.. tolong share di komentar.. yaa..!!

    Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog


    Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,

    Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,, ]

    bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:

    1. Silahkan Login ke akun blogger sobat.

    2. Lalu masuk ke design Template, klik Edit HTML

    3. Seperti Biasa Centang Expand Template Widget

    4. Kemudian cari kode berikut </body>
    5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode  </body>


    <script type='text/javascript'>var tujuan =&#39;http://Alamat Url Feeds Sobat&#39;</script>
    <script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>


    6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

    Keterangan:
    • Kode warna hijau: ganti dengan URL Feeds sobat
    • Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

    Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

    Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.  

    1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.
    2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

    http://petir-project.googlecode.com/files/fedkcl.png 

    (Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

    3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

    http://petir-project.googlecode.com/files/feed.png

    4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

    NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

    Selamat mencoba ya sobat,,

    Sumber Script: http://santaiselalu.blogspot.com
                            http://ardiyafardhanprayoga.blogspot.com

    Senin, 19 Maret 2012

    Cara Mengembalikan File yang Terhapus Dari Flashdisk

    recycle bin
    Cara Mengembalikan / Merestore File yang Terhapus Dari Flashdisk - Pernah tidak sobat mengalami kejadian dimana ketika sobat memasukkan flashdisk tiba - tiba flshdisknya nggak bisa di akses? yang muncul mala pesan dari windows yang menyatakan untuk memformat ulang flash disk tersebut. Jika pernah, maka sobat bernasib sama dengan saya.

    Sebenarnya memulihkannya cukup mudah, kita cuma perlu memformat ulang flashdisk tersebut dan selesai ... namun ternyata masalah yang sesungguhnya bukan di situ sob.., toh flashdisknya bisa di beli yang baru kan?.. masalahnya bagaimana dengan data - data di dalamnya??

    Pilihan yang sulit jika dalam flashdisk tersebut tersimpan data - data penting milik sobat termasuk file - file tugas yang belum sempat terselesaikan. Memformat ulang berarti sobat harus merelahkan semua data yang ada di flashdisk tersebut dengan kata lain sobat sudah siap mengatakan "goodbye" untuk file penting sobat.  hihihi.. sedih ya sob? jika kita harus memulai semuanya dari awal...

    Jangan sedih dulu sob! karena permasalahan yang sobat hadapi sama dengan masalah saya bahkan mungkin lebih berat saya karena saya terlanjur memformat sebelum ketemu ni tutor,  kali ini saya akan kasih 2 software khusus untuk merestore / mengembalikan file yang menghilang dari flash disk. Selain itu, bisa juga mengembalikan file yang hilang di hard disk dan memory card. Sobat yang tertarik silahkan download sofwarenya.

    Cara Mengembalikan File yang Musnah Dari Flashdisk
    1. Download Software
    2. Download Software 2

    Tambahan :
    Ke 2 software di atas memiliki hasil yang sedikit berbeda, karena itu cobalah ke 2 software di atas.

    sumber software

    Cara Memasang Artikel Acak di Blog

    random post
    Cara Membuat Artikel Acak ( Random Post ) di Blog -  Widget random post adalah widget yang manampilkan postingan atau artikel secara acak atau random untuk seluruh artikel di blog tanpa terkecuali. Berdasarkan penjelasan ini, berarti kita sudah dapat membedahkan antara related post, recent post ( baca : cara membuat recent post berjalan di blog ), popular post dengan random post.

    Dengan memasang widget ini, postingan - postingan lawas yang kemungkina sudah lama tak di lihat pengunjung ( apalagi artikel yang tak memperoleh top 10 google ) akan di tampilkan kembali secara acak bersama postingan - postingan lawas dan postingan terkini lainnya.

    Sobat yang tertarik memasang widget random post di blog silahkan ikuti tutorial berikut.

    1. Klik Rancangan --> Elemen laman --> Tambah Gadget --> Pilih HTML/Javascript
    2. Masukkan kode berikut ke dalam kotak yang di sediakan

    <div style="overflow:auto; width:auto; height:250px; padding:5px;border:px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
    <script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=10;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ol>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ol>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script><span style="float:right; color:#000000;">Get this <a target="_blank" href="http://www.blooger.co.idm/2012/03/cara-memasang-artikel-acak-di-blog.html"> widget! </a></span></div>

    catatan :
    var numofpost=10 berarti jumlah postingan acak yang akan di tampilkan berjumlah 10, silahkan tambah atau kurangi angkahnya dengan memperhitungkan berat loading blog.

    3. Klik save dan lihat hasilnya.

    Singkat padat namun di harapkan bisa membantu...

    sekian...

    Sabtu, 17 Maret 2012

    Cara Membuat Text Area Dengan Tombol Pilih Semua

    Text area merupakan salah satu hal penting untuk meperingkas sebuah posting dalam blog, apalagi text kode yang begitu panjang apabila tidak dimuat dalam text area maka akan memanjang kebawah, dan pastinya membuat susah pengunjung blog untuk mecopy text tersebut.

    Kali ini saya sedikit memberikan tips untuk sobat blogger yang ingin membuat text area yang keren,, heheheheeeee,,,

    Tips ini saya dapat dari illtorro.blogspot.com. Kronologinya, pada saat lagi jalan-jalan di blog para master yang sudah ber PR tinggi saya melihat text area yang saya anggap keren, saya cari-cari akhirbya ketemu juga nih kode HTML untuk membuat text area dengan tombol pilih semua / Select all, 

    Nah bagi sobat yang berminat untuk membuat text area dengan tombol pilih semua / Select all silakan copy paste code dibawah ini:



    <code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">

    Masukan text / kode sobat di sini

    </textarea></form></div></span></code>

    Keterangan:
    1. Text warna hijau: bisa sobat ganti dengan select all / block all / tandai semua dan lain-lain sesuai selera sobat.
    2. Text warna kuning: adalah ketinggian text area tersebut, silakan sobat sesuaikan sendiri.
    3. Text warna biru: adalah panjang kolom text area tersebut, silakan sobat sesuaikan sendiri.
    4. text warna merah: merupakan tempat untuk kode yang inggin sobat taruh di dalam text area tersebut.
    Berikut ini saya berikan contoh text area pilih semua / select all:





    Selamat mencoba dan semoga bermanfaat ya sob,,!!

    Sumber: http://illtorro.blogspot.com

    Jumat, 16 Maret 2012

    Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

    Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam pada salah satu blog saya yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.

    Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,

    Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:


    <div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
    <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
    <div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
    Masukkan tulisanmu di sini
    </div></div></div>

    Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:


    Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

    Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.


    Klik show untuk melihat
    Masukkan tulisanmu di sini


    Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.


    Sumber : http://www.thecyber.co.cc

    Kamis, 15 Maret 2012

    Cara Bikin Forum di Blog

    Cara Bikin Forum Gratis di Blog  - Sobat blogger pasti sudah tahu forum bukan?? Itu loh yang seperti kaskus dan sebagainya tu.. Setelah sebelumnya memposting artikel tentang kumpulan - efek - efek blog ( lengkap ) yang di telan ama kotak pasirnya gugel, kali ini saya akan share tentang bagaimana cara bikin forum di blog blogspot.

    Bukan hanya kaskus aja sob, sekarang di blog sobat juga bisa di pasangi forum. Sobat hanya perlu mendaftar dan kemudian mengambil kode scriptnya kemudian di pasangkan di blog sobat. Cara pasangnya pun terbilang gampang ...  ah.. dari pada ane ngobrol panjang lebar mendingan sobat ikuti utorial berikut.

    Cara Buat Forum di Blog

    1. Menuju ke TKP ( http://www.nabble.com )
    2. Masukkan data - data yang di minta pada gambar yang mirip seperti berikut.

    Pasang Forum di blog


    3. Klik Create Forum kemudian sobat akan melihat tampilan seperti berikut.

    Pasang Forum di blog

    4. Klik Go To Next message

    Pasang Forum di blog

    5. Ambil kodenya dan pastekan di Notepad
    6. Buat postingan baru dengan judul yang di inginkan ( misalnya tatelu community )
    7. Masukkan kode yang tadi dipastekan di notepad ke dalam Edit HTML di postingan sobat.

    Pasang Forum di blog

    8. Buka email masuk pada alamat email yang sobat daftarkan tadi, kemudian cari email masuk dari situs nabble.com dan klik link verifikasi yang di berikan.

    Pasang Forum di blog


    9. Dengan mengklik link yang di berikan, maka sobat otomatis akan menujuh ke situs nabble dan itu bertanda bahwa forum baru sobat sudah berhasil di buat..

    tambahan :
    Jika sobat ingin menambahkan garis tepi , margin, background dan lain - lain di forum, silahkan sisipkan scriptnya pada kode berikut

     <div style="background:#f2f2f2; padding: 5px; border: 1px solid #0000FF; ">

    Kode Scriptnya di sini!

    </div>

    Untuk melihat contoh forum dari Nabble, silahkan kunjungi klik di sini!

    Rabu, 14 Maret 2012

    Cara Membuat Warna Background Transparan di Blog

    Cara Membuat Warna Background / konten Transparan di Blog - Pagi sob! sebelum kita mulai masuk ke tutornya, ada baiknya ane kasih kilas balik tentang postingan ane yang lalu. Sebelumnya saya telah memposting tentang cara membuat banner untuk link exchange dan kumpulan efek - efek blog ( lengkap ).

    Kali ini, kita akan membahas tentang penggunaan opacity ( keburaman ) pada template blog yang mungkin lebih tepatnya penggunaan background transparan ( tembus pandang ) pada template blog.
    Tutor kali ini saya khususkan untuk blog dengan background image atau gambar, tidak terlalu bagus untuk backround warna karna hanya akan menghasilkan perpaduan ke 2 warnanya saja. Misalnya sobat menggunakan background berwarna hitam dengan warna outer-wrapper berwarna putih, maka hasil perpaduannya akan memunculkan warna abu-abu.. jadi nggak berguna dong efek tranparantnya...

    berikut kode yang di gunakan untuk membuat background transparan

    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 0.6;
    -khtml-opacity: 0.0;

    Untuk penerapannya sobat tinggal menyisipkan kode tadi sesudah kode warna. seperti berikut.

    #outer-wrapper{
    width:980px;
    margin:0 auto;
    padding:5px;
    background:#f2f2f2;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 0.6;
    -khtml-opacity: 0.0;
    border:1px solid $bordercolor;
    text-align:$startSide;
    font:$bodyfont
    }

    Tambahan :
    1. Berlaku juga untuk wrapper lainnya seperti header, main, sidebar dan footer, namun saran saya untuk tidak menerapkannya di wrapper lain jika sudah di pasang di outer-wrapper, karena outer-wrapper sudah mencakup semua bagian wrappernya.  
    2. Edit angka yang berwarna merah hingga sesuai dengan keinginan.
    3. Contoh template dengan background transparan klik di sini!

    Daftar Blog Dofollow Terbaru (Update)

    Daftar Blog Dofollow Terbaru ( update ) - Penting bagi suatu blog untuk menanamkan backlink di blog orang lain. Backlink dapat saya artikan sebagai hidup matinya blog. Mengapa ? dengan backlink, blog sobat akan banyak di kenal, dengan backlink juga blog sobat akan tenar, meskipun tak dapat di pungkiri bahwa dengan backlink juga artikel kita bisa masuk sandbox ( backlink ke 1 artikel secara membabi - babi buta ).

    Dari mana sobat blogger mendapat backlink?? saya rasa sobat semua sudah tahu caranya.. salah satunya dengan berkomentar di blog dofollow.  Berikut daftar blog dofollow indonesia maret 2012 yang saya dapatkan dari blog http://hendsoe.blogspot.com milik kang hendsoe.
     

    Pagerank 0

    Url Blog

    Niche

    Alexa

    AAC

    http://archer.biz
    Software
    6,474,128
    Y
    http://planetkentir.blogspot.com
    Blog Umum
    25,377,386
    Y
    http://peluang-uang.blogspot.com
    Bisnis Online
    2,512,905
    Y
    http://zamrudhijau.blogspot.com
    Blog Umum
    22,071,152
    Y


    Pagerank 1

    Url Blog

    Niche

    Alexa

    AAC

    http://info-adit.blogspot.com
    Blog Umum
    1,844,753
    Y
    http://www.adhiprimana.com
    Bisnis Online
    1,233,838
    Y
    http://tidaro.blogspot.com
    Bahasa Jepang
    1.046.567
    Y
    http://cariuangtambahan.blogspot.com
    Blog Umum
    1.867.329
    Y
    http://id.latuminggi.com
    Software
    495,208
    Y
    http://manekutau.blogspot.com
    Blog Umum
    2,363,833
    Y
    http://jemput-rizki.blogspot.com
    Blog Personal
    1.005.275
    Y
    http://bloggerrame.blogspot.com
    Blog Personal
    1.961.946
    Y
    http://blogheboh.blogspot.com
    Blog Bisnis
    2,698,964
    N
    http://ravatar.blogspot.com
    Blog Tutorial
    3,727,155
    N
    http://sebuaharti.blogspot.com
    Blog Umum
    3,660,176
    N
    http://1001peluang-bisnis.blogspot.com
    Blog Bisnis
    2,145,119
    Y
    http://makalahkitasemua.blogspot.com
    Blog Umum
    6,499,543
    Y


    Pagerank 2

    Url Blog

    Niche

    Alexa

    AAC

    info-kesehatan-kita.blogspot.com
    Blog Kesehatan
    1,502,181
    Y
    http://blogsukadi.blogspot.com
    Blog Umum
    1,363,035
    N
    http://pinrangworld.blogspot.com
    Blog Umum
    1,696,586
    Y
    http://ratnarespati.com
    Blog Wanita
    957,810
    Y
    http://sastraculun.blogspot.com
    Blog Umum
    5,123,208
    Y
    http://sony_kuda.blogspot.com
    Blog Umum
    1,297,596
    Y
    http://afifamru.blogspot.com
    Blog Personal
    2,619,150
    Y
    http://mu-ri.blogspot.com
    Blog Personal
    1,641,524
    Y
    http://sekitarkita.info
    Blog Tutorial
    818,557
    N
    http://www.sectoredwin.net
    Blog Umum
    715,374
    Y
    http://infotentangblog.blogspot.com
    Blog Tutorial
    680,854
    Y
    http://miaswari.blogspot.com
    Blog Tutorial
    3,084,064
    Y
    http://top73.blogspot.com/
    Blog Umum
    771,236
    Y
    http://babbicool.blogspot.com
    Blog Umum
    1,379,817
    Y
    http://kode-blogger.blogspot.com
    Blog Tutorial
    496,030
    N
    http://komunitaskami.com
    Blog Tutorial
    499,106
    N
    http://jembelisme.blogspot.com
    Blog Umum
    2,537,618
    N
    http://abidinblog.blogspot.com
    Blog Kesehatan
    1,502,103
    N
    http://devit1104.blogspot.com
    Blog Tutorial
    440,013
    N
    http://www.daunjava.com
    Blog Umum
    2,806,559
    N
    http://infokomp2008.blogspot.com
    Software
    2,545,143
    N
    http://numb3rblog.blogspot.com
    Blog Umum
    1,343,532
    N
    http://poetramahardika.blogspot.com
    Blog Game
    1,136,471
    Y


    Pagerank 3

    Url Blog

    Niche

    Alexa

    AAC

    http://semuadablog.blogspot.com
    Blog Personal
    1,307,459
    N
    http://andreasandre.net
    Blog Umum
    541,476
    Y
    http://e-je.blogspot.com
    Bisnis Personal
    547,963
    Y
    http://cendrawasih11.blogspot.com
    Blog Personal
    574,290
    Y
    http://linktea.blogspot.com
    Blog Personal
    427,814
    Y
    http://modifblogmu.blogspot.com
    Blog Tutoriall
    665,967
    Y
    http://tipis.web.id
    Blog Umum
    291,925
    Y
    http://red-gear.blogspot.com
    Blog Kesehatan
    1,318,778
    Y
    http://cah-cikrik.blogspot.com
    Blog Umum
    605,533
    Y
    http://kangtopjer.blogspot.com
    Blog Tutorial
    610,348
    Y


    Pagerank 4

    Url Blog

    Niche

    Alexa

    AAC

    http://ahyari.com
    Blog Personal
    163,590
    Y
    http://eosmate.blogspot.com
    Blog Personal
    2,361,571
    N
    http://nazieb.com
    Blog Personal

    Y
    http:// denaihati.com
    Blog Personal

    Y
    http://jovieblog.blogspot.com
    Blog Personal
    498,774
    Y


    Pagerank 5

    Url Blog

    Niche

    Alexa

    AAC

    http://subagya.blogspot.com
    Blog Umum
    279,088
    N

     Ket
    • AAC adalah kepanjangan dari Auto Approve Comment
    • Y = YES ( komentar sobat akan langsung di munculkan sesaat setelah sobat memberikan komentar )
    • N = NO ( komentar akan di moderasi atau dimunculkan setelah mendapat persetujuan dari adminnya )

    Berkomentar di blog dofollow ibaratnya menanam di kebun orang lain, bisa di cabut jikakedapatan kurang berkenan, So Berilah komentar berbobot ( bukan spam ) supaya komennya nggak di hapus atau nggak di approve si admin Plus supaya nggak kena murkanya om gugel.

    selamat berburu backlink..
    Diberdayakan oleh Blogger.