Membuat Recent Post Berdasarkan Label dengan Menggunakan Feeds

Sobat bloggers, feeds memang punya banyak kegunaan dalam hal blogging misalnya kita bisa membuat recent post, random post dan popular post hanya dengan menggunakan feeds. Feeds juga digunakan untuk berbagi posting atau artikel kita ke situs lain. Tapi apakah sobat tau kalau feeds bisa kita gunakan untuk membuat recent post berdasarkan label. Yang saya maksud disini adalah setiap posting sobat yang terbaru akan dimunculkan berdasarkan kategori atau label. Untuk membuat recent post atau posting terbaru dengan label kita akan menggunakan widget (gadjet) feeds pada blogger. Trik ini sangat mudah saja, untuk itu langsung saja kita praktekkan.

1. Login ke Blogger
2. Masuk ke Rancangan --> Elemen Halaman
3. Tambahkan Gadjet pada blog anda
4. Pilih Feeds pada daftar gadjet


5. Masukan feeds anda seperti di bawah ini:

http://blogtrikdantips.blogspot.com/feeds/posts/default/-/facebook

Keterangan: Apabila kata dalam kategori anda terdapat spasi, misalnya blog trik maka gunakan kode %20, hasilnya bisa seperti dibawah ini:

http://blogtrikdantips.blogspot.com/feeds/posts/default/-/blog%20trik

6. Gantilah url blog saya dengan url blog anda (kode berwarna hijau)
7. Kemudian klik Lanjutkan, maka akan muncul posting terbaru anda berdasarkan label
8. Atur jumlah posting yang ingin ditampilkan lalu klik simpan

Mudah saja kan caranya? Anda dapat memanfaatkan fasilitas (gadjet) pada blogger untuk membuat posting terbaru berdasarkan label. Sekian tutorial dari saya, semoga bermanfaat ya...

Membuat News Sticker dengan Jquery

News sticker adalah cuplikan judul berita atau highlight yang ditampilkan dalam bentuk sticker. Ada news sticker dalam bentuk show hide ada juga dalam bentuk marquee (teks berjalan). News sticker biasanya bisa ditemukan dalam acara berita di tv yang ditampilkan dibawah layar. Kali ini news stiker yang kita buat sedikit berbeda karena menampilkan judul posting atau artikel dalam bentuk show hide. Selain judul berita news sticker ini juga menampilkan tanggal posting artikel tersebut. Kita akan menggunakan script jquery untuk membuatnya news sticker ini. Ingin tau caranya ikuti tutorial berikut ini:

1. Login ke Blogger
2. Masuk ke Rancangan --> Edit HTML
3. Carilah kode kode ]]></b:skin>
4. Paste kode dibawah ini diatas kode ]]></b:skin>

/* News Sticker by www.blogtrikdantips.blogspot.com
---------------------------------------------*/
.newspic {background:#FFF url(http://4.bp.blogspot.com/-dx79apSnB6I/T3UoZVIgltI/AAAAAAAACxY/35LWW31ebL4/s1600/BRK+NW.png) no-repeat top left;BORDER:1PX SOLID #CDCDCD; width:840px;margin:0 auto;padding:0 auto;height:23px;color:#000;}
.news {width: 840px;margin:0 auto;padding:0 auto;line-height: 1em;text-align:left;font-family:Arial;font-size:10px;color:#000;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000;text-decoration:none;}
.news a:hover {color:#0099cc;text-decoration:underline;}

5. Selanjutnya letakkan kode berikut ini di atas kode </head>

<!-- News sticker by www.blogtrikdantips.blogspot.com -->
<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/>
<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:#0099cc;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 12px courier;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 960px;
height: 13px;
border: 0px solid #cdcdcd;
padding: 0px;
font:bold 13px courier;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #0099CC;}
#example1 a:link, #example1 a:visited {color:#0099cc;text-decoration:none;}
#example1 a:hover {color:#111;text-decoration:none;}
</style>

6. Kemudian kita akan meletakkan news sticker tersebut diatas posting dan sidebar seperti posisi news sticker milik saya, caranya yaitu cari kode <div id='outer-wrapper'>

7. Setelah itu paste kode berikut diatas kode <div id='outer-wrapper'>

<div style='clear:both;'/>

<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 125px; 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://blogtrikdantips.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>

8. Ganti kode berwarna merah dengan url blog anda
9. Simpan template anda dan lihat hasilnya

Demikian cara membuat news sticker di blogger. Semoga dengan tampilan news sticker halaman anda semakin senang dibaca oleh pengunjung. Selamat mencobanya....!

MENDAFTAR FEEDBURNER PENTING UNTUK SEO

Feedburner adalah salah satu situs milik Google yang mengurus masalah feed RSS (umpan web). Situs ini memberikan kemudahan bagi pengunjung untuk berlangganan blog anda ataupun membantu anda untuk melakukan ping artikel terbaru anda. Intinya feedburner.com membantu blog anda untuk lebih cepat terindeks.

Jika Anda ingin memanfaatkan keuntungan dari feedburner.com, segera daftarkan blog saudara dan alihkan RSS feed blog anda ke feedburner. Ikuti petunjuk berikut:

Daftarkan blog anda pada Feedburner

• Buka situs feedburner
• Login dengan menggunakan akun Google saudara.
• Pada tampilan feedburner anda akan melihat formulir seperti di bawah ini, isikan dengan alamat blog anda ataupun alamat feed blog anda. Dalam contoh ini, kita isikan alamat blog saja, lalu klik next.

• Jika anda hanya memasukkan alamat blog saja, maka feedburner akan melacak feeder dari blog anda. Anda akan diminta mengkonfirmasi blog feed mana yang ingin anda gunakan. Dalam contoh ini kita memilih Atom, lalu klik NEXT

• Tampilan berikutnya untuk menentukan judul feed anda dan URL feed anda di Feedburner. Silahkan diisi menurut selera anda, lalu klik NEXT

• Feed anda sudah jadi, harap simpan URL Feed anda seperti yang tercetak biru pada gambar di bawah, lalu klik NEXT

• Tampilan berikutnya akan memberikan anda beberapa pilihan. Silahkan beri tanda centang mengikuti contoh gambar dan klik Next

• Feed blog saudara di Feedburner.com sudah jadi.

• Jika anda melihat gambar di bawah ini, maka abaikan saja. 

•  Gambar ini hanya berisi panduan untuk mengalihkan feed ke blog atau petunjuk lainnya yang belum perlu saat ini. Langsung saja lakukan prosedur di bawah ini.

UPDATE: Prosedur Pengalihan Feed Pada Blogger Ada Penyesuaian Sedikit Untuk Tampilan Baru Dari Blogger.com

Alihkan Feed Blogspot anda ke Feedburner

• Saatnya mengalihkan feed blog anda ke feedburner
• Buka tab jendela baru lalu masuk ke akun blogger.com anda.
• Pilih blog yang diinginkan pada dashboard dan klik Setelan.
• Pada menu Setelan pilih submenu Lainnya
• Pilih Posting URL Pengubahan Arah Feed silahkan klik Tambah
• Akan muncul kotak untuk memasukkan URL feedburner saudara yang tadi tercetak biru muda.
• Masukkan URL Feedburner saudara.
• Silahkan klik Simpan Setelan. Untuk lebih jelasnya lihat gambar di bawah.

Aktifkan Ping Service Feedburner

• Pada jendela feedburner.com yang sudah selesai anda daftarkan klik Publicize.
• Pada sidebar kiri ada pilihan Ping Shot. Silahkan diklik
• Pada tampilan Ping Shot klik Activate untuk mengaktifkan layanan ini

Demikian trik mudah SEO kali ini. Mudah-mudahan bisa membantu blog anda terindeks lebih cepat.

MEMBUAT SITEMAP PADA BLOGSPOT DAN WORDPRESS

Membuat sitemap blogspot ataupun sitemap wordpress sebenarnya adalah hal yang sangat mudah. Namun yang perlu diketahui sebelumnya adalah fungsi dari sitemap atau peta situs itu sendiri. Sitemap adalah halaman web yang berisikan kumpulan artikel atau isi dari website/blog saudara. Peran penting dari sitemap adalah dalam hal membuat blog terindeks dengan lebih cepat.

Sampai saat ini, sitemap sangat membantu untuk membuat update artikel dari blog terindeks dengan sangat cepat. Namun ada beberapa hal yang perlu kita lakukan agar sitemap ini bisa membantu search engine mengindeks artikel terbaru kita. Salah satu caranya adalah dengan memberikan sitemap blog kita kepada Webmaster Tools search engine, baik itu Google, Yahoo, ataupun Bing, dll. Untuk Webmaster tool Google, silahkan baca artikel Cara Menggunakan Google Webmaster Tools.

Masalahnya adalah banyak orang yang bingung dan tidak tahu yang mana yang dimaksud dengan sitemap, saat diminta oleh Webmaster Tools. Untuk yang menggunakan platform blogspot.com sangat mudah mendapatkan sitemapnya, sedangkan untuk wordpress ada plugin yang bisa anda gunakan untuk mendapatkan Google Sitemap....

APA ITU SITEMAP BLOGSPOT?

Misalnya seperti ini, URL homepage blog saudara adalah http://jamutradisionaljawa.blogspot.com/, maka sitemap dari blog saudara adalah http://jamutradisionaljawa.blogspot.com/feeds/posts/default. Jadi anda cukup menambahkan feeds/posts/default untuk mendapatkan URL sitemap blog saudara. Demikian juga kalau blog platform blogspot saudara sudah memakai domain berbayar http://jamutradisionaljawa.com/, tetap saja sitemapnya adalah http://jamutradisionaljawa.com/feeds/posts/default. Jadi pengguna blogspot seharusnya tidak kesulitan untuk sitemap blogspot.

BAGAIMANA MEMBUAT SITEMAP WORDPRESS

Membuat Sitemap Wordpress, sebenarnya sangat mudah. Saudara bisa memanfaatkan plugins dari Wordpress. Tapi setahu saya plugin yang paling sering digunakan adalah Google XML Sitemaps. Jadi ini saja yang akan saya bagikan di sini. Silahkan ikuti prosedur sederhana berikut:

• Masuk dulu ke dashboard blog Anda dan klik Plugins ==> Add New.
• Akan muncul jendela baru. Di jendela Add New plugins yang muncul, ketik Google XML Sitemaps pada kotak pencarian.

• Pada halaman hasil search plugins, akan ditampilkan Google XML Sitemaps, silahkan klik link install yang ada pada bagian kanan layar.

• Akan muncul jendela baru untuk penginstalan, klik Install Now.

• Pada saat pemasangan sudah selesai, akan ada pilihan Activate Plugin. Silahkan diklik untuk mengaktifkan plugin tadi.

• Pemasangan sudah dilakukan, apa itu berarti sitemap sudah jadi? Belum. Silahkan kembali ke dashboard dan klik Setting ==> XML Sitemap
• Pada halaman XML Sitemap, klik pada tulisan Click here, yang ada pada bagian atas tampilan. Dengan demikian sitemap anda akan dibuat secara otomatis.

• Sitemap anda sudah jadi dan akan langsung menampilkan artikel terbaru saudara. Sekarang silahkan mengirimkan Sitemap tersebut pada Webmaster Tools yang disediakan oleh search engine.

OK, semoga sukses dengan blognya dan terima kasih sudah berkunjung ke artikel

Membuat Sitemap pada Blogspot dan Wordpress

Membuat Tombol Horizontal Twitter, Facebook dan Google Plus di Blog

Sebelumnya saya telah memberikan tips dan trik bagaimana membuat tombol twitter pada blog anda. Nah kali ini kita akan membuat trik yang lebih menarik lagi yaitu membuat tombol twitter, facebook, dan google plus pada posting blog anda. Tombol social bookmarking ini berfungsi untuk mengijinkan pengunjung yang membaca posting anda untuk berbagi melalui situs twitter, facebook dan google plus ke teman-temannya. Hal ini tentunya akan meningkatkan trafik pada blog anda. Untuk memasangnya sangat mudah saja, caranya ikuti langkah berikut ini:

1. Log in ke blogger.
2. Klik Rancangan --> Edit Halaman
3. Centang expand template widget
4. Carilah kode seperti ini: <data:post.body/>
5. Paste kode dibawah ini dibawah kode <data:post.body/>

<!—Tombol Sosial horizontal oleh www.blogtrikdantips.blogspot.com-->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));

</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->

<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
</div>
</b:if>

<div style='clear: both;'/>
<!—Tombol Sosial horizontal oleh www.blogtrikdantips.blogspot.com-->

Keterangan: Jika anda ingin tombol ini muncul diatas posting blog maka kode tersebut diletakan diatas kode <data:post.body/>

6. Simpan template anda lalu lihat hasilnya

Jika anda sudah memasangnya maka hasilnya akan terlihat seperti pada bagian bawah posting blog saya. Semoga artikel ini bermanfaat bagi anda. Selamat mencobanya!

CARA DAFTAR GOOGLE ANALYTICS

Bagaimana cara mendaftar Google Analytics? Apakah ini perlu dalam blogging? .... Jika pertanyaannya perlu atau tidak, maka tergantung anda sebagai bloggernya. Jika Anda blogging just for fun, maka rasanya tidak perlu. Akan tetapi jika Anda blogging untuk kepentingan yang lebih serius dan butuh laporan yang detail tentang perkembangan blog Anda, maka menurut saya sangat perlu.

UPDATE TERAKHIR 10 Juni 2012 (ada beberapa perubahan yang dilakukan Google. Jika ada kendala silahkan ditanyakan di kolom komentar)

Google Analytics akan menaruh kode tracker (pemantau) pada blog Anda, sehingga semua aktivitas blog Anda dapat dipantau. Ini akan meningkatkan visibilitas blog Anda di mata robot search engine, sehingga semua poin perkembangan blog bisa terpantau dan dilaporkan kepada anda.

Jika Anda ingin membuat akun Google Analytics untuk blog anda, maka saya harap sebelumnya Anda sudah terlebih dahulu membuat akun Google Webmaster Tools untuk blog Anda. Jika belum silahkan pelajari caranya di artikel cara menggunakan Google Webmaster tools.

Jika anda sudah membuatnya, maka sekarang saatnya membuat link antara Google Webmaster Tools dengan akun Google Analytics blog anda. Lakukan prosedur berikut:

• Kembali ke halaman muka Google Webmaster Tools akun Anda. Klik MANAGE SITE atau KELOLA SITUS di bagian kanan nama blog Anda.
• Klik Google Analytics Property.
• Pada tampilan baru, klik Create Google Analytics Account
• Akan ada pemberitahuan untuk kembali ke halaman ini jika sudah membuat akun Google Analytics. Klik OK.
• Akan terbuka jendela baru dan anda akan diminta melakukan SIGN UP, jadi klik link SIGN UP
• Jika Jendela gagal terbuka, masuk secara manual saja melalui http://www.google.com/analytics/
• Masukkan data yang diminta: Isi Account Name dengan nama apa saja yang anda inginkan, pada bagian Website URL, pilih http:// lalu masukkan nama blog Anda pada kolom berikutnya. Pilih Time Zone Indonesia dan masukkan zona waktu Anda. Beri tanda bahwa Anda menyetujui Term Of Service dan klik Create Account
• Akan ada tampilan baru dan jika layar discrolling ke bawah anda akan menemukan sebuah kotak berisi script/kode. Tampilan scriptnya mungkin seperti di bawah ini....

<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push([&#39;_setAccount&#39;, &#39;UA-xxxxxxxx-x&#xx;]);
  _gaq.push([&#39;_trackPageview&#39;]);

  (function() {
    var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;
    ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

• Copy kode script tersebut dan login ke akun blogger Anda di jendela lain.
• Pilih TEMPLATE pada akun blog Anda, lalu pilih EDIT HTML
• Paste kode tersebut di kotak EDIT HTML tepat di atas </head>
• Jika sudah selesai, silahkan klik SIMPAN TEMPLATE.
• Kembali ke jendela tempat anda mengambil KODE SCRIPT GOOGLE ANALYTICS tadi.
• Klik SIMPAN (SAVE) pada bagian paling bawah layar.
• Jika sudah silahkan kembali ke jendela Google Webmaster Tools yang kita kerjakan di awal tadi, dan muat ulang halaman tersebut atau tekan F5 pada keyboard.
• Akan ada nama akun Google Analytics yang baru saja anda buat. Klik untuk memberi tanda pada nama akun yang baru muncul tersebut dan klik SAVE.
• Akan ada peringatan muncul, dan langsung saja klik OK
• Perubahan sudah tersimpan dan jika anda melakukannya dengan benar, pada jendela Google Webmaster Tools akan ada pemberitahuan pada bagian blog Anda bahwa blog tersebut sudah terhubung dengan salah satu akun Google Analytics

Setelah itu apa lagi?

• Sekarang anda tinggal login ke akun Google Analytics anda dan masuk ke bagian HOME ACCOUNT. Di halaman ini akan ada link dari akun blog anda berupa kode seperti ini (UA-xxxxxxxx-x - http://namabloganda.blogspot.com/) silahkan klik link tersebut. Akan ada dropdown yang muncul seperti ini (Nama Akun Anda [DEFAULT]), silahkan di klik lagi....
• Anda akan diarahkan ke halaman Google Analytics untuk blog yang sudah anda link tadi. Perhatikan pada bagian kiri ada begitu banyak pilihan informasi tentang blog anda. Silahkan diklik informasi yang ingin anda ketahui. Jika anda bingung silahkan baca artikel bagaimana cara membaca atau menggunakan Google Analytics.

Mudah-mudahan artikel ini bisa membantu Anda. Semoga Beruntung dalam dunia blogging....

CARA MENGGUNAKAN GOOGLE WEBMASTER TOOLS

Google Webmaster Tools adalah alat yang disediakan oleh Google untuk para Webmaster (pemilik website). Alat ini membantu agar website atau blog saudara bisa terpantau dengan maksimal oleh Google, dan di sisi lain memberi laporan yang mendetail tentang blog kepada anda.

UPDATE TERAKHIR 10 Juni 2012 (Dilengkapi Versi Bahasa Indonesia dan beberapa perubahan karena Google mengganti template)

Sangat dianjurkan untuk mendaftarkan blog saudara pada Google Webmaster Tools. Hal ini bisa membuat website saudara lebih cepat terindex (setiap artikel baru bisa terindex dalam hitungan kurang dari satu menit). Tentunya ini akan sangat menguntungkan dalam persaingan artikel, karena untuk topik yang lagi hangat, Google lebih memprioritaskan yang lebih dulu terindex.

Jadi tidak usah berpanjang lebar, langsung saja kita lihat cara mendaftar Google Webmaster Tools berikut ini:

• Jika anda memakai plaform blogger.com, sebaiknya anda login terlebih dahulu
• Sekarang buka halaman Google Webmaster Tool 
• Anda akan diminta login di halaman Google Webmaster Tools (GWT), masukkan username dan password akun Google saudara.
• Setelah Login, maka semua blog anda yang terdaftar pada blogger.com biasanya sudah akan langsung ditampilkan. Jika ada blog yang belum terdaftar karena berada di luar platform blogger.com, silahkan tambahkan dengan mengklik ADD A SITE atau TAMBAHKAN SITUS
• Jika blog anda berplatform blogger.com, maka biasanya blog anda secara otomastis sudah akan terverifikasi kepemilikannya. Tetapi jika belum, maka cara termudah adalah dengan memilih metode copy paste meta tag.
• Untuk memastikan blog anda sudah terverifikasi silahkan menuju halaman verifikasi blog. Pilih blog yang ingin diverifikasi dan klik MANAGE SITE atau KELOLA SITUS
• Akan ada dropdown menu, klik ADD OR REMOVE USER atau TAMBAHKAN ATAU HAPUS PENGGUNA
• Akan ada tampilan baru, dan di tampilan tersebut ada sebuah kotak dengan tulisan OWNER atau PEMILIK. Letakkan kursor mouse pada box tersebut, maka akan muncul dropdown menu lainnya. Klik OWNER VERIFICATION PAGE atau LAMAN VERIFIKASI PEMILIK
• Jika ada tulisan seperti di bawah berarti blog sudah terverifikasi

Date	Email	Result	Method
52 days ago 2/4/12 10:37:09 PM UTC	emailanda@gmail.com	Verification succeeded.	HTML file

• Jika belum,....silahkan klik link Verify using a different method atau Verifikasikan dengan menggunakan metode yang berbeda
• Pilih Add a meta tag to your site's home page atau Tambahkan tag meta ke beranda situs Anda, dan anda akan diberikan sebuah kode meta tag. Copy kode tersebut lalu kembali ke jendela akun blogspot saudara.
• Pilih Menu TEMPLATE pada akun blogger.com anda, lalu klik tab EDIT HTML
• Anda akan diminta konfirmasi untuk melanjutkan ke alat EDIT HTML
• Paste kode Meta tag tadi tepat di bawah kode <head>
• Jika sudah, maka segera Klik SIMPAN TEMPLATE dibawah kotak EDIT HTML. Tunggu sampai perubahan tersimpan
• Kembali ke jendela tempat anda mengcopy kode Meta tadi, lalu klik tombol Verify pada bagian paling bawah.
• Jika anda melakukannya dengan benar, maka statusnya akan SUCCESS.
• Sekarang kembali ke Beranda Google Webmaster Tool yang menampilkan semua blog saudara. (jika bingung klik saja link yang disediakan)
• Silahkan klik nama blog yang ingin anda proses di Google Webmaster Tool (URL blog tercetak biru)
• Akan muncul jendela baru yang adalah dashboard dari GWT untuk blog tersebut
• Pada dashboard sebelah kiri ada beberapa pilihan menu. Klik PENGOPTIMALAN, lalu klik PETA SITUS.
• Pada layar tampilan sitemap bagian kanan ada pilihan TAMBAHKAN/UJI PETA SITUS.
• Jika blog anda berplatform blogspot, maka masukkan feeds/posts/default ke dalam kolom yang tersedia dan klik SUBMIT (jika bukan blogger.com, maka masukkan sitemap dari blog saudara menurut platformnya)
• Sekarang akun Google Webmaster saudara sudah jadi, dan sitemap sudah terpasang.... Perhatikan sidebar kiri di layar saudara. Ada menu yang bisa saudara pakai untuk memantau blog saudara. Klik LALU LINTAS
• Pada menu tersebut ada tools berikut:
  • KUERI PENELUSURAN - Ini untuk memantau kata kunci apa saja yang digunakan untuk mencari blog saudara
  • TAUTAN KE SITUS ANDA - Untuk memantau jumlah link dan URL mana saja yang link ke blog saudara
  • TAUTAN INTERNAL - Untuk memantau kondisi link antar halaman blog saudara

Sekarang silahkan lanjutkan dengan menghubungkan akun Google Webmaster Tool saudara dengan, akun Google Analytics. Baca artikel cara mendaftar Google Analytics.

Cara Pasang Lagu di Blog

Mau punya lagu di blog anda? ya pasti mau lah....kalo gak mau untuk apa di baca posting ini!....he3 just kidding (bercanda). Oke kali ini Blog Trik dan Tips akan memberikan resep khusus bagaimana anda bisa membuat lagu di blog. Ketika seorang pengunjung membuka halaman blog anda maka lagu tersebut secara otamatis akan dimainkan (play). Caranya mudah saja hanya perlu memasukan script pada gadjet anda. Kalau gitu ikuti langkahnya dibawah ini:

1. Login ke akun blog anda
2. Pilih Rancangan --> Elemen
3. Tambahkan Gadjet anda --> Pilih HTML/Javascript
4. Masukan kode di bawah ini

<embed align="CENTER" autostart="1" height="0" loop="1" src="http://www.4shared.com/embed/s8qieq3Y/Nikita_Willy_-_Kutetap_Menanti.swf " width="0"></embed>

5. Klik saved untuk menyimpan kode tadi

Coba anda tes lagunya. Buka saja halaman blog anda pasti akan ada lagunya Nikita Willy - Ku Tetap Menanti. Kalau anda ingin menganti lagu lain, ganti script yang berwarna merah dengan kode ektensi lagu dalam format swf. Untuk lagu-lagu lainnya dapat anda klik disini: Kumpulan Ekstensi Musik SWF untuk Blog

BAGAIMANA CARA MEMULAI BLOG DENGAN BENAR MENURUT SEO GOOGLE

Bagaimana cara memulai blog dengan benar? Bukankah ini pertanyaan yang sangat sering kita dengar? Sangat banyak orang memulai blognya dengan cara yang keliru dan pada akhirnya tidak mendapatkan hasil yang diinginkan. Peringkat SERP (Search Engine Result Pages) mereka di Google tidak membaik sama sekali. Kenapa demikian?

Membuat blog cantik adalah perkara kecil, karena hanya dalam 1-2 bulan belajar saja pengetahuan seperti ini bisa dikuasai. Tapi membuat blog yang bisa mendapat banyak traffic pengunjung adalah perkara yang lain.

Banyak yang berhenti di tengah jalan karena tidak pernah memahami caranya. Bahkan ada yang 2 tahun blogging belum paham juga bagaimana caranya. Jadi dalam postingan kedua di blog ini saya mau berbagi hal paling mendasar, yaitu bagaimana memulai blog dengan benar....

#1 Pilih Tema Blog Yang Dikuasai

Kenapa saya menaruh ini pada urutan yang paling pertama dari cara memulai blog dengan benar? Karena internet adalah tempat yang dikunjungi oleh banyak orang untuk mencari informasi. Akankah saudara menyukai blog yang isinya cuma basa-basi tidak bermutu dengan pembahasan yang dangkal dan tidak memuaskan apa yang anda cari?

Saya sering sekali menemukan blog-blog tidak bermutu seperti itu dan dengan segera menutupnya. Adalah sesuatu yang sangat buruk bila pengunjung dengan cepat menutup halaman blog kita. Kenapa? Karena search engine yang merekomendasikan blog kita akan melihat itu sebagai indikator rendahnya kualitas isi blog.

Jika search engine besar seperti Google sudah membenci blog kita, maka jangan berharap blog kita bakalan ramai. Untuk menghindari hal semacam ini, maka kita harus mampu menulis artikel yang bermanfaat bagi pengunjung. Dan untuk mampu menulis artikel yang bermanfaat, maka anda harus menguasai topik dari artikel tersebut.

Kesalahan yang umum terjadi: Blogger pemula hendak memulai sebuah blog baru dengan topik yang dirasanya paling menguntungkan dan mahal (motifasinya mencari duit) padahal dia tidak menguasai topik itu, tidak juga menguasai SEO dan hal-hal lain yang diperlukan. Maka jadilah blognya seperti anak bayi yang memasuki arena gladiator, tewas sebelum sempat menangis. Jangankan masuk 10 halaman pertama (100 hasil pencarian teratas),....blognya terindex saja tidak.

#2 Domain Gratisan atau Berbayar?

Hal yang kedua yang perlu dipikirkan adalah membuat blog gratisan atau yang berbayar? Kenapa saya menaruh ini dalam urutan kedua cara memulai blog dengan benar?.... Banyak kasus membuktikan bahwa domain berbayar lebih mudah menguasai kata kunci dibandingkan domain blog gratisan seperti blogspot.com.

Kenapa demikian? Sepertinya Google mencoba menghidangkan referensi dari berbagai domain. Jika sudah ada blog dengan domain blogspot.com yang menempati halaman pertama, maka biasanya akan sangat sulit bagi blogspot.com lainnya untuk ikut memposisikan diri pada halaman pertama.

Jika saudara tidak cukup yakin dengan kemampuan SEO saudara, ataupun saudara ingin mengikuti kontes SEO, maka rasanya peluang akan lebih baik jika memakai domain sendiri. Jadi sebelum memulai blog saudara, pikirkan masalah ini baik-baik sebelum terlanjur membangun reputasi blog.

Sebagai informasi buat saudara yang baru memulai kegiatan bloggingnya, biaya domain premium adalah Rp.100.000/tahun untuk domain internasional seperti .com, .net dsb. (catatan blog saya ini tetap dalam format gratisan blogspot.com karena blog ini dibuat dengan tujuan ujicoba white SEO tertentu. Tidak akan saya jelaskan di sini)

#3 Lakukan Riset Kata Kunci!
Sekarang anda sudah menentukan tema. Tapi jika anda ingin blog anda ditemukan oleh banyak orang melalui mesin pencari, maka anda harus melakukan riset kata kunci apa saja yang akan anda tekankan dari blog tersebut. Oleh karena itu lakukan 3 riset berikut:

1. Kata kunci apa saja yang banyak dicari orang sekaitan dengan tema tersebut?
2. Kata kunci apa saja yang mempunyai profit besar (jika anda bermain adsense)?
3. Bagaimana persaingan untuk kata kunci tersebut? 

Adalah sebuah keberuntungan jika kita bisa menemukan kata kunci yang banyak dicari orang tetapi kompetisinya tidak seberapa. Oh iya, perlu anda ingat bahwa kata kunci yang akan diriset adalah kata kunci yang terdiri dari 5 kata atau lebih. Misalnya "Reparasi Alat Elektronik Kota Malang".

Kenapa harus 5 kata atau lebih? Karena yang 4 kata atau kurang itu jatahnya website  bereputasi dan berumur 2-5 tahun. Kecuali anda mau menghabiskan waktu, uang dan tenaga, maka silahkan saja. Dalam dunia online memang ada senioritas. Jadi mari mempelajari bagaimana memilih kata kunci yang tepat.

Baca juga artikel Pengaruh usia blog pada rangking di Search Engine seperti Google.

#4 Nama Domain Yang Bergaya Atau Bermanfaat?

Sebaiknya berhati-hatilah memilih nama domain. Apalagi jika saudara sudah membayar untuk domain itu. Kenapa demikian? Karena nama domain bisa sangat membantu blog saudara untuk bercokol di halaman pertama dari kata kunci yang dipilih.

Jangan memilih nama domain tidak jelas seperti kampret.com hanya karena ingin meniru Google.com atau Yahoo.com. Google dan Yahoo memilih domain tersebut dengan alasan trademark dan bukan dengan tujuan agar mudah terindeks.

Jadi jika saudara memilih domain dengan alasan "trademark", maka sebelumnya persiapkan dulu dana yang besar untuk mempromosikan merek saudara. Harap untuk tidak membuang-buang uang anda untuk nama domain yang tidak menolong sama sekali.

Sebagai contoh, jika saudara membuat blog ramuan tradisional, maka sedapat mungkin pilihlah nama domain ramuantradisional.com. Ini akan jauh lebih menguntungkan daripada menggunakan merek kita sebagai domain. Baca juga artikel cara memilih nama domain yang terbaik.

Ok, sekarang saudara sudah siap memulai membuat blog baru. Dengan demikian artikel berikutnya adalah Optimisasi SEO Onpage Wajib Pada Blog menurut Google. Jangan dilewatkan karena ini sangat penting.

Terima Kasih sudah berkunjung di artikel....
Bagaimana Cara Memulai Blog Dengan Benar menurut SEO Google?

Cara Mengganti Tulisan "Poskan Komentar" di atas Kotak Komentar

Jika anda melihat halaman posting artikel pasti anda akan mendapati tulisan "POSKAN KOMENTAR". Tulisan ini biasanya terletak diatas form komentar atau kotak komentar. Tulisan ini dapat anda ganti sesuai dengan selera anda hanya dalam hitungan detik. Jadi kalo anda baca artikel ini pasti kode yang saya kasih ini tidak akan meleset....he3 just kidding. Oke kalo begitu langsung ikuti trik di bawah ini:

1. Login pada blog
2. Masuk ke Rancangan - Edit HTML
4. Centang Expand Template Widget
5. Cari kode seperti pada gambar dibawah ini, biasanya ada tiga kode yang sama seperti ini, jadi anda hanya perlu mengganti kode yang kedua.

6. Hapus kode tersebut lalu gantikan dengan pesan yang anda ingin sampaikan.
7. Simpan Template

Cobalah anda lihat hasilnya....Dijamin pasti berhasil....oke sekian trik dari saya. Jangan lupa berkomentar ya.....Bagaimana mudah kan? Selamat Mencoba!!!

Cara Impor, Ekspor dan Hapus Blog Anda

Taukah anda kalau anda bisa mengimpor, ekspor dan menghapus blog? Istilah impor berarti anda mengambil artikel dari blog lain untuk diletakan ke blog yang anda inginkan. Impor sama istilahnya seperti anda mengupload foto anda pada sebuah situs. Sedangkan istilah ekspor berarti anda mengirimkan artikel tersebut atau mengekstrak artikel tersebut. Pada blogger ketika anda mengimpor atau mengekspor artikel maka posting artikel serta komentar pengunjung akan dimuat. Impor dan ekspor bisa digunakan apabila anda ingin mengirimkan posting anda ke wordpress, dll. Sementara itu anda bisa menghapus blog apabila anda sudah tidak menggunakan blog tersebut lagi. Blog yang sudah dihapus biasanya akan disembunyikan pada dasboard. Kali ini saya akan berbagi bagaimana menggunakan fasilitas impor, ekspor dan hapus blog.

Impor Blog
1. Pertama login ke Blogger
2. Setelah masuk pada Dashboard klik Setelan - Dasar
3. Dibawahnya anda akan melihat link Impor Blog, Ekspor Blog dan Hapus Blog
4. Untuk mengimpor blog klik link Impor Blog
5. Klik Tombol Browse, lalu cari file xml yang anda simpan dari hasil ekspor blog
6. Masukan teks seperti pada Captcha yang ditampilkan
7. Jika anda ingin menerbitkan semua entri centang "Terbitkan semua entri yang diimpor secara otomatis"
8. Klik tombol Impor Blog

Ekspor Blog
1. Pertama login ke Blogger
2. Setelah masuk pada Dashboard klik Setelan - Dasar
3. Untuk ekspor blog klik link Ekspor Blog
4. kLIK Tombol UNDUH BLOG
5. Kemudian save file tersebut di komputer anda

Hapus Blog
1. Pertama login ke Blogger
2. Setelah masuk pada Dashboard klik Setelan - Dasar
3. Untuk hapus blog klik link Hapus Blog
4. Klik tombol HAPUS BLOG INI, maka blog yang anda gunakan akan terhapus.

Demikian tips dan trik yang bisa saya berikan. Semoga artikel ini dapat bermanfaat bagi yang membutuhkan atau sekedar ingin menambah informasi....

Mengubah Tampilan Dasboard Baru Blogger ke Dashboard Lama

Dashboard Blogger kini tersedia dengan tempilan barunya yang sangat berbeda dengan tampilan lama yang biasanya saya gunakan. Saya sempat bingung ketika menggunakan tampilan baru blogger. Jadi saya sempatin belajar sedikit-sedikit untuk mengenal dan memahami fitur-fitur blogger yang baru. Memang sih tampilan blogger yang baru memiliki lebih banyak fitur dari yang lama, namun ketika saya memposting artikel saya merasa lebih nyaman menggunakan dashboard yang lama. Selain itu jika anda posting artikel atau mengupload foto pada dashboard baru loadingnya sedikit lebih lambat. Untuk itu saya mencoba nyari cara untuk mengubah ke dashboard lama. Berikut ini adalah caranya:

1. Log in ke Blogger
2. Setelah itu ada tombol Opsi Blogger berbentuk seperti gear, tekan tombol tersebut

3. Akan ada pilihan, lalu pilih Antarmuka Blogger Lawas
4. Setelah klik anda akan diarahkan ke dasboard lama

Bagaimana pasti rasanya lega berjumpa dengan dasboard lawas. Semoga artikel ini bermanfaat, selamat mencobanya.....

Membuat Sitemap atau Daftar Isi Accordion pada Blog

Kali ini saya berbagi tutorial untuk meningkatkan Page Rank (Ranking Halaman) pada blog anda.. Pertanyaannya bagaimana cara membuatnya? Mudah saja jawabannya yaitu buatlah sitemap atau daftar isi blog anda. Ketika anda adalah pengguna wordpress maka sangat mudah untuk membuatnya, tetapi jika anda pengguna blogger jangan cemas karena saya akan memberikan trik dan tips cara membuat site map. Site Map yang akan kita buat akan menggunakan Javascript Accordion milik Abu farman. Site Map ini dilengkapi dengan efek SHOW HIDE yang sangat keren. Jadi sekarang saya akan kasih tutorial bagaimana membuat SEO Friendly Sitemap (Tabel Contents) with Accordion untuk blog anda.

1. Masuk ke Blogger
2. Pilih Posting - Edit Laman
3. Pilih Laman Baru, Masukan judul Posting misalnya SITEMAP BLOG TRIK DAN TIPS
4. Terakhir Paste kode dibawah ini:

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.blogtrikdantips.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

5. Ubah kode http://blogtrikdantips.blogspot.com dengan url blog anda
6. Terbitkan posting anda lalu lihat hasilnya

Ok itu saja, sangat mudahkan untuk membuatnya! Tentunya dengan sitemap tersebut penunjung anda akan betah di blog sobat dan tentunya blog menjadi lebih SEO Friendly. Terima kasih telah berkunjung ke blog saya, semoga artikel ini bermanfat. Jangan lupa berkomentar ya.....

Apa itu Feeds dan Bagaimana Mengetahui Feeds Blog Anda

Feed adalah sebuah format data bertipe XML yang digunakan untuk memberi tahu pengunjung tentang update terbaru dari sebuah website atau blog secara berkala. Feed biasanya memungkinkan para pengunjung berlangganan isi konten dari web atau blog Anda. Pola umum dari penggunaan Feed yaitu memberikan link pada user untuk berlangganan feed (Subscribe). Secara umum Web Feed menggunakan format XML hingga hari ini.

Format Web Feed yang paling banyak digunakan saat ini adalah RSS dan Atom. RSS (Really Simple Syndicationa) serta Atom adalah feed yang sering digunakan pada blog dan website. Namun atom merupakan format web feed yang diciptakan dengan tujuan sebagai alternatif dari RSS. RSS mempunyai beberapa keterbatasan dan kekurangan seperti kurangnya inovasi dan cenderung tidak compatible dengan versi-versi sebelumnya. Itulah sedikit penjelasan tentang feed, jika anda ingin mengetahui feed blog anda maka ikuti tutorial berikut:

1. Buka situs Home Page blog anda
2. Setelah home page blog dibuka klik kanan mouse
3. Kemudian pilih View Page Info dibagian paling bawah
4. Klik Icon Feeds

Anda akan melihat dua feeds dari blog anda RSS dan Atom. Jika anda membutuhkan feed tersebut tinggal dikopi saja. Semoga aktikel ini bermanfaat. Selamat mencoba!

Cara Memback Up dan Mengupload Template Blog

Jika anda sering mengedit template atau mengotak-atik script pada template anda maka anda perlu untuk memback up template terlebih dahulu. Back up Template sangat penting untuk menghindari apabila terjadi kesalahan dalam memasukan script/kode. Jika anda salah menulis kode pada template biasanya akan tertulis seperti ini "Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar'. Script atau kode yang kita buat terkadang tidak cocok ataupun dapat membuat template anda manjadi kacau atau rusak. Dengan memback up template maka kita bisa mengembalikan template yang semula sehingga anda dapat mengantisipasi jika terjadi kesalahan. Memback up template merupakan cara yang aman sehingga anda tidak usah kuatir jika script yang dimasukan terjadi kesalahan. ". Jika anda ingin mengembalikannya mudah saja, tinggal di upload xml template yang lama.

Cara Memback Up Template
1. Login ke Blogger
2. Masuk ke Rancangan -- EDIT HTML
3. Klik link DOWNLOAD TEMPLATE LENGKAP
4. Akan muncul jendela baru Klik OK untuk menyimpan template anda

Cara Mengupload Template
1. Login ke Blogger
2. Masuk ke Rancangan -- Edit HTML
3. Klik BROWSE (cari template anda yang tadi di save)
4. Klik UNGGAH (upload template anda)


Usahakan anda selalu memBack Up Template sebelum editing, siapa tau aja kan terjadi sesuatu yang tidak kita inginkan, dan kita tidak tau cara mengembalikannya seperti semula. Membackup template, hal yang penting dalam urusan blogging tetapi banyak juga yang mengabaikannya. Membackup template akan sangat membantu kita ketika kita melakukan edit atau melakukan perubahan pada blog.

Cara Membuat Kotak Pesan Admin (Author Box) di Blog

Author box atau Kotak Pesan Admin biasanya digunakan sebagai tanda pengenal seorang penulis dari sebuah blog, atau berupa penyampaikan pesan singkat dari penulis. Kotak pesan tersebut terdapat gambar dari penulis blog serta ucapan terima kasih kepada penunjung yang telah berkunjung dan membaca artikel pada blog. Kotak admin pada dasarnya ditempatkan dibawah posting blog dan umumnya judul posting yang dibaca. Saya akan memberikan langkah untuk membuat author box pada blog anda.

1. Login ke Blogger
2. Masuk ke Rancangan lalu pilih Edit HTML
3. Expand Template Widget anda
4. Paste kode dibawah ini diatas kode ]]></b:skin>

.admin-tulisan{
display:block;
width:auto;
background:#F5F5F5;
border:1px solid #C0C0C0;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#C0C0C0;
border:none;
border-bottom:1px solid #C0C0C0;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:0px solid #E6E6FA;
padding:2px;
background:#E6E6FA
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

5. Paste kode dibawah ini diatas kode <div class='post-footer'>

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Blog Trik dan Tips</h4>
<div class='kontainer'>
<img height='80' src='http://1.bp.blogspot.com/-Vhz0UpxY3w0/T2cCx3-UKCI/AAAAAAAABxU/6UMbVlexRPo/s220/Picture%2B004.jpg' width='75'/>
Anda sedang membaca sebuah artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>,, Semoga artikel tersebut bermanfaat untuk anda .... <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://blogtrikdantips.blogspot.com' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

Keterangan: kode merah adalah url gambar

6. Simpan template anda lalu lihat hasilnya

Kini anda akan memiliki Author Box yang keren. Selanjutnya anda tinggal mengedit kode diatas agar pesan author box sesuai dengan kebutuhan anda. Oke selamat mencobanya!

Cara Memasang Widget Jumlah Pengunjung Blog dari Whos.amung.us

Ada beragam widget yang bisa kita dapatkan untuk mengetahui jumlah pengunjung yang sedang online di blog kita. Salah satu widget yang saya akan bahas yaitu Whos.amung.us. Anda dapat memperoleh widget script gratis langsung langsung websitenya. Widget ini juga memiliki fungsi untuk mengetahui lokasi dari pengunjung yang datang ke blog atau situs anda. Anda juga dapat mengetahui jumlah pengunjung yang online pada jam-jam tertentu serta mengetahui apa yang halaman atau page yang dibuka oleh pengunjung. Anda tidak perlu melakukan registrasi untuk memperoleh script codenya. Anda hanya perlu mengkopi script kodenya pada blog setelah anda menentukan posisi widget pada blog. Jika anda tertarik untuk memasang widget ini ikuti trik dan tips yang satu ini:

1. Kunjungi situs http://whos.amung.us/
2. Tentukan posisi widget pada blog anda seperti dibawah ini:

3. Kopi script kodenya di atasnya.
4. Login ke Blogger
5. Masuk ke Rancangan -- Elemen Halaman
6. Tambahkan Gadjet anda, pilih HTML/JavaScript
7. Paste kode script yang sudah dikopi tadi
8. Simpan Gadjet anda!

Bagaimana mudahkan membuatnya, anda dapat mengatur posisi widget tersebut sesuai selera yang anda suka pada blog. Jika anda klik pada widget tersebut maka anda akan diarahkan ke halaman statistik pengujung pada situs Whos.amung.us.

Cara Update Status Facebook Fan di Blog

Ada cara yang mudah untuk membuat status facebook fan muncul di blog yaitu dengan memasang rss facebook fan pada blog anda. Anda bisa mengkolabrasikan keduanya untuk membuat blog anda lebih mudah berinteraksi. Tampilan Facebook Fan kini telah mengalami beberapa perubahan sehingga link rss facebook fan yang dulu terpasang sudah tidak dimunculkan lagi. Banyak yang mencari cara bagaimana Update Status Facebook di Blog melalui Mbah Google namun hasilnya jarang. Untuk itu Blog Trik dan Tips akan memberikan tutorial singkat untuk mencari solusinya:

Cara Melihat ID Facebook Fan Page

1. Buka fan page facebook anda, pada address bar akan muncul url fan page anda.
2. Lihat ID fan page (nomor ID). Misalnya urlnya http://www.facebook.com/pages/Blog-Trik-dan-Tips/402612709767595. Maka IDnya adalah 402612709767595

Cara Memasang ID Facebook Fan Page

1. Login ke Blogger
2. Masuk ke Rancangan --> Elemen Halaman
3. Tambahkan Gadjet Anda
4. Klik Feed
5. Masukan Feed anda seperti dibawah ini http://www.facebook.com/feeds/page.php?format=atom10&id=402612709767595 (Ganti warna biru dengan ID Anda)
6. Simpan Feed Anda
   

Rss Fan Page tersebut akan memunculkan update status fan page facebook anda di blog. Jadi jika anda membuat posting di fan page anda maka pengunjung di blog anda pun bisa membacanya. Mudah-mudahan trik dan tips yang satu ini dapat membantu mencari jawaban yang anda cari. Semoga bermanfaat dan selamat mencobanya!

Cara Memasang Status Twitter di Blog

Ada saja hal-hal yang ingin kita tambahkan di blog, entah itu untuk memperindah, mendatangkan banyak pengunjung, membuat blog kita seo friendly, rasa ingin tahu yang dalam dan lain-lain. Nah, kali ini saya akan memberikan petunjuk bagaimana memasang status twitter di blog. Anda pasti sudah mengenal apa itu twitter, jadi jika anda ingin memasang widget ini maka anda terlebih dahulu sudah mempunyai akun di twitter. Widget ini memiliki fungsi agar pengunjung mengetahui update twitter kita langsung di blog. Jika ingin memasang widget ini ikuti langkahnya:

1. Klik link ini: https://twitter.com/about/resources/widgets
2. Setelah itu Klik Widget for....."My Website"
3. Pilih Profile Widget
4. Pada halaman Customize Your Profile Widget,
setting - masukan username twitter anda
preferences - number of tweets (pilih jumlah tweet)
appearance - pilih tampilan warna widget anda
dimensions - pilih ukuran yang ingin anda buat
5. Pada bagian bawah klik Finish and Grab Code

Untuk memasangnya diblogger:
1. Masuk ke Rancangan --> Elemen Halaman
2. Tambahkan gadjet --Pilih HTML/Javascript
3. Masukkan kode twitter yang tadi
4. Simpan gadjet anda

Sangat mudah untuk membuat widget ini, anda hanya tinggal mengkreasikan penempatan dan tampilannya sesuai selera. Semoga artikel ini bermanfaat.

Cara Membuat Related Post dengan Thumbnails

Trik dan tips kali ini akan membahas cara membuat related post dengan thumbnails. Related Post atau Artikel Terkait digolongkan berdasarkan jenis kategori atau label pada posting kita. Artikel terkait ini akan kita letakan dibawah posting. Artikel Terkait juga akan disertai Thumbnails horizontal dan Judul Blog. Fungsi dari related post yaitu menyajikan informasi lain yang berkaitan dengan artikel yang kita baca. Saya kebetulan memperoleh widget ini dari situs Indahnya Berbagi. Jika ingin membuatnya langsung saja menuju TKP:

1. Masuk ke Rancangan ---> Klik Edit HTML
2. Centang Expand Template Widget
3. Paste kode dibawah ini diatas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.2em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/relatedpostwiththumbnails.js.js' type='text/javascript'/>
</b:if>

4. Cari salah satu kode berikut ini:
<div class='post-footer-line post-footer-line-3'>
atau <p class='post-footer-line post-footer-line-3'>
5. Setelah itu letakan kode dibawah ini, dibawah salah satu kode langkah ke.4

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://amatulla83.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Related Posts&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

6. Terakhir simpan template anda.

Semoga artikel ini bermanfaat!

Efek Link Nudging Pada Label Blog

Trik dan Tips kali ini yaitu kita akan membuat Link Nudging dengan menggunakan Jquery dan Javascipt. Efek link nudging ini membuat link bergoyang dengan halus ketika mouse diarahkan diatas link tersebut. Efek ini akan menambah keindahan dari blog anda. Link nudging kali ini kita akan terapkan pada label atau kategori blog. Jika anda tertarik untuk membuatnya ikuti langkahnya dibawah ini:

1. Masuk ke Rancangan--> Edit HTML
2. Cari kode </head>
3. Letakkan script dibawah ini diatas kode </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>

Keterangan: Kode Jquery diatas sudah umum digunakan, jadi jika template anda sudah ada kode tersebut tidak usah memasukan kode jquery diatas.

4. Tambahkan kode dibawah ini dan letakan dibawah kode jquery tadi:

<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#Label1 li&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script>

5. Simpan template anda lalu liat hasilnya.

Jika anda ingin melihat link nudging bekerja pada label maka anda harus menambahkan widget (gadjet) label pada blog. Pilih Label dengan tampilan "Daftar". Selamat mencobanya!!