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 .
Fitur lengkap Ontohod V2 Responsive Template
- Recent Post Slider
- Search Ajax Jquery
- Thereaded Comments
- Fast Loading
- Simple Design
- Social Button
- Category with Overlay
- 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
Silahkan ganti kode yang saya blok dengan url blog kalian
Untuk Recent posts kedua silahkan cari kode ini
Silahkan ganti kode yang saya blok dengan url blog kalian
Pada bagian kategori silahkan meluncur pada bagian </body> dan cari kode ini
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 .
$(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 .
Simple dan keren kang :D tapi cukup mewakili semuanya :) dan full jquery hehehe...
BalasHapushehe biasa kang made in mepet waktunya sama kebutuhan jadi alakadarnya saja ...
HapusWah template yang sangat keren sekali... :)
BalasHapusya lumayan lah sob ...
Hapusudah versi 2,, simple dan keren pastinya kang :)
BalasHapusTinggal versi 3 nya hehe .. biasa alkadarnya sob !!
Hapuskeren gan template nya
BalasHapusLumayan sob ...
HapusKreatif banget kang..semi2 virtual card gitu...efek jquerynya lembut banget :-bd
BalasHapusya lumayan lah mas .. selembut sutera hehe
HapusO ya itu kang..share button kok ga berfungsi yach..hehehe
Hapuscoba linknya share pake ini
<a class="bonfire-facebook-button" expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url" href="" rel="nofollow" target="_blank"></a>
<a class="bonfire-twitter-button" expr:href=""http://twittter.com/share?url=" + data:post.url" href="" rel="nofollow" target="_blank"></a>
<a class="bonfire-googleplus-button" expr:href=""https://plus.google.com/share?url=" + data:post.url" href="" rel="nofollow" target="_blank"></a>
mungkin aja cocok
Itu memang sengaja gak di isi link mas .. entah mau untuk button share atau button akun mas .. jadi terserah yg pake'y saja
HapusOwh maksud'y yang diketerangan author blog ini ? ya memang belum sih mas mungkin saya coba yg itu
HapusSorry kang kodenya saya parse jadi ga jfix...
Hapusyang ini :
expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'
expr:href='"http://twittter.com/share?url=" + data:post.url' rel='nofollow' target='_blank'
expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'
Udah ko mas .. kebetulan ada bekas yg dulu hehe
Hapuswa kreatif ni, unik
BalasHapuslumayan sis ..
HapusGak banyak widget tapi tampil penuh elegance.. khas created by mas Ruly deh
BalasHapusAcung jempol, keren abis mas :)
haha mas bud tahu aja kalau ini gayaku heuheu
HapusHaha dah hafal lah mas :)
Hapusmemang keren nih yang namanya Ontohod heuheu,,,( baturmah teu ngartieun meureunya Ontohod itu apa hahaha ) aya aya wae yeuh urang Cianjur hahaha
BalasHapusPadahal deketna jeng borokokok nya kang heuheu ...
Hapustong disebut urg cianjur kang teu kieu-kieu acan mah wkwkwkwk
mantep euy ontohod deh...borokokok teh :P
BalasHapusHaha borokokok teh ah heuheu
Hapustemplate nya itu seo friendly gak?
BalasHapusCek aja sendiri ...
Hapuskeren kang, ijin unduh...
BalasHapusSilahkan sob ..
HapusWah ini cocok untuk protofolio kayaknya yah.
BalasHapusKurang cocok sob . cocoknya untuk blog curhat hehe
Hapusmantap kang templatena..
BalasHapusLumayan lah kang ...
Hapusijin nyobain templatenya mas
BalasHapus