Haruskah Menggunakan Dynamic Views Blogger?

Blogger kini secara resmi telah menyempurnakan Fitur Dynamic Views serta, secara default, para user Blogger/Blogspot dapat mengaktifkan dan menggunakannya melalui Template Designer. User Blogger dapat mengubahsuaikan template blog dalam beberapa bentuk tampilan. Pada dasarnya dynamic views adalah kode otomatis untuk mengubah area-area div pada template dan secara otomatis pula mengubah dasar tampilan (style sheet) ke dalam berbagai macam tema dan warna. Fitur baru ini memberikan keleluasaan bagi pemilik blog untuk mengubah posisi post body, comment, & sidebar, yg merupakan tiga bagian inti template Blogger. Dynamic views mengatur ketiganya dengan cara streaming. Hasilnya berupa gambar preview (image thumbnails) atau table yang terdiri dari beberapa posting terbaru.

Setelah melihat, mencoba, dan membandingkan dynamic views dengan tampilan asli template blog, saya melihat ada beberapa keuntungan maupun kerugian penggunaan Dynamic Views. Secara singkat, saya akan mengulas bagaimana cara mengaktifkan Dynamic Views terbaru serta kelebihan dan kelemahan penggunaannya.

Cara Mengaktifkan Dynamic Views Blogger?

Ikuti beberapa langkah sederhana berikut untuk mengaktifkannya:

1. Masuk ke Blogger (Dashboard) > Design > Template Designer
2. Pilih salah satu jenis tampilan. Sekarang Blogger telah menambah beberapa tampilan baru sehingga terdapat 7 buah pilihan tampilan: classic, flipcard, magazine, mosaic, sidebar, snapshot, dan timeslide.
3. Tekan tombol "Apply to Blog" di sudut kanan atas.

Keuntungan - Kelebihan Menggunakan Dynamic Views?

Setelah melakukan beberapa uji coba Dynamic Views, ada beberapa keuntungan/kelebihan yang bisa didapat:

1. Dynamics Views terlihat sempurna (compatible) pada beberapa browser utama seperti Firefox, IE8, Chrome, Safari, dan Opera. Keuntungan yang didapat tentu saja tampilan blog akan terlihat sama pada semua browser tersebut.
2. Dynamic Views menggunakan theme (template) yg ringan, sehingga memiliki loading (load time) cepat. Setelah melihat isi kode (view source) pada layout theme, nampaknya kode-kode dibuat dan disusun dengan sempurna sehingga masing-masing widget tidak berubah-ubah posisinya dan tidak saling bertubrukan (crash) ketika diload. Dengan demikian dapat dipastikan load time menjadi lebih cepat.
3. Lembar dasar tampilan (stylesheet)/CSS secara resmi dibuat oleh coder dari Blogger dan jarang sekali mengandung gambar (image). Sekali lagi, waktu loading akan terkurangi secara signifikan.
4. Blog-blog berplatform Blogger yang menggunakan fitur ini dapat dilihat dengan baik (good readability), dapat dibrowse dan di-bookmark dengan mudah, serta bahkan dapat dilihat dengan sempurna di smart phone.

Kerugian - Kekurangan Menggunakan Dynamic Views?

Dalam melakukan uji coba, saya juga menemukan banyak kerugian/kekurangan Dynamic Views Blogger:

1. Pemilik blog (user) tidak dapat memiliki kontrol penuh atas tampilan widget dan badan posting (post body). Ketika mencoba mengaktifkannya, banyak  widget yg berhenti bekerja/tidak berfungsi atau tidak muncul. Banyak widget yang tergantikan atau bahkan menghilang.
2. Widget-widget penting dan fitur-fitur yang saya tambahkan tidak muncul karena tidak masuk ke bagian widget Dynamic Views yang dikenali untuk dimunculkan. Bagian sponsor, subscription, Facebook like box, dan beberapa yg lain tidak muncul. Tentu saja ini sangat merugikan apabila blog anda masuk ke kategori professional dan di-monetize-kan.
3. Dalam beberapa kasus, ketika melihat blog-blog sobat Blogger yg mengaktifkan Dynamic Views, loading browser berhenti dan hanya sampai pada bagian header saja, sehingga keseluruhan isi konten tidak muncul. Ini menandakan Dynamic Views belum tentu cocok dengan semua template dimana dia melakukan stream dan render.

Saran Mengenai Penggunaan Dynamic Views?

Setelah melihat beberapa aspek kelebihan dan kekurangan Dynamics views:

1. Bagi pemilik blog yang mengarah ke bentuk profesional, sebaiknya tidak menggunakan fitur ini, karena ada banyak kelemahan dan sedikitnya kontrol akan konten yang ingin dimunculkan.
2. Sebaliknya, bagi anda yg benar-benar menggunakan blog sebagai online journal, personal blog, ataupun diary, menggunakan dynamic views sangat dianjurkan karena ada banyak keuntungan seperti yg telah saya sampikan di atas, diantaranya adalah kompatibilitas browser dan waktu loading blog.

Terlepas dari itu, tentu saja adalah keputusan anda sendiri untuk menggunakan atau tidak menggunakan dynamic views.

Semoga bermanfaat.

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Cara Membuat & Memasang Tanda Tangan di Blog

DI BLOG (BLOGGER), kita dapat membubuhkan tanda tangan (signature) sebagai sebagai identitas penulis blog (blog author). Dengan adanya tanda tangan ini, posting-posting blog terasa lebih khusus, karena memiliki tanda tangan sang penulis blog yg unik. Sobat Blogger bisa membuat dan memasangnya di blog Blogger dengan mudah. Kehadiran online signature maker memberikan kemudahan untuk membuat tampilan tanda tangan tersebut. Selain untuk digunakan di email, gambar tanda tangan ini bisa digunakan pula di blog sebagai blog author signature.

Cara Membuat Gambar Tanda Tangan Secara Online

Untuk membuat tanda tangan dengan online tool, saya memilih menggunakan MyLiveSignature, sehingga tutorial ini akan mengetengahkan langkah-langkah membuat signature dengan online tool tersebut.

1. Masuk ke mylivesignature.com.

2. Ada beberapa opsi disana, jika ingin membuat tanda tangan tanpa register, klik "Proceed". Jika ingin daftar, klik "register"

3. Setelah klik proceed, anda akan masuk ke halaman opsi jenis signature yang akan dibuat. Ada 4 cara membuat signature: dengan wizard, dengan menulis sendiri di screen tool, upload gambar yang di-scan, atau menggunakan font. sendiri. Saya sarankan untuk membuat dengan wizard (pilih opsi pertama), karena cara itu lebih mudah.

4. Tuliskan nama anda atau nama yg ingin dibuat sebagai tanda tangan. Klik 'next step'.

5. Langkah selanjutnya adalah memilih jenis font tanda tangan. Ada banyak jenis font dan langsung bisa dilihat melalui preview. Pilih font yang diinginkan dengan klik opsi di sebelah preview. Setelah itu 'klik next'.

6. Pilih warna tanda tangan dan background. Sesuaikan background dengan background halaman blog, atau pilih/centang "transparent".

7. Setelah gambar jadi, anda akan dibawa ke halaman hasil akhir gambar. Di halaman tersebut terdapat gambar tanda tangan/signature dan di bwahnya tertera ID dari tanda tangan tersebut. SImpan ID jika dibutuhkan kembali di kemudian hari. Untuk menyimpan gambar, klik kanan, lalu pilih 'save as' atau 'save image as'

Cara Memasang Tanda Tangan di Bawah Posting Blog

1. Pastikan terlebih dahulu gambar tandatangan tadi telah di upload. Kemudian simpan direct url dari gambar tersebut.

2. Untuk menampilkan gambar di bawah posting kita bisa menggunakan dua cara:

  a. Dengan memasukkan html gambar di fitur blogger untuk menyisipkan widget di posting:

Dari Setting > Formatting > Lihat ke bagian kosong di sebelah kanan Post template di bagian bawah halaman.
Isikan script image ke dalamnya:
< img border="0" src="urlgambartandatangan.jpg" />
Ganti urlgambartandatangan.jpg dengan url gambar tandatangan sobat.

Kelemahan dari cara ini adalah susunan struktur pada badan post kadang-kadang bisa kacau, dan membutuhkan waktu load yang lebih lama

b. Dengan memasukkan gambar di bagian template HTML melalui Edit HTML Blogger:

Melalui Edit HTML, sobat dapat memasukkan script secara lebih leluasa dan juga dapat menambahkan aturan-aturan tertentu agar struktur tampilan lebih sempurna.

- Di beberapa tutorial, saya melihat script yang dimasukkan hanya dalam bentuk HTML gambar seperti ini:

< img border="0" src="urlgambartandatangan.jpg" />

Namun, jika hanya dengan HTML gambar, struktur gambar menjadi tidak independen karena dia mengikuti aturan (div) pada tulisan di atasnya (tulisan posting di bagian akhir/bawah). Sehingga kadang-kadang gambar betubrukan dengan tulisan atau bergeser.

- Untuk membuat gambar berstruktur independen maka tambahkan struktur sendiri pada tag gambar:

<div>< img border='0' src='urlgambartandatangan.jpg' /></div>

Dengan cara ini, gambar dapat berada di baris selanjutnya di bawah tulisan posting.

- Agar gambar bisa diatur posisinya, akhirnya gunakan aturan berikut:

<div style='padding:5px;float:right'>< img border="0" src='urlgambartandatangan.jpg' /></div>

- right akan menampilkan gambar di sisi kanan, ganti dengan left jika ingin gambar berada di sebelah kiri.Ganti urlgambartandatangan.jpg dengan url gambar tandatangan yg telah di-upload.

- Setelah selesai mengedit script, masuk ke dahsboard > design > Edit HTML.

- Jangan lupa centang "Expand Widget Templates"

- Cari <data:post.body/>

- Letakkan kode yang telah diedit tadi tepat di BAWAH-nya.

- Save Template.

Note: Jika blog telah menggunakan fitur auto readmore, ada lebih dari satu <data:post.body/>, letakkan kode tanda tangan di bawah <data:post.body/> yg kedua.

Tips Trik Blogger: Tersaji dengan Esensi
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Cara Menyembunyikan Sidebar di Halaman Blogger

Posting ini adalah tips dan trik dan tutorial lengkap untuk menyembunyikan sidebar di halaman-halaman blog Blogger/Blogspot. Bagi sobat Blogger yang merasa risih atau ingin sidebar tidak ditampilkan pada suatu halaman Blogger tertentu, baik di halaman statis maupun di halaman posting, sobat bisa mencoba menggunakan trik ini. 

Namun sebelumnya perlu diperhatikan bahwa trik menghilangkan sidebar Blogger ini perlu sedikit pemahaman mengenai template, terutama dalam mencari deklarator CSS di halaman template XML Blogger, karena tidak semua template memiliki deklarator yang sama tergantung bagaimana si pembuat template merancangnya. Namun rata-rata deklarator tersebut menggunakan bahasa Inggris untuk menyebutnya. Tinggal bagaimana mencari yang hampir mirip dengan suatu deklarator yang akan saya contohkan nanti.. Tapi jangan khawatir, saya akan coba jelaskan sejelas mungkin. All Right? Ready?

Mencari deklarator CSS Sidebar

Pada dasarnya sidebar dinyatakan dalam class sehingga bentuk deklaratornya adalah: .sidebar. Agar nanti tidak terjadi kegagalan ketika melakukan hack template, cari dan lihat terlebih dahulu apa deklarator sidebar pada template sobat. Pada kode-kode di bawah ini, saya akan menggunakan .sidebar sebagai salah satu contoh yang paling sering digunakan. Sesuaikan dan ganti dengan apa yang ada di template Blogger sobat.

Menyembunyikan Sidebar di Seluruh Halaman Posting Blogger

Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting, copy kode berikut n letakkan di atas tag penutup </head>.

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.sidebar {display:none;}
</b:if>
</style>

Menyembunyikan Sidebar di Satu Halaman Posting Blogger

Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting:

<b:if cond='data:blog.url == &quot;http://bukan-rahasiia.blogspot.com/2011/06/cara-membuat-label-blogger-nofollow.html&quot;'>
.sidebar {display:none;}
</b:if>
</style>

Menyembunyikan Sidebar di Seluruh Halaman Statis Blogger

Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman statis, copy kode berikut n letakkan di atas tag penutup </head>.

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.sidebar{display:none;}
</b:if>
</style>

Menyembunyikan Sidebar di Satu Halaman Statis Blogger

Jika ingin menyembunyikan/tidak menampilkan sidebar pada halaman posting:

<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://bukan-rahasiia.blogspot.com/p/forum-and-community.html&quot;'>
.sidebar {display:none;}
</b:if>
</style>

Menyembunyikan Sidebar di Seluruh Halaman Posting & Halaman Statis Blogger

Jika ingin menyembunyikan/tidak menampilkan sidebar pada seluruh halaman posting dan halaman statis, copy kode berikut n letakkan di atas tag penutup </head>.

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.sidebar {display:none;}
</b:if>
</b:if>
</style>

Menyembunyikan Sidebar Pada Halaman-halaman tertentu Blogger

Pasti akan muncul pertanyaan, bagaimana menyembunyikan sidebar pada halaman halaman tertentu saja dan tidak diatur secara umum? Apakah bisa? Jawabannya (sambil teriak nih): BISA!!

Sebagai dasar tambahan untuk mengatur pada bagian halaman tertentu (memberikan pengecualian atau "pengistimewaan") , digunakan tag seperti ini:

<b:if cond='data:blog.url == &quot;url&quot;'>
</b:if>

Oleh karena itu kita dapat menggunakannya untuk memberikan aturan khusus pada beberapa halaman tertentu sekaligus dengan menambahkan pasangan-pasangan tag seperti di atas secara individual. Setiap halaman memiliki tag-nya sendiri. Sehingga jika ingin menghilangkan sidebar dari beberapa halaman Blogger, selalu tambahkan tag seperti di atas dengan masing-masing url-nya (baik url halaman posting atau halaman statis). Contoh (copy, edit, dan tambahkan atau kurangi tag berwarna merah tua sesuai dengan jumlah halaman yg diinginkan):

<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://bukan-rahasiia.blogspot.com/2011/06/cara-membuat-label-blogger-nofollow.html&quot;'>
<b:if cond='data:blog..url == &quot;http://bukan-rahasiia.blogspot.com/p/forum-and-community.html&quot;'>
<b:if cond='data:blog..url == &quot;http://bukan-rahasiia.blogspot.com/2011/06/membuat-facebook-page-like-box-blog.html&quot;'>
.sidebar{display:none;}
</b:if>
</b:if>
</b:if>
</style>

Yup, itu dia sedikit trik mengenai menyembunyikan sidebar di halaman Blogger. Sobat dapat memodifikasi sedemikian rupa sehingga dapat menerapkan untuk hal yang lebih. Selanjutnya saya juga akan terus posting mengenai "sembunyi-sembunyian" pada kesempatan yang lain. Jika ada kesulitan, feel free to leave your comment below. Keep on learning and learning!

Tersaji dengan Esensi
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Cara Membuat Recent Posts Blogger (Auto Scroll & Thumbnails)

Widget Recent Posts atau Posting terbaru merupakan widget penting karena berfungsi sebagai penunjang navigasi blog. Dengan adanya daftar posting terbaru, pengunjung yg masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog. Selain itu, widget recent posts dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi posting-posting lain dari blog tersebut.

Widget recent post yg saya share kali ini memiliki fitur dan tampilan yg cukup menarik. Kombinasi script recent posts, auto scroll / spy list menghasilkan widget recent posts Blogger yg memiliki efek hebat dan dapat mengundang ketertarikan pengunjung. Alhasil, tampilan/desain blog pun dapat bertambah nilainya dengan ditambahnya widget recent posts ini. Sudah lama saya menggunakan widget ini dan perannya dalam menambah jumlah pageview blog pun tidak diragukan lagi.

Cara Membuat Blogger Auto Scrolling Recent Posts

Ikuti langkah-langkah berikut dan pastikan tidak ada bagian yg terlewatkan:
1. Copy Script berikut:

Klik >>

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

<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:355px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:335px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

    <script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Reply(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://bukan-rahasiia.blogspot.com/";
limitspy=5
intervalspy=6000
</script>

<div id="spylist">
    <script type='text/javascript'>
//<![CDATA[
 /*
 * Script dikombinasikan dari bloggerstricks.com
 * spy effect dari jqueryfordesigners.com
 * Oleh Abu Farhan (www.abu-farhan.com)
 * Modifikasi oleh buka-rahasia.blogspot.com
 */
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>

Note: Host sendiri gambar http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg dan ganti dengan url gambar yg telah sobat upload.

2. Ganti http://bukan-rahasiia.blogspot.com/ dengan url blog sobat. Pastikan ada tanda slash ( / ) di belakang url blog.
3. Buka dashboard > Design/Layout > Add a Gadget / Tambahkan Gadget.
4. Pilih HTML/Javascript.
5. Paste semua kode ke dalam kotak HTML/Javascript.
6. Save.

Kostumisasi Tampilan Widget Recent Post Blogger

Untuk menyesuaikan tampilan recent post dengan template blog, perhatikan dan ganti beberapa poin dasar berikut sebelum memasukkan script:

• boxwidth = 300 adalah lebar widget dalam pixel (px), ganti nilainya sesuai dengan lebar sidebar blog.
• text = "Reply(s)" adalah teks di belakang jumlah komentar, ganti Reply(s) sesuai keinginan, misalnya: komentar, comment(s), dll.
• numposts = 10; adalah jumlah posting terbaru yg akan di-crawl, ganti nilainya sesuai keinginan.
• limitspy=5 adalah jumlah posting terbaru dalam sekali tampilan, ganti nilainya sesuai keinginan.
• intervalspy=6000 adalah kecepatan scroll / spy dalam milisecond (ms), ganti nilainya untuk mengatur kecepatannya.

Done!

Script combined from bloggertricks.com, spy effect by jqueryfordesigners.com, by Mas Abu Farhan, modified and enhanced by buka-rahasia.blogspot.com
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Halaman Statis (Static Page) Blogger: Apa & Fungsinya

Apa itu halaman statis?

Istilah Halaman Statis (static page) sering kita dengar. Saat ini setiap platform blog telah memiliki fitur static page. Tapi apa sih halaman statis itu?
Halaman statis adalah halaman suatu blog yang bukan merupakan bagian dari urutan posting. Halaman jenis ini hampir mirip dengan halaman website yang bersifat independen dan dapat diberi aturan tersendiri sesuai keinginan. Meskipun demikian, halaman statis pada blog masih memiliki aturan general sesuai template dan styling-nya (CSS).

Berbeda dengan halaman posting (artikel), halaman statis tidak berada pada urutan waktu tertentu. Apabila ditampilkan, dia bersifat individual dan terdiri dari satu posting saja; sedangkan halaman posting dapat ditampilkan secara bersamaan dengan halaman posting yang lain, misalnya: ada 5 posting dalam satu halaman yang ditampilkan. Fitur ini ditambahkan pada Blogger sekitar awal 2010 untuk mendukung kebutuhan user akan halaman statis. Pada platform blog WordPress, fitur ini telah ada sejak beberapa tahun yang lalu.

Untuk dapat lebih melihat perbedaan antara halaman statis dan halaman posting Blogger, kita lihat contoh berikut:

Perhatikan perbedaan antara url halaman posting dan url halaman statis berikut:

Url halaman posting (post page):
http://bukan-rahasiia.blogspot.com/2011/04/cara-meningkatkan-seo-blogspot.html
Url halaman statis (static page):
http://bukan-rahasiia.blogspot.com/p/testimony-untuk-buka-rahasiablogspotcom.html

Halaman posting memiliki url dengan folder dan subfolder yang diurutkan berdasarkan tahun dan bulan. Setelah itu baru diikuti dengan file html posting yg akan ditampilkan (di WordPress subfolder bahkan hingga  tanggal posting, contoh .../2011/08/01/.....). Sedangkan pada halaman statis, folder yang digunakan untuk menyimpan file adalah p yg merupakan singkatan dari "page", setelah itu diikuti dengan file html yg akan ditampilkan. Pada sistem blog, halaman posting akan ditata/diarsipkan berdasarkan urutan waktu terbaru (contoh url arsip: http://bukan-rahasiia.blogspot.com/2011_09_01_archive.html). Halaman terbaru berada di bagian teratas. Inilah sebenarnya konsep blog, dimana setiap posting selalu berkesinambungan, seperti halnya ketika kita membuat status di Facebook. Sedangkan halaman statis diatur untuk ditampilkan secara independen, tanpa mengandung urutan posting berdasarkan waktu, serta tidak diarsipkan.

Apa fungsi halaman statis?

Seperti yg telah dibahas di atas, halaman statis bukan dan tidak masuk ke bagian posting blog. Maka sudah sangat jelas bahwa halaman statis bukan difungsikan sebagai halaman untuk menampilkan posting artikel. Karena bersifat timeless (tidak mengandung url waktu dan tidak diarsipkan berdasarkan waktu), halaman statis sangat cocok digunakan untuk memuat berbagai informasi yang langsung berkaitan dengan blog, misalnya tentang blog atau tentang pemilik blog (about me), kontak (contact form), daftar isi/sitemap, pemesanan space iklan dan berbagai jenis posting fitur blog yang ingin ditonjolkan namun tidak diinginkan menjadi bagian posting.

Dulu, sekitar lebih dari satu tahun yg lalu, pengguna Blogger masih menggunakan halaman posting untuk memuat informasi-informasi sejenis di atas. Sehingga ketika membuka arsip posting blog, halaman seperti "About", "Advertise", masih muncul di urutan posting. Solusinya adalah dengan memundurkan waktu posting (backdate) agar halaman-halaman tersebut berada di urutan paling lama. Tetap saja, halaman tersebut tampak kurang elegan karena url-nya mengandung urutan waktu. Namun, kini tidak lagi. Halaman statis telah menjadi  jalan keluar yang sangat dibutuhkan keberadaannya dan membuat blog berplatform Blogger tampak lebih profesional.

Cara buat halaman statis Blogger?

Bagi sobat yg belum terbiasa atau belum pernah menggunakan halaman statis, sobat bisa mencoba membuatnya. Caranya:

Bagi pengguna dashboard Blogger Interface lama:

Dashboard > New Post > Edit Pages > Add New Page

Bagi pengguna dashboard Blogger Interface baru:

Dashboard > Klik menu Dropdown > Klik Pages > Klik New Page > Klik Blank Page

Any idea about Blogger Static Page? Feel free to leave your comments below.

Happy Blogging!

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Pasang Pagerank & Alexa Toolbar AddOn Multifungsi di Browser

Pagerank dan Traffic Rank merupakan tolok ukur penting bagi usaha meningkatkan dan mengembangkan blog/web; terutama dalam hal SEO. Melakukan cek secara berkala terhadap dua hal penting tersebut tentu saja menjadi keharusan. Akan tetapi akan sangat membuang waktu dan kurang efisien apabila setiap kali ingin melihat kondisi rank (pagerank & traffic rank), kita harus menggunakan tool tertentu secara berulang-ulang dan tidak melihat hasilnya secara terus menerus. Di sinilah letak pentingnya rank toolbar. Rank Toolbar memungkinkan kita melihat kondisi blog/web setiap saat sembari melakukan hal lain tanpa harus membuka atau menggunakan SEO tool tertentu.

Pagerank toolbar & Alexa Rank Toolbar mungkin sudah banyak digunakan secara terpisah. Akan tetapi akan lebih mudah lagi apabila kita melihat keduanya dalam satu tool, bukan? Yap! SearchStatus merupakan add-on buatan Quirk yang dapat melakukan tugas tersebut. Add-on ini berfungsi menampilkan Pagerank Toolbar, Alexa Rank Toolbar, dan Compete Rank Toolbar, dan MozRank Toolbar. Masih ada banyak Fungsi lainnya lagi:

1. Highlights pada link-link nofollow pada sebuah halaman blog/web.

2. Menampilkan meta tags sebuah halaman blog/web.

3. Melihat keyword density (kepadatan kata kunci).

4. Untuk mengetahui siapa pemilik suatu domain (merujuk ke Whois tool).

5. Menampilkan robot.txt.

6. Menampilkan sitemap.xml.

7. Highlight pada keyword-keyword tertentu.

8. Menampilkan halaman suatu blog/web yang terindeks search engine (Google, Yahoo, Bing, dll).

9. Dan masih banyak lagi!

Dengan menggunakan toolbar ini, anda juga dapat melihat status Pagerank dan Alexa Rank kompetitor hanya dengan membuka halamannya saja. Yang dibutuhkan hanyalah browser Mozilla atau SeaMonkey dan Add-on SearchStatus, cukup. Setelah itu anda bisa melakukan analisis secara mendetail.

Meskipun pada web resminya dikatakan bahwa SearchStatus telah dicoba dan compatible pada browser Mozilla hingga versi 4.0, namun saya telah mencobanya hingga ke versi Mozilla 5.0 & 6.0. Tidak ada masalah apapun. Untuk browser SeaMonkey, add-on ini stabil pada versi 2.0.

Bagi anda yang sangat memperhatikan SEO blog/web, tentu alat/add-on toolbar rank ini sangatlah penting. Sebuah catatan penting lain: Alexa selalu memperhatikan query (permintaan/antrian status pada toolbar) dan memperhitungkannya sebagai masukan untuk menentukan traffic rank blog/web. Maka, seperti halnya Alexa Toolbar, add on ini juga dapat dijadikan alternatif pengganti Alexa Toolbar dalam usaha meningkatkan Alexa Rank secara pesat.

So, tunggu apa lagi? segera download dan install Quick SearchStatus toolbar!

Further info | download  >> SearchStatus Download

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com