NewsPaper Times Magazine Theme Wordpress dari Magazine3

Seperti janji saya pada artikel sebelumnya, kali ini saya akan mereview satu lagi theme wordpress yang tak kalah menarik dengan Newsworld Theme. Fiturnya juga lengkap (lihat di bawah), kelebihan dari theme ini loadingnya ringan dan tidak ada plugin yang mesti dipasang untuk mensupport tampilan theme ini. Secara umum Wordpress sekarang lebih dari sebuah aplikasi blogging sederhana. Sehingga dapat digunakan untuk menjalankan situs web lengkap, sama seperti Content Management System (CMS) lainnya. Anda dapat membuat fitur penuh, konten berat, situs berita atau situs majalah online pada platform Wordpress.

Newspapertimes adalah premium Wordpress Theme dengan tata letak yang unik dan skema warna yang menarik. Muncul dengan pilihan warna lengkap yang akan membuat Anda dengan mudah mengubah tampilan setiap masing-masing  blok kategori. Selain itu, Newspapertimes dilengkapi dengan panel pilihan theme khusus, dimana Anda dapat mengedit atau memodifikasi berbagai pilihan seperti perubahan logo, setup fitur kategori, penyesuaikan navigasi, dan mengelola iklan. Tiga halaman kustom template dapat Anda digunakan dengan mudah untuk menambahkan contact form, dan halaman sitemap arsip penuh ke situs. Demo yang saya buat dengan menggunakan fasilitas domain dan hosting gratisan menggunakan Theme ini bisa dilihat disini.

Berikut ini fitur lengkap dari Newspapertimes :

• Premium News or Magazine Style WordPress Theme.
• Unique front page layout.
• Widgetized areas.
• Featured content slider.
• Attractive news ticker.
• Beautiful color scheme.
• Custom page templates.
• Custom logo and background option.
• WordPress 3.0 compatible navigation.
• Theme control panel.
• Advanced color options.
• Automatic Thumbnails.
• Unique popular posts widget.
• Threaded comments.
• Related Posts With Thumbnails.
• Social bookmarking module.
• Advertisement Options.
• Optimized for search engines.
• Compatible with latest version of WordPress.
• Works on all modern web browsers.

Jika anda masih kurang yakin dengan kecepatan loading dari theme ini, bisa dilihat demo yang sudah saya modifikasi navigasi menunya disini. Untuk lebih jelasnya anda bisa juga melihat demo asli pada link di bawah. Dan anda juga bisa mendownloadnya secara gratis.

Demo :

http://magazine3.com/newspapertimes/demo/

Download :

http://www.mediafire.com/?4z8iz8ug8970gu9

Read More

Newsworld Theme Wordpress dari Deluxe Themes

Jika teman-teman ada yang menginginkan theme wordpress untuk portal berita yang komplit dengan bermacam-macam fitur yang dilengkapi dengan slider gambar yang menarik. Saya sarankan untuk memakai Newsworld Theme dari Deluxe Theme. NewsWorld adalah theme Wordpess premium yang unik dari Deluxe Theme, NewsWorld memungkinkan Anda untuk menjalankan sebuah portal berita hanya dalam beberapa menit. Dengan tambahan fitur ajax secara otomatis theme ini akan merefresh halaman.

Di samping itu theme ini juga menampilkan arsip yang ditampilkan dengan dua metode yang berbeda. Bagi yang suka memonitisasi blog theme ini sangat cocok karena theme ini juga dilengkapi beberapa kolom yang dipakai untuk memasang iklan, seperti di header, di bawah header juga bisa diletakkan di footer. Anda tinggal masukkan kode iklan yang diinginkan tidak perlu lagi untuk mengedit kode-kode yang ada di dalam style.css maupun kode php nya. Dengan menggunakan fasilitas domain dot.tk dan hosting gratisan dari 000webhost, saya juga sudah membuktikan theme ini disini, sedikit modifikasi pada header.php dan single.php tampilan blog menjadi lebih menarik.

Berikut ini adalah fitur lengkap yang ditawarkan Newsworld theme :

• Original PSD Template Included!
• Control panel to manage theme options
• Simple Installation (instructions, how-to guide included)
• A unique blog layout featuring a super presentation of blog posts
• One of a kind News Filter Module to browse all blog posts.
• Ajax-powered Archive Template with various display options
• 12 different sorting options
• Unique content tagging for news, photo, or video content
• Ajax Pagination in Archives
• Custom comment pagination system included
• Automatic Thumbnail Creation & Caching
• Ad Manager module built-in, ad rotation, ad monitoring, and more
• Custom photo gallery template
• QuickVideo Publisher to post videos from 60+ video sites easily
• Fully-widgetized Sidebar (no hardcoded widgets)
• Custom widgets to show weather, galleries, advertisements, etc.
• Compatible with WordPress 3.0 or higher
• Compatible with all modern browsers

Fiturnya sangat lengkap dan cocok untuk blog portal berita, kelemahan pada theme ini adalah pada loadingnya yang cukup lamban karena banyak plugin yang mesti diinstal seperti WP-Postrating, WP-email dan lain-lain. Tetapi bagi Anda yang sering bermain dengan kode-kode PHP hal itu tak terlalu sulit karena Anda bisa mempercepat loading misalnya menghemat Quota Bandwidth dengan HTTP Compression atau melalui penggabungan style.css, atau bisa juga dengan menambah kecepatan loading dengan memasang plugin seperti WP Super Cache atau W3 Total Cache dan sejenisnya.

Oke, dibawah ini saya lampirkan dimana Anda dapat melihat demonya dan bisa mendownloadnya secara gratis, jika ada kesulitan dalam memasang theme ini bisa dikonsultasikan lewat email saya. Pada artikel selanjutnya saya akan mereview satu theme lagi yang tak kalah menarik dengan Newsworld yaitu Newspapertimes dari Magazine3

Demo :

http://deluxethemes.com/newsworld/

Download :

http://www.mediafire.com/?1s6cbuacy1y7ibh (v1.0.1)
http://www.mediafire.com/?uayj11s96th6itv (v1.0.2)
http://www.mirrorcreator.com/files/WENDUACB/newsworld.zip_links

Read More

Membuat Breaking News Menarik Dibawah Navigasi Menu

Pada artikel kali ini saya akan menjelaskan bagaimana membuat breaking news atau berita berjalan yang biasanya terdapat di bawah navigasi menu pada sebuah blog atau biasa disebut newsticker. Banyak sudah artikel yang membahas mengenai newsticker ini di internet, misalnya dengan menambah efek marquee sehingga teks tersebut dapat berjalan, tapi kali ini saya akan menjelaskan cara memasang breking news dengan sentuhan jQuery sehingga hasilnya akan lebih menarik dan yang pasti dapat mempercatik blog anda.

Pertama kali saya melihat tampilan breaking news ini pada template Sporty Magazine 2 buatan Borneo Template, waktu itu template masih berbayar sekarang sepertinya sudah gratis di download. Disini saya akan memodifikasi sedikit tampilannya sehingga tampilannya seperti tampak pada gambar diatas, demonya anda bisa lihat disini. (http://martin-big.blogspot.com)

Ternyata cara memasangnya sangat gampang sekali, dan jika Anda tertarik berikut ini langkah-langkah untuk membuatnya :

1. Login ke blogger dengan akun anda
2. Kemudian klik Tata Letak > pilih Edit HTML
3. Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
4. Letakkan kode berikut di atas kode ]]></b:skin>
   

   /* News Ticker Wrapper
   ---------------------------------------------*/
   .newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVFRkPIisisTL24SfijM4ESgpxCIaSMIyUdAaiheYAGc1iM2SwPEF4QCeIVTQXr6Zel2ObNZ_KKSpD-hyqRyM2JH4i9CLAmdeRHEa0DfyFaNFKGcMdMqT53BFvjpdZ73mDU4iPpTYwZu4/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
   .news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
   .news a:link, .news a:visited{color:#fff;text-decoration:none;}
   .news a:hover {color:#ddd;text-decoration:underline;}

5. Masih dalam dalam posisi Edit HTML. Sekarang letakkan kode berikut ini 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>
6. Kemudian cari kode dibawah ini, atau kode yang biasa dipakai untuk meletakkan navigasi menu
   

   <div class='menu horizontal'>
   ...........................................
   ...........................................
   </div>

7. Jika sudah ketemu letakkan kode berikut tepat dibawah kode </div> yang dipakai untuk menutup kode navigasi menu pada template Anda.
   <div class='newspic'>
   
   <div style='float:left;width:780px;padding:6px 0 6px 180px; 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://maskolis.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 URL yang saya beri warna merah dengan URL blog anda dan jika blog anda masih baru newsticker ini biasanya tidak mau jalan karena google belum mengenal feed di blog Anda. Solusinya gampang Anda mesti buat API key sendiri di googlecode, atau langsung saja disini. Masukkan URL blog anda, kemudian ganti kode javascript paling atas pada langkah nomer 5 dengan kode yang barusan dapet dari googlecode (bener nggak sih ngomongku...... )
9. Langkah terakhir save/simpan, lihat dibawah navigasi menu anda, kalau cara memasangnya sudah benar pasti akan muncul breaking news itu.

Agar lebih ramping simpan kode javascript newsticker diatas (no.5) di tempat penyimpanan googlecode Anda. Mudah kan? Jika ada yang mau ditanyakan silahkan isi pada kolom komentar dibawah. Selamat mencoba dan semoga bermanfaat.

Read More

Membuat Slideshow Gambar Ala Yahoo

Meskipun sudah lama sekali saya tidak menulis karena banyak sekali kesibukan, kali ini saya akan menyempatkan waktu untuk berbagi dengan teman-teman semua mengenai cara membuat slide gambar seperti yang biasa kita lihat di id.yahoo.com. Sebelumnya saya sudah pernah membahas tentang memasang gambar slide ala drakon template dan zinmag primus, bagi yang belum menyimak bisa dilihat kembali.

Banyak saya temui blog yang sudah memakai animasi image slider dengan berbagai macam variasi. Blog akan semakin menarik dan lebih hidup dengan tampilan silih berganti dari text dan image yang disetting pada slider. Penempatan animasi slider Yahoo ini biasanya diletakkan tepat di bawah header tengah. Namun, Anda pun bisa menyesuaikannya pada desain template blog masing-masing. 

Gambarnya kira-kira seperti diatas, jika anda ingin melihat demonya bisa dilihat disini. Bagaimana? Jika temen-temen tertarik untuk memasang slideshow ala Yahoo di blog masing-masing, maka bersiaplah dipusingkan dengan begitu banyaknya kode CSS dan setting gambar, link serta setting teks yang lumayan membingungkan. Kalau sudah terbiasa sih, pasti gampang. Paling tidak patut dan layak untuk dicoba.

Langkah Pertama

1. Login ke blogger dengan akun anda
2. Kemudian klik Tata Letak > pilih Edit HTML
3. Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
4. Letakkan kode berikut di atas kode ]]></b:skin>
   
   /* Yahoo Slider Wrapper
   ----------------------------------------------- */
   div.jqans-wrapper {-x-system-font:none;font-family:arial,helvetica,clean,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.231;color:#666666;}
   div.jqans-wrapper img {border: 0;}
   div.jqans-wrapper ul,div.jqans-wrapper li,div.jqans-wrapper h1,div.jqans-wrapper p {list-style:none;margin: 0;padding: 0;}
   div.jqans-wrapper {list-style:none;position: relative;overflow: hidden;}
   div.jqans-wrapper ul {position: relative;left: 0;width: auto;list-style-type: none;overflow: hidden;z-index: 1;}
   div.jqans-wrapper li {list-style:none;float: left;display: inline;}
   /* Yahoo Slider Content
   ----------------------------------------------- */
   div.jqans-wrapper.default .jqans-stories ul, div.jqans-wrapper.default .jqans-stories li {height: 110px;}
   div.jqans-wrapper.default .jqans-stories-selector ul, div.jqans-wrapper.default .jqans-stories-selector li {height: 10px;}
   div.jqans-wrapper.default, div.jqans-wrapper.default .jqans-container {width: 458px;background:#fff;}
   div.jqans-wrapper.default li {width: 115px;}
   div.jqans-wrapper.default a {text-decoration: none;font-weight: normal;color: #363636;outline: none;}
   div.jqans-wrapper.default strong {color: #000;}
   /* wrapper */
   div.jqans-wrapper.default {border: 1px solid #ccc;border-width: 1px 1px 0 1px;margin: 0 0 0.5em;}
   /* container */
   div.jqans-wrapper.default .jqans-container {min-height: 270px;text-align: center;padding-top: 4px;}
   div.jqans-wrapper.default .jqans-container a {font-weight: bold;color:#000;}
   div.jqans-wrapper.default .jqans-container img {width:438px;height:210px;}
   /* headline */
   div.jqans-wrapper.default .jqans-headline {text-align: left;margin-left:10px;margin-bottom: 4px;font:normal 13px Arial;}
   div.jqans-wrapper.default .jqans-content h1 {text-align:left;color:#16387c;margin: 1px 9px;font:bold 18px Arial;letter-spacing:-.0001em;line-height:1.1em; height:22px;overflow:hidden;}
   div.jqans-wrapper.default .jqans-content p {text-align: left;color: #333;margin: 1px 9px;font:normal 12px Arial;line-height:1.3em;height:30px;overflow:hidden;}
   /* stories */
   div.jqans-wrapper.default .jqans-stories {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxjwOyh_L-ouRo8BgTnPxT1OJ8EcA86LuPymHcVM6VfzHA0cEAfjJ5rrsTEnCZcDPm3SBgU_XBOMCZPuHvEA_jYgmdeMojVMHp1YalkOVnvbkpn62px1u2GeQYhX-5SKIsCFQigI4o7Q/s1600/bg_stories.gif);background-repeat: repeat-x;background-position: top left;}
   div.jqans-wrapper.default .jqans-stories li {overflow: hidden;text-align: center;font-size: 11px;color: #fff;line-height:1.2em;}
   div.jqans-wrapper.default .jqans-stories li.selected {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1bRgMBeaonGfjc5fLdbL5Jvh5Hvicvcn4G3hATiqC1vDM-ZBOxrv12BpwzMpe0lo48IBYQm-0BgqcYIsRfTn8aOWrKISAk6cFdX3yZ4OCNbISdx_J-8L4d1tYpScsqfFVxum-HxCvUg/s1600/bg_selected.gif);background-repeat: no-repeat;background-position: top center;}
   div.jqans-wrapper.default .jqans-stories li.selected a {color:#fff;}
   div.jqans-wrapper.default .jqans-stories li img {margin-top: 22px;width:100px; height:52px;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #555;border-top:1px solid #555;}
   div.jqans-wrapper.default .jqans-stories li p {display: none;}
   div.jqans-wrapper.default .jqans-stories li h3 {margin:0;padding:1px 10px;color:#000;
   font-size:11px;font-weight:normal;font-family:Arial;height:28px;overflow:hidden;line-height:1.2em;}
   div.jqans-wrapper.default .jqans-stories-selector li.selected div {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1bRgMBeaonGfjc5fLdbL5Jvh5Hvicvcn4G3hATiqC1vDM-ZBOxrv12BpwzMpe0lo48IBYQm-0BgqcYIsRfTn8aOWrKISAk6cFdX3yZ4OCNbISdx_J-8L4d1tYpScsqfFVxum-HxCvUg/s1600/bg_selected.gif);background-repeat: no-repeat;background-position: top center;}
   /* pagination */
   div.jqans-wrapper.default .jqans-pagination {border: 1px solid #ccc;border-width: 1px 0;margin: 0;padding: 4px 4px 4px 4px;background: #f2f2f2;text-align: left;clear: both;width: 448px;overflow: hidden;}
   div.jqans-wrapper.default .jqans-pagination-count {float: left;font:normal 11px Arial;color:#666;}
   div.jqans-wrapper.default .jqans-pagination-controls {float: right;}
   div.jqans-wrapper.default .jqans-pagination-controls a {display: inline-block;width: 22px;height: 13px;text-indent: -9999px;background: no-repeat bottom center;*float:left;}
   div.jqans-wrapper.default .jqans-pagination-controls-back a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvZgaemdh-JBEqcG4v2OQPV0kbVyw3YFujvFFDreAOciQIqDtl3lRPwn6-lShnbuWkGhQ0SC_MLl4tsnmfoIsacCWGqr1pD5UMuO2kE7v4tUr5VOBQ_PAILvS1lUgUkyMCsPDH2uq-Do/s1600/previous.gif);}
   div.jqans-wrapper.default .jqans-pagination-controls-next a {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTL19TvAlex5YidjLN-leBCR0iq5JSMZkIf_uRZfu068BKGZ6Qoo2n44awNB3lSTeP-u62cIOvCVNbbb-7tdIAPE8mozkbFyK9gAO0YA0eHKWS53g-xOkwUhCfbw-f40hyphenhyphenhqEADV9PzJs/s1600/next.gif);}

Langkah Kedua

1. Masih dalam dalam posisi Edit HTML. Sekarang letakkan kode berikut ini di atas kode </head>
   
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js'/>
   <script type='text/javascript'>
   //<![CDATA[
   (function(a){a.fn.accessNews=function(b){var c={title:"HARI INI -",subtitle:"<span id='clock'/>",slideBy:4,speed:"normal",slideShowInterval:3000,slideShowDelay:3000,theme:"default",continuousPaging:true,contentTitle:"h3",contentSubTitle:"abbr",contentDescription:"p",onLoad:null,onComplete:null};return this.each(function(){b=jQuery.extend(c,b);var k=jQuery(this);var h=k.children();var i;var j;var f;var e={_wrapper:'<div class="jqans-wrapper '+b.theme+'"></div>',_container:'<div class="jqans-container"></div>',_headline:jQuery("<div class='jqans-headline'></div>").html(["<p><strong>",b.title,"</strong> ",b.subtitle,"</p>"].join("")),_content:jQuery("<div class='jqans-content'></div>"),_stories:'<div class="jqans-stories"></div>',_first:jQuery(h[0]),init:function(){if(b.onLoad){b.onLoad.call(a(this))}k.wrap(this._wrapper);k.before(this._container);var l=(h.length*this._first.outerWidth(true));k.css("width",l);if(b.title.length){this.append(this._headline)}this.append(this._content);this.selector(l);this.set(0);d.init();g.init();k.wrap(this._stories);if(b.onComplete){b.onComplete.call(a(this))}},selector:function(n){var m="";for(var l=1;l<=h.length;l++){m+="<li><div/></li>"}var p=jQuery('<div class="jqans-stories-selector"></div>');p.append("<ul>"+m+"</ul>");j=jQuery(p.find("ul"));f=j.children();p.css("width",n);k.before(p)},append:function(l){this.get().append(l)},get:function(){return k.parents("div.jqans-wrapper").find("div.jqans-container")},set:function(n){var o=this.get();var r=jQuery(h[n]);var m=jQuery(f[n]);var q=jQuery("div.jqans-content",o);var p=jQuery("<img></img>");var l=jQuery("<div></div>");var s=jQuery(b.contentTitle+" a",r).attr("title")||jQuery(b.contentTitle,r).text();p.attr("src",jQuery("img",r).attr("longdesc")||jQuery("img",r).attr("src"));l.html("<h1>"+s+"</h1><p>"+jQuery(b.contentDescription,r).html()+"</p>");q.empty();q.append(p);q.append(l);h.removeClass("selected");r.addClass("selected");f.removeClass("selected");m.addClass("selected")}};var d={loaded:false,_animating:false,_totalPages:0,_currentPage:1,_storyWidth:0,_slideByWidth:0,init:function(){if(h.length>b.slideBy){this._totalPages=Math.ceil(h.length/b.slideBy);this._storyWidth=jQuery(h[0]).outerWidth(true);this._slideByWidth=this._storyWidth*b.slideBy;this.draw();this.loaded=true}},draw:function(){var n=jQuery('<div class="jqans-pagination"></div>').html(['<div class="jqans-pagination-count"><span class="jqans-pagination-count-start">1</span> - <span class="jqans-pagination-count-end">',b.slideBy,'</span> of <span class="jqans-pagination-count-total">',h.length,'</span> <strong>News Pagination</strong></div><div class="jqans-pagination-controls"><span class="jqans-pagination-controls-back"><a href="#" title="Back">&lt;&lt; Back</a></span><span class="jqans-pagination-controls-next"><a href="#" title="Next">Next &gt;&gt;</a></span></div>'].join(""));k.after(n);var m=jQuery(".jqans-pagination-controls-next > a",n);var l=jQuery(".jqans-pagination-controls-back > a",n);m.click(function(){var o=d._currentPage+1;d.to(o);return false});l.click(function(){var o=d._currentPage-1;d.to(o);return false})},to:function(p){if(this._animating){return}this._animating=true;var q=k.parent("div").next(".jqans-pagination");var l=jQuery(".jqans-pagination-count-start",q);var s=jQuery(".jqans-pagination-count-end",q);if(p>this._totalPages){p=b.continuousPaging?1:this._totalPages}if(p<1){p=b.continuousPaging?this._totalPages:1}var r=(p*b.slideBy)-b.slideBy;var n=(p*b.slideBy);if(n>h.length){n=h.length}var o=parseInt(k.css("left"));var m=(p*this._slideByWidth)-this._slideByWidth;l.html(r+1);s.html(n);o=(m*-1);k.animate({left:o},b.speed);j.animate({left:o},b.speed);e.set(r);this._currentPage=p;this._animating=false}};var g={init:function(){this.attach();this.off();i=setTimeout(function(){g.on()},b.slideShowDelay)},on:function(){this.off();i=setInterval(function(){g.slide()},b.slideShowInterval)},off:function(){clearInterval(i)},slide:function(){var o=jQuery("li.selected",k);var m=o.next("li");var n=0;if(!m.length){m=jQuery(h[0]);n=1}var p=h.index(m);if(d.loaded){var l=(p)%b.slideBy;if(l===0){n=(Math.ceil(p/b.slideBy))+1}if(n>0){d.to(n)}}e.set(p)},attach:function(){var l=jQuery(k).parent("div.jqans-wrapper");l.hover(function(){g.off()},function(){g.on()})}};e.init();h.hover(function(){e.set(h.index(this))},function(){})})}})(jQuery);
   //]]>
   </script>
   <script type='text/javascript'>
   // when the DOM is ready, convert the feed anchors into feed content
   jQuery(document).ready(function() {
   
       jQuery(&#39;#newsslider&#39;).accessNews({
     
       });
   
       jQuery(&#39;#newsslider2&#39;).accessNews({
           title : &quot;BREAKING NEWS:&quot;,
           subtitle:&quot;stories from the internet&quot;,
           speed : &quot;slow&quot;,
           slideBy : 4,
           slideShowInterval: 100000,
           slideShowDelay: 100000
       });
   
   });
   </script>
   <script type='text/javascript'>
   /* <![CDATA[ */
   jQuery.noConflict();jQuery(function(){jQuery("ul.menu-primary").superfish({animation:{opacity:"show"},autoArrows:true,dropShadows:false,speed:200,delay:800})});jQuery(function(){jQuery("ul.menu-secondary").superfish({animation:{opacity:"show"},autoArrows:true,dropShadows:false,speed:200,delay:800})});jQuery(document).ready(function(){jQuery(".fp-slides").cycle({fx:"fade",timeout:4000,delay:0,speed:400,next:".fp-next",prev:".fp-prev",pager:".fp-pager",continuous:0,sync:1,pause:1,pauseOnPagerHover:1,cleartype:true,cleartypeNoBg:true})});
   /* ]]> */
   </script>
2. Sampai disini masih mudah kan? Oya jika anda ingin meletakkan hari, tanggal dan bulan serta tahun seperti yang ada di demo, letakkan kode berikut di bawah kode diatas :
   
   <script type='text/javascript'>
   //<![CDATA[
   var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December");function getthedate(){var a=new Date();var g=a.getYear();if(g<1000){g+=1900}var h=a.getDay();var e=a.getMonth();var b=a.getDate();if(b<10){b="0"+b}var i=a.getHours();var c=a.getMinutes();var j=a.getSeconds();var d="AM";if(i>=12){d="PM"}if(i>12){i=i-12}if(i==0){i=12}if(c<=9){c="0"+c}if(j<=9){j="0"+j}var f="<font color='666666' face='Arial'>"+dayarray[h]+", "+montharray[e]+" "+b+", "+g+" "+i+":"+c+":"+j+" "+d+"</font>";if(document.all){document.all.clock.innerHTML=f}else{if(document.getElementById){document.getElementById("clock").innerHTML=f}else{document.write(f)}}}if(!document.all&&!document.getElementById){getthedate()}function goforit(){if(document.all||document.getElementById){setInterval("getthedate()",1000)}};
   //]]>
   </script>
3. Jangan lupa, jika anda sudah memasang kode javascript untuk waktu diatas, kode <body> pada template harus diganti dengan :
   

     <body onLoad='goforit()'>

4. Save/simpan template terlebih dahulu sambil sejenak istirahat, sabar ya siapkan secangkir kopi atau teh biar agak adem sambil mendengarkan musik kesukaan anda. Masih ada satu langkah lagi

Langkah Ketiga

1. Sekarang anda harus membuat satu kolom di atas postingan untuk meletakkan kode slide nantinya. Langsung saja letakkan kode berikut di atas kode ]]></b:skin>
   

   /* Slide Content
   ----------------------------------------------- */
   .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
   word-wrap: break-word; overflow: hidden;} 
   .slide {color: #666666;line-height: 1.3em;}
   .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
   .slide li {margin:0;padding-top:0;
   padding-right:0;padding-bottom:.25em;
   padding-left:0px;text-indent:0px;line-height:1.3em;}
   .slide .widget {margin:0px 0px 6px 0px;}

2. Kemudian untuk memunculkannya pada template (diatas postingan), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
   

   <b:if cond='data:blog.url == data:blog.homepageUrl'>
         <div id='slide-wrapper'>
   <b:section class='slide' id='slide' preferred='yes'/>
         </div>
   </b:if> 

   
3. Setelah anda membuat satu kolom diatas postingan, klik menu Tata Letak >> Elemen Laman
4. Klik Tambah Gadget >> pilih HTML/Javascript
5. Copy kode di bawah dan letakkan di kotak HTML/Javascript
   
   <ul id="newsslider">
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6JSYCser4Z-JNdYHVnfl7nygPlUhls5XKnfL3lB5LRAojxHxeNPWgEdRHCCVJDSWiv7-GxIgCj5goka1UR27n6I-xHjUYM9IhXpY5l-7Cgf26WTcubjSMJ_cXFrtDrW_wtXHV7i92jaal/s1600/emak.jpg"/></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-dalam-bimbang-kunikmati.html">(Sad Romance) Dalam Bimbang, Kunikmati dirimu</a></h3>
   <p>Wepe sangat terpukul setelah putus cinta dengan Herry seseorang yang sangat mempesonanya... <a href="#"> more &raquo; </a></p>
   </li>
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaTx2kWrOp0sEdCaanV_oXfbdb9fPeXJyh4znUQElObc7A7kWBVakZb_IRdTuysfSktSrY8xp_Wj4grYo3vbbvqCKcWaCIN5V4tMkSFk0z2-GKhOtoMBCzpMf9od8mCITBD7A91zLvplGB/s1600/hawa.jpg"/></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] Kekasihmu Merayuku</a></h3>
   
   <p>Wanita itu datang padaku, dengan langkah anggun terkesan tergesa-gesa, wajah ayunya..... <a href="#">more &raquo;</a></p>
   </li>
   
   <li>
   <a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKtuTtcz_uVoBWV9S_kQHPjLDsW_JnN2Rck7xqIMsFfBL7l_CpfkDBLg68xtld4pqLwEIACuoSD36zbvjpGppnUkFU-XZ14OXTcM-juivgdJA72E38WptDdBN_RYJFQCWUeTgWeSNAZJsx/s1600/hawa+2.jpg" /></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di Pantai Itu Mereka</a></h3>
   <p>Semilir angin laut menghempas bibir pantai, pasir bergerak perlahan tersapu lembut air laut, sepasang kekasih ada disana.... <a href="#">more &raquo;</a></p>
   
   </li>
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89qIRIemDwu3sE9DXfSoB3OTSISEKi7yD20PGBGfMb_fnMSPVU1oFgMiKS4wbUlQYeFRg6bOZpLgfLmW-aPktQDd5kHjSvm1zd1grNGlpKBd2_smi6rFN-0PPVnHGHg9r_AHAJT2PUvzB/s1600/youly+chang.jpg"/></a>
   
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
   <p>Samar-samar herry menatap bayangan dirinya pada sebuah cermin. Siapa yang harus kupersalahkan? sebagai manusia.... <a href="#">more &raquo; </a></p>
   </li>
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6JSYCser4Z-JNdYHVnfl7nygPlUhls5XKnfL3lB5LRAojxHxeNPWgEdRHCCVJDSWiv7-GxIgCj5goka1UR27n6I-xHjUYM9IhXpY5l-7Cgf26WTcubjSMJ_cXFrtDrW_wtXHV7i92jaal/s1600/emak.jpg"/></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-dalam-bimbang-kunikmati.html">(Sad Romance) Dalam Bimbang, Kunikmati dirimu</a></h3>
   <p>Wepe sangat terpukul setelah putus cinta dengan Herry seseorang yang sangat mempesonanya... <a href="#"> more &raquo; </a></p>
   
   </li>
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaTx2kWrOp0sEdCaanV_oXfbdb9fPeXJyh4znUQElObc7A7kWBVakZb_IRdTuysfSktSrY8xp_Wj4grYo3vbbvqCKcWaCIN5V4tMkSFk0z2-GKhOtoMBCzpMf9od8mCITBD7A91zLvplGB/s1600/hawa.jpg"/></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] Kekasihmu Merayuku</a></h3>
   <p>Wanita itu datang padaku, dengan langkah anggun terkesan tergesa-gesa, wajah ayunya..... <a href="#">more &raquo;</a></p>
   </li>
   
   <li>
   <a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKtuTtcz_uVoBWV9S_kQHPjLDsW_JnN2Rck7xqIMsFfBL7l_CpfkDBLg68xtld4pqLwEIACuoSD36zbvjpGppnUkFU-XZ14OXTcM-juivgdJA72E38WptDdBN_RYJFQCWUeTgWeSNAZJsx/s1600/hawa+2.jpg" /></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di Pantai Itu Mereka</a></h3>
   <p>Semilir angin laut menghempas bibir pantai, pasir bergerak perlahan tersapu lembut air laut, sepasang kekasih ada disana.... <a href="#">more &raquo;</a></p>
   
   </li>
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89qIRIemDwu3sE9DXfSoB3OTSISEKi7yD20PGBGfMb_fnMSPVU1oFgMiKS4wbUlQYeFRg6bOZpLgfLmW-aPktQDd5kHjSvm1zd1grNGlpKBd2_smi6rFN-0PPVnHGHg9r_AHAJT2PUvzB/s1600/youly+chang.jpg"/></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
   <p>Samar-samar herry menatap bayangan dirinya pada sebuah cermin. Siapa yang harus kupersalahkan? sebagai manusia.... <a href="#">more &raquo; </a></p>
   </li>
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMq7nKedJiC2VFzGPzj3MD79Kz-X7N8hwcNxD6Foe3OeE2P1t64rYtXVQK29rs5AiQZx6kHmKWTKrRuZ0-dW_JafZhuW6oRaeD-16gy5cgfzP_xl_UXQ6M8hriPEOKtQY-y2NDjppd6DjD/s1600/emak.jpg"/></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/oh-emak-oh-ibu.html">Oh Emak Oh Ibu</a></h3>
   
   <p>5 tahun yang lalu waktu emak mengantarku ke terminal bus antar provinsi guna merantau dan berangkat kuliah ke Jakarta... <a href="#"> more &raquo; </a></p>
   </li>
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaTx2kWrOp0sEdCaanV_oXfbdb9fPeXJyh4znUQElObc7A7kWBVakZb_IRdTuysfSktSrY8xp_Wj4grYo3vbbvqCKcWaCIN5V4tMkSFk0z2-GKhOtoMBCzpMf9od8mCITBD7A91zLvplGB/s1600/hawa.jpg"/></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] Kekasihmu Merayuku</a></h3>
   <p>Wanita itu datang padaku, dengan langkah anggun terkesan tergesa-gesa, wajah ayunya..... <a href="#">more &raquo;</a></p>
   </li>
   
   <li>
   
   <a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKtuTtcz_uVoBWV9S_kQHPjLDsW_JnN2Rck7xqIMsFfBL7l_CpfkDBLg68xtld4pqLwEIACuoSD36zbvjpGppnUkFU-XZ14OXTcM-juivgdJA72E38WptDdBN_RYJFQCWUeTgWeSNAZJsx/s1600/hawa+2.jpg" /></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di Pantai Itu Mereka</a></h3>
   <p>Semilir angin laut menghempas bibir pantai, pasir bergerak perlahan tersapu lembut air laut, sepasang kekasih ada disana.... <a href="#">more &raquo;</a></p>
   
   </li>
   
   <li>
   <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89qIRIemDwu3sE9DXfSoB3OTSISEKi7yD20PGBGfMb_fnMSPVU1oFgMiKS4wbUlQYeFRg6bOZpLgfLmW-aPktQDd5kHjSvm1zd1grNGlpKBd2_smi6rFN-0PPVnHGHg9r_AHAJT2PUvzB/s1600/youly+chang.jpg"/></a>
   <h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
   <p>Samar-samar herry menatap bayangan dirinya pada sebuah cermin. Siapa yang harus kupersalahkan? sebagai manusia.... <a href="#">more &raquo; </a></p>
   
   </li>
   
   </ul>
   Keterangan :
   -  Warna biru : URL image
   -  Warna merah : URL post
   -  Warna kuning : Ringkasan post
   -  Warna hijau : judul post
6. Jika layout pada template Anda sudah terdapat satu kolom kosong di atas post, langkah ini tidak perlu. Langsung saja add gadget kemudian letakkan kode script diatas.
7. Kemudian save/simpan template selesai sudah

Ribet banget ya, kalau ribet nggak usah dipasang masih banyak slider lain yang lebih gampang cara memasangnya dan tidak kalah menarik dengan slider Yahoo ini. Saya hanya memberikan alternatif lain untuk menghias blog agar tampak lebih menarik. Jika teman-teman sering meringkas kode javascript yang terlalu panjang di googlecode, sebaiknya diringkas saja selain terlalu panjang juga akan meringankan loading blog anda.  Selamat mencoba dan berpusing ria jika ada yang mau ditanyakan isi kotak komentar yang ada di bawah. Jika ada waktu senggang Insya Allah saya jawab.

* Slider source by Borneo Template and plugin Yslider for Wordpress by Andrea Ferracani

Read More

Cara Daftar dan Pasang Iklan di Infolinks

Setelah kemarin saya sudah membahas tentang PPC lokal Sitti, kali ini saya akan memberikan satu cara lagi untuk memonetisasi blog Anda dengan menampilkan iklan dari Infolink. Infolinks adalah sebuah broker in-text advertising, situs ini merupakan broken iklan yang menampilkan iklannya di dalam text blog, untuk contohnya jika anda perhatikan blog ini akan ada tulisan yang berwarna hijau dengan garis di bawah tulisan itu. Seperti itu iklan dari Infolinks (lihat gambar), dan setiap ada yang klik link tersebut setiap publisher akan mendapatkan uang, gambarannya seperti itu.

Tentu saja nilai kliknya lebih kecil dari pada Google Adsense tapi ada kelebihannya, yaitu yang ngeklik jauh lebih banyak dari Google Adsense, menurut pengalaman selama saya pasang iklan dari Infolink ini, dari 100 orang maka akan ada 7 orang yang klik iklan dari Infolinks sedangkan yang ngeklik Google Adsense cuma ada 1 orang. Jadi menurut saya Infolinks ini sangat potensial sekali untuk mendapatkan tambahan penghasilan.

Infolinks bisa di pasang di blog bahasa Indonesia dan blog bahasa Inggris, tapi tentu saja blog bahasa inggris lebih menguntungkan dan mendatangkan banyak uang. Untuk daftar di Infonlinks tidaklah sulit. Caranya hampir sama dengan google adsense, yaitu harus memakai blog bahasa Inggris dulu baru kemudian kita pasang di blog bahasa Indonesia. Bagi temen-temen yang tertarik berikut ini tutorial cara mendaftar dan cara pasang iklan Infolink  :

Cara Mendaftar Infolink

1. Anda mesti membuat blog berbahasa Inggris dulu minimal 5 artikel (terserah mau platform blogspot atau wordpress)
2. Kemudian buka situs infolinks disini
3. Lalu klik “Join us now!”
4. Langkah selanjutnya adalah melakukan registrasi
   

   * Website URL: isi alamat blog bahasa Inggris yang sudah dibuat
   * Website language: Inggris
   * Salutation & first name: nama depan
   * Last name: nama belakang kamu
   * Email: email kamu
   * Password: boleh beda sama password email
   * Password confirmation: masukin ulang password diatas
   * Comments: kosongin ajah
   * Baca persetujuan (lewati aja... )
   * Centang semua pilihan
   * Isi Verification dengan tulisan dibawahnya
   * Continue

5. Setelah itu Anda akan dibawa ke halaman lain yang selanjutnya ada script infolinks. Copy script tersebut, pasang di blog yang memakai bahasa Inggris, contoh scriptnya seperti ini:
   

<script type='text/javascript'>
    var infolink_pid = 156179;
    var infolink_wsid = 1;
</script>

<script src='http://resources.infolinks.com/js/infolinks_main.js' type='text/javascript'/>

Sampai disini proses pendaftaran selesai, sekarang tinggal memasang pada blog Anda.

Cara Pasang Iklan Infolink

1. Login ke blogger dengan akun Anda
2. Kemudian pilih Dashboard
3. Setelah itu klik Rancangan pilih Edit HTML
4. Jangan lupa centang Expand Template Widget
5. Tarik scroll sampai bagian paling bawah cari </body>
6. Letakkan script dari infolinks tadi diatas </body>
7. Kemudian Save Template, proses pemasangan iklan dari Infolink sudah selesai

Sekarang anda harus menunggu sekitar 2 sampai 3 hari, jika di blog bahasa Inggris sudah muncul iklan infolinks berarti anda sudah di approve jadi publisher Infolinks. Nah, langkah selanjutnya adalah Anda tinggal memasang script tadi di blog yang memakai bahasa Indonesia. Sangat simple dan tidak berbelit-belit bukan? Demikian tadi tutorial cara daftar dan pasang iklan dari infolink, selamat mencoba dan semoga bermanfaat.

Read More

Membuat Footer Multi Kolom di Blogspot

Sebuah blog yang memang dibuat untuk memuat banyak berita sudah barang tentu lebih banyak memerlukan  kolom khusus untuk widget yang ingin ditampilkan. Jika template yang Anda gunakan memang sudah tersedia multiple kolom mungkin tidak perlu lagi untuk menambahkan kolom baru. Salah satu area pada template yang sering digunakan untuk menempatkan widget adalah bagian footer. Saat ini sudah banyak template yang menyediakan fasilitas multi kolom di bagian footer.

Tapi jika template yang anda gunakan belum ada fasilitas ini, saya akan coba berikan solusinya atau cara membuat  bagian footer template Anda  menjadi multi kolom. Maksud dari multi kolom disini adalah membagi kolom footer menjadi 2 kolom, 3 kolom atau 4 kolom, bisa disesuaikan dengan kebutuhan kolom yang Anda inginkan.  Baiklah, buat teman-teman yang ingin memperbanyak ruang kolom pada bagian footer template, langsug saja pada langkah-langkah pembuatannya :

1. Langkah pertama, Anda mesti login dulu ke Blogger
2. Kemudian klik Design
3. Backup template dengan klik pada Download Full Template agar bisa mengembalikan template ke kondisi semula jika hasilnya tidak memuaskan.
4. Kalau sudah, cari kode ]]></b:skin> 
5. Tambahkan kode di bawah ini diatas kode ]]></b:skin>
   

   #footer-column-divide {
   clear:both;
   }
   .footer-column {
   padding: 10px;
   }

6. Kemudian cari kode di bawah ini.
   

   <div id='footer-wrapper'>
   <b:section class='footer' id='footer' showaddelement='yes'/>
   </div>
   
   

   atau

   
   <div id='footer'>
   <b:section class='footer' id='footer' showaddelement='yes'/></div>

7. Langkah selanjutnya tambahkan kode berikut dibawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />
   
   
   Catatan:
   

   Jika pada template yang Anda gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode berikut dibawah <div id='footer'>
   
   
   Jika Anda menginginkan membagi footer menjadi 2 kolom, gunakan kode berikut :
   

   <div id='footer-column-divide'>
   
   <div id='footer1' style='width: 50%; float:left;
   margin:0; text-align:left;'>
   <b:section class='footer-column' id='col1'
   preferred='yes' style='float:left;'/>
   </div>
   
   <div id='footer2' style='width: 50%; float: left;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='col2'
   preferred='yes' style='float:left;'/>
   </div>
   
   <div style='clear:both;'/>
   </div>

   
   Membagi footer menjadi 3 kolom, gunakan kode berikut :
   

   <div id='footer-column-divide'>
   
   <div id='footer1' style='width: 33%; float:left;
   margin:0; text-align:left;'>
   <b:section class='footer-column' id='col1'
   preferred='yes' style='float:left;'/>
   </div>
   
   <div id='footer2' style='width: 33%; float: left;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='col2'
   preferred='yes' style='float:left;'/>
   </div>
   
   <div id='footer3' style='width: 33%; float: right;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='col3'
   preferred='yes' style='float:right;'/>
   </div>
   
   <div style='clear:both;'/>
   </div>

   Membagi footer menjadi 4 kolom, gunakan kode berikut :
   

   <div id='footer-column-divide'>
   
   <div id='footer1' style='width: 25%; float:left;
   margin:0; text-align:left;'>
   <b:section class='footer-column' id='col1'
   preferred='yes' style='float:left;'/>
   </div>
   
   <div id='footer2' style='width: 25%; float: left;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='col2'
   preferred='yes' style='float:left;'/>
   </div>
   
   <div id='footer3' style='width: 25%; float: right;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='col3'
   preferred='yes' style='float:right;'/>
   </div>
   
   <div id='footer4' style='width: 25%; float: right;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='col4'
   preferred='yes' style='float:right;'/>
   </div>
   
   <div style='clear:both;'/>
   </div>

8. Yang terakhir klik Save Template.

Kemudian klik Page Element. Jika berhasil maka pada bagian footer hasilnya akan menjadi seperti gambar dibawah ini :

Footer 2 kolom

Footer 3 kolom

Footer 4 kolom

Sskarang Anda tinggal memasang wigdet yang ingin ditampilkan pada kolom footer. Terserah apa saja, disesuaikan dengan ukuran kolom yang tadi sudah dibuat. Demikian pembahasan tentang cara membagi kolom footer menjadi multiple kolom, selamat mencoba dan semoga bermanfaat.

Read More

Sitti Program PPC Lokal Sebagai Alternatif Google Adsense

Wah sudah lama nih blog ini nggak tersentuh, gara-gara domain co.cc ditendang sama google, terus terang saya memang jarang update blog ini. Temen-temen pasti tahu kan penyebabnya, mesti merangkak mulai awal lagi. Tapi nggak apa-apa, saya akan berusaha lagi membangun blog ini agar bisa mendapatkan traffic bagus seperti sebelumnya. Dan yang lebih penting lagi adalah memberikan informasi baru (baru untuk yang belum pernah baca) tentang seluk beluk dunia blogging. Baiklah, kali ini saya akan memberikan sedikit informasi mengenai salah satu PPC lokal sebagai alternatif pengganti Google Adsense.

Seperti kita ketahui program PPC atau Pay Per Click sangat identik dengan Google Adsense. Rasanya sangat sulit sekali untuk menggusur eksistensi Adsense di kanal PPC. Salah satu kelebihan Adsense jika dibandingkan dengan PPC lain adalah dari segi kemudahan serta fleksibelitas. Kemudahan dari segi mendaftar ataupun kebebasan dalam mengatur iklan. Di samping itu karena komisi yang dibayarkan sangat menggiurkan. Dan terbukti Google membayar atas iklannya yang diklik oleh jutaan pengguna website di seluruh dunia. Namun, jika Anda sudah jenuh atau mencari PPC Adsense alternatif selain Google Adsense, mengapa tidak memilih PPC lokal yang notabene sistemnya juga serupa dengan Adsense. Mungkin bahkan Adsense lokal memiliki kelebihan tersendiri dibandingkan Google Adsense.

Pada postingannya yang lalu saya pernah membahas kenapa memasang iklan PPC lokal justru menimbulkan problematik, hal ini karena kebanyakan pihak advertiser yang memasang iklannya pada broker PPC adalah iklan produk-produk HYPE dan iklan yang ditampilkan kebanyakan penawaran Get Quick Rich Program melalui money game, paling tidak sampai sejauh ini memang demikian. Tapi sebenarnya tidak semua isi iklan yang ditampilkan PPC tersebut masuk dalam kedua kategori datas. Ada juga beberapa isi iklan yang bagus. Seperti misalnya iklan penawaran jasa hosting murah, iklan toko buku, iklan perumahan dan iklan yang menawarkan jasa lainnya yang menurut saya bermanfaat bagi pembaca.

Kenapa saya malah membahas iklan PPC lokal? Terus terang saja karena baru-baru ini saya tertarik dengan salah satu PPC lokal Sitti, bukan Siti Nurbaya dan bukan pula Siti Nurjanah, saya sampai saat ini juga belum tahu apa artinya Sitti. Sitti adalah salah satu PPC lokal paling unik, karena Sitti adalah PPC lokal asli Indonesia satu-satunya yang dipasang oleh situs-situs besar di Indonesia, seperti misalnya Kompas.com dan Detik.com. Dan berdasarkan pengalaman dalam menanyangkan PPC Sitti dalam kurun beberapa hari terakhir, bahwa Sitti terbukti paling baik dalam hal menghitung jumlah klik iklan. Selain itu melalui Sitti iklan yang tampil rata-rata adalah iklan Brand dan situs-situs ternama, seperti halnya situs Global TV.

Semenjak diluncurkan Oktober tahun lalu dengan versi Betanya, diawal tahun 2011 ini SITTI mulai berani komersil. Memang sih belum berani 100% membayar setiap klik yang dihasilkan publisher namun cukup diacungi jempol dan layak didukung karena keberanianya yang sempat geger menantang PPC punya Google apalagi kalau bukan Google Adsense. Jumlah klik yang akan dibayarkan adalah 75% dari jumlah kliknya. Sementara 25% klik dianggap sebagai klik promosi. Pembatasan klik promosi ini bertujuan agar publisher tidak terlalu dibebani oleh program promosi ini dan minimum 75% dari klik SITTIZEN tetap menghasilkan keuntungan bagi publisher.

Sebagai informasi tambahan, rata-rata jumlah penghasilan setiap klik iklan dari Sitti adalah Rp 350 s/d Rp 600. Sejauh ini saya juga belum bisa memberikan keterangan lebih banyak tentang tata cara pembayaran dari Sitti, karena baru saja mengikuti program PPC ini dan belum sempat mendapatkan pembayaran..... hehehehe. Meski demikian infromasi yang saya dapat dari hasil browsing di internet, bahwa PPC Sitti juga sudah terbukti membayar melalui berbagai Bank di Indonesia.

Batas minimum pembayaran adalah Rp 100.000 dan masa waktu pengiriman pembayaran akan berjalan selama 60 hari. Artinya jika teman-teman mendapatkan batasan minumum pembayaran pada akhir bulan Oktober 2011, maka teman-teman akan menerima pembayaran tersebut pada bulan Desember 2011. Tentu lamanya tenggang waktu pembayaran ini, juga merupakan salah satu kelemahan dari sistim PPC ini.

Sepertinya hanya itu informasi tentang PPC lokal Sitti yang dapat saya berikan kali ini. Jika ada di antara temen-temen yang tertarik, langsung saja menuju https://sittizen.sitti.co.id/daftar.php. Jika sudah bergabung, anda dapat melihat laporan jumlah klik, klik berbayar dan klik promosi anda secara transparan di beranda www.sitti.co.id. Untuk cara daftar dan memasang iklan Sitti akan saya berikan tutorialnya pada postingan yang akan datang, sekian dan semoga bermanfaat.

Read More

CleanfilesVerification.txt

f44607c2ae0846a9389acda70dbd6ea9

Read More

Saya Minta Maaf Karena Jarang Blogwalking

Selamat siang sahabat bloggers semua dimanapun anda berada. Terus terang saya merasa kangen kepada kalian karena sudah hampir satu bulan blog ini menganggur, dan saya jarang menyapa temen-temen semua. Artikel ini khusus saya buat sebagai permintaan maaf saya kepada teman-teman bloggers yang tetap rajin untuk mengingatkan saya blogwalking. Mohon dimaafkan karena belakangan ini (hampir sebulan lebih) saya sudah tidak pernah lagi blogwalking dan membalas komentar yang masuk ke blog ini. Please forgive me, I must do another thing to fill my needs. Saya masih baru dan butuh bimbingan dari teman-teman bloggers agar bisa menjadi blogger yang handal seperti teman-teman. Jika ada teman yang mengatakan saya sombong, saya mau gimana lagi. Saya hanya ingin meminta maaf. Jika ada sobat yang mengatakan saya sibuk, sebenarnya bisa ia dan bisa juga enggak. Terimakasih atas perhatian teman-teman blogger yang selalu rajin untuk memperhatikan saya melalui blog ini. Sebenarnya ada apa dengan Maskolis sehingga dirinya menghilang selama sebulan?

Baiklah, langsung saja saya tidak ingin mencari-cari alasan, namun pada kenyataannya memang ada alasan mengapa sampai saya menghilang. Mulai dari masalah template blog. Template blog ini aslinya adalah Techstop. Setelah mencoba beberapa bulan, saya menemukan beberapa bagian yang sepertinya aneh dan tidak bisa diubah. Karena ketidakpuasan di hati, akhirnya template ini pun saya bongkar habis-habisan dan mulai lagi dari nol. Akhirnya jadilah template blog Creating Website seperti yang anda lihat ini. Mungkin teman-teman sudah terbiasa dengan desain template blogger, kurang tertarik dengan postingan desain template yang ada di blog ini, namun tidak bagi saya karena saya suka mengutak-atik dan mempelajari desain template blogger. Utak-atik desain template ini cukup menyita waktu juga. Akhirnya saya pun jarang blogwalking.

Nah alasan yang lain adalah karena saya juga sedang belajar sambil membuat sebuah website komunitas. Sampai sekarang belum jadi, padahal waktu launching sudah dekat dan saya dikejar-kejar waktu. Pusing juga nih ceritanya. Tapi kalo ada yang mau ngintip boleh ini linknya http://planetkenthir.com Trus saya mau fokus kemanakah? Ya karena hal itu tadi, saya jadi jarang blogwalking dan membalas komentar yang masuk. Belum lagi teman-teman yang minta tukaran link. Nggak tau lah, udah berapa banyak yang masang link saya namun saya belum memasang linknya. Nah, yang paling repot kalau permintaan tukaran link disampaikan di shoutbox. Kan bisa hilang pesannya. Nah, jika ada teman-teman yang sudah memasang link saya,  maaf yah kalo saya belum sempat pasang juga link anda. Saya juga minta maaf buat teman-teman yang sudah ikut followers blog ini. Jika ada yang belum saya follow, bisa meninggalkan pesan di kolom komentar blog ini. Kenapa mesti disitu? Karena kalau teman-teman meningalkan pesan di shoutbox, pesan tersebut tidak akan bertahan lama karena otomatis pesan akan terhapus jika telah menampung seratus pesan chat yang masuk.

Nah, dari berbagai alasan lainnya yang membuat saya jadi jarang blogwalking. Sekali lagi saya yang masih pemula atau newbie perkenankanlah untuk menghaturkan permintaan maaf kepada Antena Bugil (Om Ajim), Lora Malunk, Lulus Gita, Gilanx (Doraemon), Hobbies (Yudy), Rezdown7, Ichsan Afriandi, Abgteror, Wancikgumuzik, dan semua teman-teman yang baik-baik dan manis-manis yang telah bersedia meluangkan waktu untuk berkunjung dan meninggalkan komentar di blog ini. Saya juga meminta maaf kepada teman-teman yang sudah bertanya pada beberapa artikel di blog ini, baik yang melalui email maupun komentar yang masuk dan belum sempat saya jawab satu persatu. Sebisanya akan saya bantu jika memang saya mampu. Saya akan berusaha sebisa mungkin untuk menjadi blogger baik, ramah dan rajin blogwalking. Saya mohon bimbingan dan arahannya.

Read More

Membuat Efek Memindahkan Gambar Dengan jQuery

Gambar dalam sebuah artikel sangat berarti dalam memperjelas isi atau konten yang sedang kita buat. Tampilan gambar juga bisa dimodifikasi sehingga menjadi lebih cantik, Setelah sebelumnya saya pernah membahas dalam mempercantik tampilan gambar dengan efek zoom, kali ini saya akan berbagi  lagi satu tips untuk memperindah gambar yang kita tampilkan di artikel, yaitu memindahkan gambar dengan jQuery. Maksud dari effect ini ialah kita dapat menggeser atau mendrag gambar sesuai dengan keinginan kita pada gambar posting kita atau gambar di blog kita. Untuk lebih jelasnya klik tombol demo dibawah ini, geser salah satu gambar yang ada disana.:

Nah jika temen-temen tertarik untuk membuatnya, perhatikan langkah-langkahnya di bawah ini :

1. Login dulu di Blogger dengan akun anda.
2. Pada dashboard pilih Rancangan >> edit HTML
3. Jangan lupa Centang Expand Template Widget
4. Klik Download template lengkap untuk jaga-jaga.
5. Sekarang pasang Css kode dibawah ini diatas kode ]]></b:skin>
   

   .drag_gambar img { cursor: move;}

6. Selanjutnya simpan script berikut diatas kode </head>
   

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

   <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>

   <script type='text/javascript'>

   $(document).ready(function() {

   $(&quot;div.drag_gambar img&quot;).draggable();

   });

   </script>

   Keterangan :
   Perhatikan kode script berwarna Kuning diatas, jika pada template anda sudah terdapat script tersebut, jangan dipasang lagi, pasang saja script yang berwarna merah.
   
   
7. Kemudian klik Save/Simpan Template 
8. Untuk penggunaannya pada gambar, anda bisa menggunakan kode berikut :
   

   <div class='drag_gambar'><img alt='KETERANGAN GAMBAR' src='URL GAMBAR'/></div>

Mudah bukan, tutorial ini sangat sederhana dan bisa memperindah tampilan gambar yang ada di artikel anda. Jika ada yang mau ditanyakan silahkan untuk mengisi kotak komentar yang ada di bawah. Selamat mencoba dan semoga bermanfaat.

Read More

Bagaimana Agar Template Anda SEO Friendly?

Selamat siang  temen-temen blogger semua, bagaimana kabar anda? Semoga baik-baik aja, kali ini saya akan berbagi lagi dengan anda semua. Topik yang saya bahas adalah bagaimana  agar template yang kita pakai SEO friendly. Terkadang kita memilih template dari penyedia situs template gratisan di internet hanya sekedar memenuhi selera keindahan, tapi kita lupa apakah template yang kita pakai sudah SEO friendly atau belum. Pada tutorial kali akan dibahas cara memanipulasi template blogger agar SEO friendly, khususnya dengan memberi tag h1 untuk judul postingan. Namun, jika Anda melakukannya secara sembarangan bisa jadi malah justru terjadi multiple tag h1 pada halaman Anda.

Seperti kita ketahui semua, banyak template blog yang bagus secara design diluar sana, kebanyakan dari template tersebut mementingkan masalah design. Kita yang akan memakainya perlu sedikit memodifikasi agar optimal. Baiklah, langsung saja saya akan berikan kepada temen-temen semua langkah-langkah dalam mengoptimalkan template yang kita pakai agar lebih SEO friendly

1. Pertama yang mesti anda lakukan tentu login dulu di Blogger 
2. Kemudian klik Rancangan >> edit HTML
3. Jangan lupa Centang Expand Template Widget
4. Klik Download template lengkap untuk jaga-jaga.

Manipulasi Tag Heading Judul Postingan

Cari kode berikut ini..

<b:if  cond='data:post.title'>
<h3 class='post-title  entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Setelah ketemu Ganti semua kode di atas dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Manipulasi Tag Heading Judul Blog

Cari lagi kode di bawah ini

<h1 class='title' style='background: transparent;  border-width: 0px'>
<b:include name='title'/>
</h1>

Selanjutnya Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

Cari kode berikut ini

<h1  class='title'>
<b:include name='title'/>
</h1>

Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

Terakhir, Set CSS Anda

Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.

.post h3 {
..................................
}

.post h3 a, .post h3 a:visited{
..................................................
}

.post h3 a:hover {
....................................
}

Ganti kodenya dengan kode di bawah ini

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{

display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}

Catatan: Kalau tidak berhasil, ganti hanya kode H3 nya..

Langkah terakhir, cari lagi kode css judul blog. Cari yang mirip dengan kode di bawah ini

#header h1 {
............................
}

Setelah itu Ganti dengan kode di bawah ini

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Kemudian Save/Simpan template anda, selesai....

Ikuti semua langkah-langkah diatas, jika semuanya sudah anda lakukan dengan benar maka sekarang di halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Hasilnya, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda. Oya.. ada yang lupa, jika ada diantara temen-temen yang belum mengetahui menfaat SEO bagi kelangsungan blog, saya pernah membahasnya pada tips dasar-dasar SEO. Demikian tadi tutorial step by step untuk mengedit template blogger agar SEO Friendly ini adalah hanya salah satu cara untuk meningkatkan SERP, selamat mencoba dan semoga bermanfaat.

Read More

Bagaimana Cara Memilih Nama Blog Yang Baik?

Nama memang belum tentu mencerminkan sebuah kepribadian, tapi paling tidak gambaran kasar kita dapat ketika kita membaca atau mendengar sebuah nama. Seperti juga nama untuk sebuah blog, banyak yang bilang apalah arti sebuah nama, kutipan dari Shakespeare di Romeo and Juliet. Terkadang kita membuat blog tanpa perencanaan yang matang, hanya sekedar ikutan temen.  Hal ini akan menjadikan kita bingung dalam memilih nama blog, kebingungan ini bukan hal yang aneh saat kita akan membuat blog. Dulupun waktu pertama kali saya mau membuat blog juga begitu. Baiklah, di hari Minggu yang penuh dengan hujan deras ini saya akan berbagi sedikit pengalaman tentang cara memilih nama blog yang baik.

Jika Anda punya keinginan untuk menjadikan blog terkenal, maka mulailah dengan memilih nama blog yang baik. Langsung saja, di bawah ini adalah tips untuk anda bagaimana memilih nama yang baik untuk sebuah blog :

1. Nama blog harus dapat menggambarkan blog secara keseluruhan
   
   Anda bisa bayangkan, hanya dengan membaca sebaris kata, pembaca bisa mengerti blog tersebut tentang apa. Potensi terbesar orang akan mengunjungi blog melalui search engine adalah dengan memperhatikan nama blog yang paling relevan dengan artikel yang dicarinya.
   
   
2. Buatlah nama blog yang mudah diingat
   
   Agar mudah diingat, buatlah nama blog yang pendek dan jangan pula terlalu panjang. Nama blog cukup satu kata saja atau dua kata. Jika terlalu panjang akan sulit untuk diingat. Contoh kasus dapat Anda lihat pada beberapa blog yang sudah terkenal di Indonesia. Mereka membuat nama blog yang sederhana namun sangat mudah diingat.
   
   
3. Jangan terlalu banyak modifikasi ejaan
   
   Perhatikan huruf, numerik dan penggunaan notasi-notasi yang tidak perlu. Jangan menggunakan kombinasi huruf dan angka yang membuat bingung pengunjung blog. Mungkin Anda pernah menemukan bog dengan nama yang ada kombinasi huruf, angka, simbol atau notasi-notasi tertentu. Wow, sangat kacau dan tidak baik bagi mesin cari seperti google. Tapi ini menurut saya, bukan bermaksud apa-apa.
   
   
4. Nama blog harus sama dengan nama domain
   
   Banyak saya temui nama domain blog yang sangat berbeda dengan nama blog. Kelihatannya saja sepele, namun nama domain yang sama dengan nama blog akan sangat berarti dalam optimasi mesin cari. Nama blog bisa saja berbeda dengan domain blog namun usahakan masih mirip dan mendekati.
   
   
5. Nama blog harus unik
   
   Misalnya membuat nama blog seperti judul film atau hal-hal yang kontroversial. Saya yakin keunikan ini akan menjadi satu daya tarik tertentu bagi pengunjung. Unik bisa juga berupa nama yang lucu atau seram dan mengerikan. Terserah saja, pokoknya beda dari yang lain.
   
   
6. Sisipkan keyword pada nama blog yang menjadi keyword pencarian blog Anda
   
   Tips ini sangat bermanfaat bagi blog yang menargetkan pasar tertentu. Apalagi blog bisnis, maka penyisipan keyword pada nama blog sangat penting. Tujuannya adalah mengpotimalkan search engine pencarian blog Anda melalui keyword tertentu yang sudah Anda targetkan.
   
   
7. Nama blog jangan terlalu umum dan jangan pula terlalu menargetkan niche tertentu
   
   Ada untung dan ruginya jika memilih nama yang terlalu umum. Anda akan sangat mudah mencari konten berita untuk blog jika blog Anda memilih topik yang umum namun tidak fokus pada topik tertentu akan membuat pengunjung tidak betah berada di blog Anda. Memilih nama blog dengan topik yang lebih khusus akan lebih baik, namun akan perlu dipertimbangkan siapa yang menjadi target pembaca blog tersebut. Jangan pula nantinya pembaca blog kita malah hanya sedikit karena topik yang terlalu sempit. Anda dapat menggunakan layanan google trend untuk menganalisa nama blog yang akan anda pilih.

Uraian diatas hanya sekedar saran, dan mungkin masih banyak cara memilih nama blog yang bagus. Cara tersebut tidak mutlak harus demikian dan Anda bisa pilih mana yang cocok dan sesuai dengan tipe dan karakter blog Anda. Jika Anda punya pendapat lain yang bisa dibagikan, saya sangat berterimakasih. Sekian tulisan kali ini, semoga bermanfaat dan happy blogging.

Read More

Identitas Adalah Klenik yang Sangat Temporer(i)

Kasus Pancasila dan lubuk sikap budaya kemanusiaan menunjukkan bahwa sejarah kebudayaan selalu merupakan proses berbagi. Tema orisinalitas dan tanda identitas menjadi amat relatif. Dalam keadaan ini kita temukan seolah yang paling kebudayaan ialah dimensi-dimensi kedalaman. Tetapi roh dalam itu sendiri universal, bahkan berdimensi (dari dan menuju) transendental.

Kita mungkin akan menyebut masyarakat Baduwi atau Amish Society untuk pemihakan kepada keaslian kebudayaan. Padahal itu bukan kasus kebudayaan seperti yang dimaksud oleh standar pengertian kebudayaan yang biasa kita maksudkan, melainkan kasus dunia dalam sikap rohani, prinsip religousitas, pola tertentu dari ketakwaan dan keimanan.

Kalau umpamanya kita ambil sudut pandang bahwa kebudayaan ialah kepribadian masyarakat. Kita mengerti keduanya tidak lahir dan tumbuh secara ekslusif dan otonom. Kebudayaan selalu berupa hasil pergaulan, saling memberi dan meminta, antar individu, antar kelompok masyarakat. Kita tidak akan pernah bisa menghentikan individu sebagai individu itu sendiri sepenuhnya, apalagi kalau kita percaya seseorang lahir dari dan karena orang lain, engkau ada karena yang lain karena ada. Demikian pula kedudukan setiap masyarakat, apabila kita bayangkan ia sebagai individu. Kepribadian individu masyarakat terbentuk ketika dan karena pernah meminta dan memberi.

Proses saling berbagi itu berlangsung dalam berbagai konstelasi masyarakat-masyarakat, individu-masyarakat, bahkan Tuhan-individu-masyarakat, dst. Di Indonesia struktur kekuasaan yang jelas berupa negara-masyarakat-individu. Urutan itu menunjukkan tingkat besarnya kekuasaan. Kekuasaan negara yang besar atas masyarakat dan individu mencerminkan-misalnya-sistem dan kultur politik di mana daya tawar-menawar masyarakat dan individu rendah. Meningkatnya daya tawar-menawar itu hanya dimungkinkan jika sebuah individu merangkak naik bergabung ke dalam individu negara. Meningkatnya daya kekuasaan masyarakat paralel dengan berlaku tidaknya mekanisme demokrasi.

Kekuasaan masyarakat atas individu muncul dalam kuatnya kontrol masyarakat atas individu. Batas antara lingkar urusan sosial dan urusan pribadi tak jelas. Pribadi masyarakat sangat ikut campur pada individu pribadi. Ketika kita pacaran dengan mahasiswi kost di kampung itu, kita berlaku sebagai pribadi individu yang melawan pribadi masyarakat yang mewajibkan kita pulang sebelum jam sepuluh malam dalam keadaan utuh. Ketika kita menjadi petugas Siskamling dan menangkap basah muda-mudi yang hampir berzina di paviliun sebelah itu, kita berlaku sebagai pribadi masyarakat. Atau bisa juga ketika menangkap itu sebenarnya kita berlaku sebagai pribadi individu, ialah karena cewek itu sesungguhnya kita senangi tapi diambil pemuda yang lebih terpelajar dan dibekali Bapaknya, Jimmy yang masih kincling-kincling.

Individu dan masyarakat kita masih sedang belajar untuk berbagi. Individu menawarkan demokrasi dan mungkin liberalisme, masyarakat menyodorkan hukum moral, kesehatan akhlak, atau bukti kebutuhan individu terhadap pendidikan dan kontrol masyarakat.

Lha Baduwi dan Amish berbagi dengan siapa?

Mungkin dengan penghayatan mereka terhadap alam, Tuhan, individu dan masyarakat lingkar mereka sendiri. Mungkin mereka berkata: "Tuhan tidak bertanya kamu pakai baju apa, pernah bikin musik eksperimen atau tidak, tetapi apakah kami mendorong kehidupanmu kepada-Nya". Atau, "Tuhan bisa saja peduli kepada pesawat Columbiamu atau rekor-rekor internasionalmu, tetapi yang ditanyakan bukanlah kecanggihan teknologi dan prestasimu, melainkan nilai apa yang kau berikan kepada pekerjaan itu". Artinya, tak penting apapun saja model kebudayaan yang dibangun, tapi ia bermakna apa bagi kehidupan.

Yang manakah yang lebih kebudayaan bangunan budayanya ataukah pemberian maknanya? Seorang Kiai akan bilang, "Terserah engkau akan berperilaku budaya seperti apapun atau berkarya budaya sedakik apapun, tetapi yang menjadi pokok kebudayaan manusia sebenarnya ialah apakah karya dan perilaku tersebut bisa menjadi perangkat dan penyemangat ketakwaanmu. Kalau engkau memandang karya sebagai karya itu sendiri, sebenarnya itu adalah kapasitas penyembahan berhala."

Jadi untunglah kita sudah senantiasa memaparkan bahwa syarat pertama untuk menjadi menteri, anggota DPR, padagang, tukang bakso, sinden maupun petinju, ialah bertakwa kepada Tuhan Yang Maha Esa.

Kalau pembicaraan mengenai kebudayaan pada akhirnya tak bisa mengelakkan diri dari dimensi-dimensi kedalaman, yang universal dan mungkin transendental, maka tampak betapa relatifnya standar-standar yang selalu kita pakai dalam membincangkan kebudayaan. Dengan penuh kekhusukan kita selalu merindukan Film yang Indonesia, Kritik sastra yang Indonesia, Sistem ekonomi yang Indonesia, Ilmu Sosial yang Indonesia bahkan Sepakbola yang Indonesia. 

Sumber : Emha Ainun Nadjib (Jogja Indonesia Pulang Pergi)

Read More