- Get link
- Other Apps
bicara soal sidebar blog, maka kita pasti bicara soal seberapa penting widget tersebut untuk ditampilkan maka dari itu saya akan memberikan tips agar blog kalian terkesan informatif
 |
| Widge Sidebar |
namun bagi kalian yang masih baru belajar blog mungkin belum tau apa itu side bar
Sidebar Widget
widget sidebar bisa dikatakan atau diterjemahkan aksesoris disisi layar artikel untuk menambah kecantikan blog kita atau menambahkan sedikit sentuhan agar blog kita terkesan informatif agar tidak terlalu sepi di pandang mata
lalu keuntungannya apa untuk memasang widget ini di Sidebar?
memasang widget sidebar sangat penting untuk menaikkan trafic khususnya jika widget itu memang tepat untuk di pasang di side bar blog kalian
jangan salah, disini kalian harus menempatkan widget widget yang paling tepat dan relevan agar pengunjung betah berlama lama di blog
Apa kerugiannya memasang widget di Sidebar ?
dalam memasang widget pada sidebar memang akan sedikit memperlambat kinerja blog kita, iya itu karena kalian memasangnya terlalu banyak dan berlebihan memang bonus itu baik tapi kalau bonus tersebut tak diinginkan pengunjung maka bonus tersebut sia sia
sudah mengertikan sekarang tentang plus minus dalam menambah widget pada sidebar ?
jika sudah mari lanjutkan inti dari permasalahan yang kita hadapi untuk menunjang trafik kita dan mempercepat loading blog
widget apa yang paling bagus ditempatkan pada sidebar blog?
dalam masalah ini saya akan memberikan sedikitnya ada 4 widget yang harus ada di sidebar kalian agar terlihat minimalist dan juga informatif, mengapa ? karena kebanyaknan itu tak baik bagi kecepatan blog kita
1. Popular Post
banyak sekali pengunjung kagum dengan postingan kita atau artikel kita maka dari itu dia ingin melihat apasih yang paling bagus dalam blog ini?
maka kita harus memberikan sedikit sentuhan manis untuk memberitahunya bahwa ini lho arikel bagus dari blog ini
nah dengan begitu sang pembaca gausah nanya nanya kepada temannya untuk mencari tahu mana yang paling populer di blog kalian
toh sudah ada widget popular post di sidebar
2. Recent Post
recent post merupakan artikel kita yang paling baru dan paling fresh diantara arikel artikel dalam blog kita
jika suatu saat dang pengunjung menginginkan artikel terbaru dari kita maka mereka tak perlu lagi mencarinya di menu home kalian
kenapa ? karena mempersingkat waktu mereka dan akan membuat artikel baru kalian dilirik oreh para pengunjung
memang recent post ini sangat berguna sekali karena dalam widget bawaan blog pun terlihat biasa maka saya akan sedikit memberikan tata cara menambahkannya
cara menambahkan widget recent post
pertama buka tata letak dan tambahkan widget pada sidebar ,lalu tambahkan html/java script
dalam kolom judul widget tersebut terserah, ingin menulis apa namun dalam isinya kalian isikan kode di bawah ini
<style scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Comments';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>
ini yang ada thumnailnya , jika memang ingin tulisan saja untuk mempercepat loading blog, kalian isikannya dibawah ini ya
<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.URL_BLOG_ANDA.com",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
setelah itu kalian tinggal save dan lihat hasilnya , kode ini saya ambil dari mbak arlina jika ingin berkunjung ke artikelnya langsung ini linknya tanpa ganbar dan dengan gambar
sudah berapa widgetkita tambahkan ? baru 2 ya oke lanjut ke yang ke tiga
3. Widged Sosial Media Untuk Berlangganan
widget ini juga tergolong sangat membantu kalian semua selain membantu bagi kita wahai para penulis untuk menambahkan para pengunjung setia juga mempermudah sang pembaca untuk mengikuti kita
kenapa demikian, sebagai contohnya saja saya sebagai penulisspun tak selalu membuka blog kesayangan saya karena keterbatasan waktu
maka dari itu saya mencari alternatif lain yang selalu saya buka contohnya facebook maka dari itu saya mengikut blog tersebut agar bisa berlangganan dan tak perlu bolak balik ke blog kesayangan saya tersebut
maka dari itu, harus punya satu ini fanpage facebook agar mempermudah para pengunjung untuk mengikuti blog kalian
4. Tombol Search atau Label
jika mempunya template yang mencantumkan tombol search di bagian head maka label lah kalian tambahkan label, untuk membantu pencarian pengunjung sesuai kategori yang mereka inginkan
ya mungkin memang 4 widget ini yang menurut saya wajib dalam sidebar kalian
sedikit namun informatif dari pada banyak hanya memenuhi blog kita dan memberikan kesan blepotan di blog mending simple dan minimalis agar pengunjung pun betah berlama lama
Bonus
memang bonus ini ga penting tapi silahkan dibaca saja jika berkenan, untuk urutan yang paling tepat menurut saya dalam penempatan widget sidebar
urutan paling tepat untuk menambahkan widget di sidebar dari atas adalah "sosial media - popular post - label - recent post" atau bagi yang punya iklan kalian tambahkan pada paling atas atau paling bawah, bisa juga label di ganti iklan dan labelnya di letakkan pada footer
ya mungkin sekian artikel apa kadarnya ini dan mungkin sudah banyak kalian tau mohon maaf jika ada salah salah kata saya dalam artikel Widget Sidebar yang Harus Ada Pada Blog Kamu
silahkan kritik dan sarannya saya tunggu pada kolom komentar dan berbagi informasi itu baik maka sharelah artikel ini untuk memberi saya kesenangan yang luar biasa hehehehe
salam
Comments