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.

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/AVvXsEgSj3bFmyMLPjhngk5VfAumwf4Wsb-TZG5SDGd-2aVisnpaKkTuYPr_WUvr_17rs3KzMCKxG4Cqod-pW2NrIx6xLJuxow1Fvhdq-1BIDttWKPmm7AQ2zQgmo2ebTn59HfkMBvBvFJ1M9Aw/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://christiantatelu.blogspot.com/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://christiantatelu.blogspot.com dengan url blog sobat.

6. Klik save dan lihat hasilnya.

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://christiantatelu.blogspot.com/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://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/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://christiantatelu.blogspot.com/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 )

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.

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://christiantatelu.blogspot.com/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.

    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://christiantatelu.blogspot.com/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...

    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!
    Cara Membuat Warna Background Transparan di Blog

    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)

    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..
    Pasang Logo Blogger Manado di Blog

    Pasang Logo Blogger Manado di Blog

    Pasang Logo Blogger Manado di Blog - Salam blogger kawanua kawan!!! Kali ini khusus untuk teman blogger yang berasal dari manado ( sulawesi utara ), saya akan sedikit berbagi tentang widget yang baru saja saya buat, widget apakah itu?? Widget ini hampir sama dengan widget i love indonesia yaitu memberi informasi tentang daerah asal blogger. Dan widget kali ini saya beri nama widget blogger manado. contohnya bisa sobat lihat di sudut kiri atas blog ini.

    Sobat blogger manado yang tertarik memasang widget blogger manado di blog, silahkan

    Cara Memasang Logo Blogger Manado di Blog

    1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
    2. Pilih kode widget ke dalam kotak yang di sediakan .
    3. Kemudian klik save.

    berikut kode widgetnya ...
    Logo Blogger manado


    Logo Blogger manado



    Logo Blogger manado
    Tambahan :
    Untuk mengubah posisi widget, silahkn edit kode topright pada script di atas.
    • top : atas
    • bottom : bawah
    • left : kiri
    • right : kanan

    Postingan ini masih akan di update karena ada kemungkinan widgetnya nanti akan di tambah.. sekian dulu sob!!!
    Cara Membuat Kode Tukar Link Banner di Blog

    Cara Membuat Kode Tukar Link Banner di Blog

    Cara Membuat Kode Tukar Link Banner di Blog - Demi menjalin kekerabatan antara sesama blogger, serasa tak cukup jika hanya sekedar blogwalking, salah satu yang seharusnya ada di blog adalah halaman Tukeran Link. Halaman ini nantinya akan berisi daftar link - link blog sahabat yang sobat pasang secara manual ( bukan otomatis ) dengan tujuan memberi backlink dan trafik pada blog yang di pasang bannernya.

    Kali ini kita akan membahas cara memasang kode tukeran link di blog yang bisa sobat pasang di sidebar ataupun di halaman posting. Silahkan ikuti tutorial berikut bagi sobat blogger yang tertarik memasangnya.

    1. Tukar Link Teks
    <center><textarea code="" rows="4" cols="21" name=""><a href="http://christiantatelu.blogspot.com/" target="_blank">Christian Tatelu</a></textarea></center>

    Hasilnya :




    Catatan :
    • Ganti kode kode berwarna biru dengan url blog sobat.
    • Ganti kode berwarna merah dengan judul blog sobat.
    • Ganti angka berwarna hijau dengan angka yang diinginkan ( mengatur lebar dan tinggi text area )

    2. Tukar Link Gambar
    <div style="text-align: center;">
    <img alt="christian tatelu" border="0" src="http://i1108.photobucket.com/albums/h405/christian410/cooltext610503717.gif" />
    <textarea code="" rows="4" cols="21" name=""><center><a href="http://christiantatelu.blogspot.com" target="_blank" title="christian tatelu"><img src="http://i1108.photobucket.com/albums/h405/christian410/cooltext610503717.gif" alt="christian tatelu" /></a></center></textarea></div>

    Hasilnya :

    christian tatelu


    Catatan :
    • Ganti kode kode berwarna biru dengan url blog sobat.
    • Ganti kode berwarna merah dengan judul blog sobat.
    • Ganti angka berwarna hijau dengan angka yang diinginkan ( mengatur lebar dan tinggi text area )
    • Ganti kode berwarna ungu dengan Url gambar sobat.
    • Sobat yang belum mempunyai banner untuk link exchange silahkan lihat postingan lain tentang cara membuat banner untuk link exchange.
    Cara Pemasangan :
    1. Untuk cara pemasangan di postingan, silahkan masukkan di dalam Edit HTML dan bukan Compose.
    2. Untuk cara pemasangan di sidebar, silahkan sobat masukkan ke dalam HTML/Javascript blog sobat.
    caranya :
    Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
    Masukkan kode ke dalam konten yang di sediakan
    Klik save dan lihat 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..
      • 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
      3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.



      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.

      Cara Membuat Banner Untuk Link Exchange

      Cara Membuat Banner Untuk Link / Banner Exchange Blog - Link Exchange atau tukar link adalah bagian yang tak terpisahkan dari dunia blogger dan sebagin besar blogger menggunakannya. Kali ini saya akan share cara membuat banner untuk banner/link exchange.
       Postingan ini sebenarnya hampir sama dengan 2 postingan saya sebelumnya yaitu cara membuat logo header secara online dan versi ke 2 nya yaitu cara membuat logo header secara online versi 2, cuma mungkin bedanya kalau yang dulu saya khususkan untuk logo header nah yang ini saya khususkan untuk banner blog hehehe.

      Sobat sekalian sudah pernah mendengar Cooltext?? di situlah kita akan membuat bannernya..

      Silahkan ikuti tutorial  cara membuat banner untuk link exchange di blog berikut.

      1. Kunjungi situs http://cooltext.com
      Kemudian sobat akan melihat tampilan berikut.


      2. Seperti pada gambar, pada bagian atas ada 4 pilihan menu yang di antaranya adalah menu Logo dan Button ( berbentuk tombol / background tombol ), pilih salah satunya saja. Misalnya sobat memilih Alien Glow ( logo ), maka sobat akan melihat tampilan seperti berikut.


      3. Atur penampilan kode dengan :
      • Mengganti tulisan christian tatelu atau tulisan lain dengan judul blog sobat.
      • Menggati atau memilih huruf ( font )
      • Menganti efek yangl lain seperti Glow, Outer text,dan Inner text.
      • Pilih format logo yang di inginkan. ( jpg atau png di sarankan )
      4. Klik Render Logo dan kemudian sobat ke halaman dengan tampilan seperti berikut.

      5. Klik Download Image untuk mendowload gambarnya. Bisa juga dengan mengklik kanan pada mouse kemudian klik save image as.

      6. Setelah itu, sekarang yang sobat perlukan adalah url dari gambar tersebut. Untuk memperoleh url dari gambar sebenarnya ada banyak caranya di antaranya..
      • Klik kanan --> Klik Copy Image Location
      • Dengan meng-upload gambar ke blogger ( saat memposting artikel )
      • Dengan mengupload ke situs file sharing seperti Photobucket dan lain - lain.
      Pilih 1 dari ke 3 cara di atas kemudian sobat pasangkan di kode tuker link banner milik sobat. Sekian....

      Kategori

      Kategori