Salah satu cara mempercantik blog adalah dengan menambahkan berbagai pernak pernik blog yang mempunyai tampilan menarik dan eksentrik sesuai dengan keinginan hati para blogger semua. Namun Menambahkan sebuah Widget atau Gadget di sebuah blog bukan tidak ada efek samping, pasti semua itu ada kekurangannya, namun kekurangan itu bisa kita ukur apakah blog kita Loadingnya terlalu berat ataukah tidak. Sesuaikan dengan struktur blog anda ya gaes, Nah menurut saya fitur penting atau Widget/Gadget dalam sebuah blog ada 5 :
- Popular Posts
- Recent Posts
- Label
- Arsip Blog
- dan Profil
Saya memang punya alasan sendiri mengapa Widget/Gadget diatas penting untuk di pasang dalam sebuah blog ?
- Popular Posts ; Mengidentifikasi bahwa dalam sebuah blog mempunyai Postingan yang Populer atau Fenomenal, seseorang dalam menulis pasti punya ciri khas atau karakter sendiri-sendiri sehingga pasti perbedaan di antara Ribuan Blogger semua. Sehingga supaya Blog kita terlihat Fenomenal maka Popular Posts merupakan sebuah Element penting dalam Blog.
- Recent Posts ; Setelah sesorang posting sebuah artikel maka tidak akan kelihatan jika seseorang pengunjung tidak sedang mencari artikel tersebut ataupun jika tidak menuju pada beranda blog, sehingga para pengunjung tidak tau apabila ada postingan baru yang telah di publikasikan. Jika telah ada fitur Artikel terkait maka sebetulnya itu telah membantu pengunjung blog, jika belum maka solusinya bisa menggunakan Recent Posts
- Label ; Menurut saya Label merupakan sebuah tanda, atau merk atau petunjuk agar lebih mudah dalam mencari sebuah artikel. Contoh : Dalam sebuah blog mempunyai 4 Deskripsi AdSense, Career, Pendidikan, dan Tutorial Blog, maka seseorang pada saat mencari itu mudah. Tinggal klik maka secara otomatis Label tersebut artikelnya akan muncul semua. Memang ada tambah Fitur Google Search (CSE) namun terkadang akan terkendala dengan kata kunci yang sesuai.
- Arsip Blog ; Bertahun-tahun arsip blog yang kita punya akan tersimpan rapi, dari waktu posting sampai dengan dokumennya, sehingga arsip blog akan mempermudah seseorang atau kita pada saat mencari sebuah artikel ataupun dokumen
- Profil ; Pentingnya sebuah Profil akan menjadikannya postingan kita lebih Recomended, Contoh seorang penjual yang belum terkenal pada saat menjual maka dia akan memperkenalkan diri supaya lebih dekat dan besok akan kembali berkunjung atau membeli, Namun jika kita tidak memperkenalkan diri seorang pembelipun akan bertanya ? Besok belinya sama pak ..... Itulah mengapa dalam hal ini Profil juga penting dalam unsur blogging.
Tinggalkan Rubrik di atas, Kita lanjut ke Pemasangan Recent Post bergaya Slider:
1. Masuk ke Blog anda Dashbord
2. Klik Tata Letak lalu Klik Tambahkan Gadget
3. Maka akan muncul Pop Up, Pilihlah HTML/JavaScript
4. Setelah itu langkah selanjutnya adalah : Copy kode CSS di bawah dan paste di ruang Gadget (lihat gambar dibawah) Gantilah Alamat Blog Anda (warna biru) dengan Alamat Blog anda
<style scoped="" type="text/css">
ul.borecentpost *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box }ul.borecentpost{font-size:12px}ul.borecentpost,ul.borecentpost li{margin:0;padding:0;list-style:none;position:relative }ul.borecentpost{width:100%;height:500px }ul.borecentpost li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none }ul.borecentpost li:nth-child(1),ul.borecentpost li:nth-child(2),ul.borecentpost li:nth-child(3),ul.borecentpost li:nth-child(4){display:block }ul.borecentpost img{border:0;width:100%;height:auto}ul.borecentpost li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0 }ul.borecentpost li:nth-child(2){left:0;top:50% }ul.borecentpost li:nth-child(3){left:50.5%;top:50% }ul.borecentpost li:nth-child(4){width:100%;left:0;top:75% }ul.borecentpost .overlayx,ul.borecentpost li{transition:all .4s ease-in-out }ul.borecentpost .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGne5ENZqMF6ynwcMcRwMd8tKmmFhvgGSixvhafdMj3gN_ECG_Y0qfZEdmUcrzniG6Nn2RlS-EQkgmsLXWZmbsCYM7-TzfyssDQwKLxRPX1cycEn9q0jj5bjw1TIvAe4VAvHaVSLVedDg/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x }ul.borecentpost .overlayx,ul.borecentpost img{margin:3px}ul.borecentpost li:nth-child(1).overlayx{background-position:50% 25% }ul.borecentpost .overlayx:hover{opacity:.1 }ul.borecentpost h4{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;color:#fff;font-weight:700;margin:0;padding:10px;line-height:1.5em;font-weight:normal;overflow:hidden;transition:all .3s}ul.borecentpost li:hover h4{bottom:30px}ul.borecentpost li:nth-child(1)h4,ul.borecentpost li:nth-child(4)h4{font-size:150% }ul.borecentpost .label_text{position:absolute;bottom:0;left:20px;z-index:2;color:#fff;font-size:90%;opacity:0;transition:all .3s}ul.borecentpost li:hover .label_text{bottom:20px;opacity:1}ul.borecentpost li:nth-child(2).autname,ul.borecentpost li:nth-child(3).autname{display:none }.buttons{margin:5px 0 0 }.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative }.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50% }.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px }
</style>
<div id="featuredpostslider"></div>
<script type='text/javascript'>
function FeaturedPostSlider(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="borecentpost"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)};
//<![CDATA[
FeaturedPostSlider({
blogURL: "https://blog-anda.blogspot.com/",
MaxPost: 8,
idcontaint: "#featuredpostslider",
ImageSize: 300,
interval: 5000,
autoplay: true,
tagName: false
});
//]]>
</script>
5. Isilah Kolom nama di atas dengan Recent Posts dan Klik SIMPAN (Selesai) "Semoga Bermanfaat"
Post a Comment