Gaya Modern Layanan Hosting Gratis Blogger.com

JUJUR, waktu memulai tulisan ini, hati saya masih diliputi keraguan. Dimana di antara tetap melanjutkan tulisan dari gagasan yang kian hari menyesak di otak ini dengan mengurungkannya dengan pertimbangan takut hanya akan jadi bahan tertawaan, terutama para ahli pembuat situs online.

Mengapa perasaan atau intelegensi saya sangat jauh berbeda ketika menulis berita sebuah peristiwa,kriminal, korupsi maupun politik dibanding menulis artikel ilmu pengetahuan tentang pengalaman pribadi saya ini, karena jujur dalam dunia internet terutama bidang membuat website, saya merupakan orang baru atau anak kemaren sore.

Pengalaman saya bahkan bisa dihitung dengan jari, yakni terjun sejak 11 November 2009 dan fokus menggeluti tak lebih dari lima (5) bulan ini. Tapi dari pada hanya menjadi leteratur otak saya yang sangat berpotensi mengganggu kerja saya kedepannya, Bismillahirahmanirahhim, saya coba tulis artikel ini dengan harapan bisa bermanfaat bagi yang benar-benar membutuhkan.

Berdasarkan pengalaman saya selama ini, sepertinya masih belum banyak yang mengetahui kelebihan layanan Hosting gratis milik Blogger.com. Kelebihan atau kecanggihan dalam hal ini adalah mengenai fitur terbaru mereka yang mampu menganalisis posting menonjol, paling banyak dibuka dan dibaca pemirsa atau fitur POPULAR.

Fitur ini, pertama kali saya gunakan memang terkesan biasa saja, karena sebelumnya,  sejak saya menggunakan layanan Blogger per 11 November 2009 lalu, tak memiliki sistem ini. Berbeda dengan pengguna layanan blog gratis WORDPRESS.COM yang memang sudah familiar dengan fitur Popular itu.

Hari ini, 08 November 2010, baru saya sadari bila fitur itu sangat mudah dikembangkan dengan tampilan apapun. Kita juga bisa memperhalus tataletaknya, dari sebelumnya yang terkesan awutan dimana spasi antara baris sulit disatukan dan listing sulit diantur. Contoh bisa dilihat disini....

Jujur penemuan baru saya secara otodidak ini ini sangat menggembirakan hati saya, karena sebelumnya saya sempat sangat terganggu dengan penampilan penempatan fitur ini disidebar situs saya........Sekarang tata letak situs saya jadi agak rapi atau lebih halus dibanding sebelumnya.

Memang sangat berbeda dengan perwajahan situs layanan premium (berbayar). Tapi bagi saya, penemuan cara membangun tataletak fitur ini di situs saya, menambah kepercayaan diri saya bahwa pembuatan website atau situs menggunakan layanan Hosting Gratis milik Blogger tak kalah canggihnya dibanding situs dari Hosting berbayar.

Berikut caranya. Bagi teman-teman yang merasa memerlukan silahkan mencobanya. Tapi jangan lupa, beri saya masukan masalah lain soal membangun website, karena jujur saya orang baru yang masih sangat membutuhkan asupan ilmu dari kalian semua.

<br /> <br /> Untuk persiapan area ketik kode ini:<br /> <br /> /* tabs */<br /> #Tabs{<br /> width:100%;<br /> overflow:hidden;<br /> margin-bottom:10px;<br /> margin-top:10px;<br /> }<br /> #Tabs_title{<br /> width:100%;<br /> overflow:hidden;<br /> background: #e0ecff;<br /> }<br /> #Tabs_title li{<br /> float:left;<br /> font-size:12px;<br /> font-weight:bold;<br /> color:#999;<br /> text-transform:uppercase;<br /> padding:0 2px 0 0;<br /> }<br /> #Tabs_title li.last{<br /> padding:0;<br /> }<br /> #Tabs_title li a{<br /> float:left;<br /> color:#fff;<br /> background: #ff6600;<br /> height:18px;<br /> padding:5px 10px 0 10px;<br /> }<br /> #Tabs_title li.last a{<br /> width:75px;<br /> white-space:nowrap;<br /> }<br /> #Tabs_title li a.selected{<br /> color:#000;<br /> background: #ff9900;<br /> font-weight:bold;<br /> height:18px;<br /> padding:4px 10px 0 9px;<br /> border:1px solid #e0ecff;<br /> border-bottom:0;<br /> text-decoration:underline;<br /> }<br /> #Tabs_body{<br /> width:274px;<br /> background:#fff;<br /> border:1px solid #e0ecff;<br /> border-top:0;<br /> padding:3px 12px 6px 12px;<br /> }<br /> #Tabs_body ol{<br /> color:#000;<br /> margin:0 0 0 20px;<br /> }<br /> #Tabs_body ol li{<br /> list-style:decimal;<br /> font-size:12px;<br /> line-height:1.5em;<br /> font-weight:bold;<br /> padding:2px 0 2px 0;<br /> }<br /> #Tabs_body ol li a{<br /> color:#000;<br /> }<br /> #Tabs_body ol li a:hover{<br /> text-decoration:underline;<br /> }<br /> <br /> <br /> Jangan Lupa ini :<br /> <br /> <br /> <div id='Tabs'> <ul id='Tabs_title'> <li><a class='selected' href='#' rel='Tabs_Popular_ALLTimes'>ALL TIMES</a></li> <li><a class='' href='#' rel='Tabs_Popular_7hari'>Seminggu</a></li> <li><a class='' href='#' rel='Tabs_Popular_30hari'>Sebulan</a></li> </ul><br /> <div id='Tabs_body'> <ol id='Tabs_Popular_ALLTimes'> <b:section id='Tabs_Popular_ALLTimes' showaddelement='yes'> <b:widget id='PopularPosts2' locked='false' title='' type='PopularPosts'/> </b:section> </ol><br /> <ol id='Tabs_Popular_7hari'> <b:section id='Tabs_Popular_7hari' showaddelement='yes'> <b:widget id='PopularPosts1' locked='false' title='' type='PopularPosts'/> </b:section> </ol><br /> <ol id='Tabs_Popular_30hari'> <b:section id='Tabs_Popular_30hari' showaddelement='yes'> <b:widget id='PopularPosts4' locked='false' title='' type='PopularPosts'/> </b:section> </ol><br /> </div><!-- /Tabs_body --> <br /> <script type='text/javascript'> var Tabs=new ddtabcontent("Tabs") Tabs.setpersist(true) Tabs.setselectedClassTarget("link") Tabs.init() </script><br /> </div><!-- /Tabs --><br /> <br /> <br /> <br />

Oke sekian dari saya semoga bermanfaat.


Penulis : Mardedi
Jobs : Pendiri Situs Warta Digital SUARAPUBLIC
Alamat : Jalan AIS Nasution No.40 Rt.22, Muara Teweh
Kabupaten Barito Utara (Kalimantan Tengah)
Kode pos : 73811
Email : suarapublic@gmail.com