Breaking News
random

Ontohod V2 Responsive Template

di

Setelah beberapa kali saya mengeluarkan template yang premium akhirnya lunak juga hati saya untuk berbagi sebuah template gratis tapi rasa premium hehe .. Ontohod V2 Responsive Template ya itulah nama untuk template gratis kali ini . Sebenarnya Ontohod V2 ini termasuk pada golongan template dengan konsep unik , kenapa ? karena strukturnya yang beda dari template blogger pada umumnya atau bisa juga dikatakan " Berbau Vcard " dan didalamnya terdapat beberapa fitur menarik seperti recent post slider , fast loading dan kategori dengan konsep overlay dan untuk lebih jelasnya silahkan deh sobat lihat saja sendiri .

Demo - download 

Fitur lengkap Ontohod V2 Responsive Template 
  1. Recent Post Slider 
  2. Search Ajax Jquery
  3. Thereaded Comments 
  4. Fast Loading 
  5. Simple Design 
  6. Social Button 
  7. Category with Overlay 
  8. And more ... 
Saya tidak punya cukup waktu untuk membuat template ini full fitur jadi silahkan sobat kreasikan kembali . 

Setelah sobat berhasil memasang template ini ada beberapa hal yang harus diperhatikan 
Pada Recent Posts Slider silahkan cari kode ini

$(document).ready(function () {
PostSlide({
blogURL:"http://reactorontohod.blogspot.com/",
MaxPost:8,
idcontaint:".my_slider",
ImageSize:785,
autoplay:true,
tagName:false
});
});

Silahkan ganti kode yang saya blok dengan url blog kalian
Untuk Recent posts kedua silahkan cari kode ini

var homePage = "http://duniaradioku.blogspot.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"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></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);

Silahkan ganti kode yang saya blok dengan url blog kalian
Pada bagian kategori silahkan meluncur pada bagian </body> dan cari kode ini

$(document).ready(function () {

        $('.followSelector').socialProfiles({
            animation: 'chain',
            blur: true,
            home: 'search/label/Maniax',
            category: 'search/label/Paranoid',
            link: 'search/label/Protect',
            about: 'search/label/Phobia'
        });
    });

untuk menautkan link label cukup ganti dengan label sobat
Contoh : http://reactorontohod.blogspot.com/search/label/Paranoid
Kalu sobat ingin membuat lebih dari empat kategori silahkan cari dan encode script nya hehe

Mungkin itu yang bisa saya kasih saat ini untuk selebihnya silahkan sobat renungkan karena saya benar-benar tidak punya banyak waktu .

Artikel Menarik Lainnya :