Kompi Banget - Template Blogger Valid HTML5 Dan CSS3

Kompi Banget - Template Blogger Valid HTML5 Dan CSS3

Bola Hero Gawai

Kompi Banget - Template Blogger Valid HTML5 Dan CSS3

Template Blogger Valid HTML5 Dan CSS3
Setelah kurang lebih dua tahun saya belajar di dunia blogging, akhirnya saya mencoba membuat template blog sesuai dengan pengetahuan yang saya dapatkan.

Karena saya cukup lama mempelajari dan menggunakan template dari Maskolis, tentunya kerangkan templatenya juga banyak mengadopsi dari template-template Maskolis. Begitu pun dengan tampilan dan lainnya banyak terilhami dari kang Ismet karena saya juga banyak belajar dari Beliau.

Pada template Kompi Banget ini saya menggunakan struktur HTML5 dan juga schema.org. Mungkin template ini sangat sederhana namun saya cukup puas bisa menyusunnya sesuai kemampuan saya, oleh karena itu saya namai template ini dengan nama Kompi Banget. Dan mungkin struktur template inilah yang akan saya gunakan pada template-template selanjutnya (Jika ada waktu dan kesempatan...hehehehe).

Fitur-fitur template Kompi Banget:
  1. Sudah valid HTML5 dan CSS3 baik di homepage maupun di postpage (Silahkan Anda cek sendiri).
  2. Responsive, bisa dicek DI SINI.
  3. Design template flat ui.
  4. Full title pada semua link dan gambar (100%).
  5. Postmeta di homepage, postingan, dan halaman statis.
  6. HCard Author dan Update di homepage, postingan, dan halaman statis.
  7. Markup Authorship terverifikasi.
  8. Back to Top
  9. Spammer detected pada komentar.
  10. Breadcrumb 
  11. 1 kolom pada halaman statis.
  12. Dan lain-lain yang bisa Anda coba sendiri pada demonya.
Kompi Banget - Template Blogger Valid HTML5 Dan CSS3


Perhatian! Untuk mendownload di DataFileHost silahkan hilangkan tanda centang pada tulisan "Use our download manager and get recommended downloads" di bawah tombol download.


Kustomisasi:

1. Untuk mengganti logo blog silhkan temukan kode berikut:


<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <img alt='title-blog' height='60' src='http://3.bp.blogspot.com/-8AUdc5SISWA/UwBkTLuaXAI/AAAAAAAAbPQ/P3xSW3KkW-8/s1600/titlekompibanget.png' title='Kompi Banget' width='260'/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl' itemprop='url' title='Kompi Banget'><span itemprop='name'><img alt='title-blog' height='60' src='http://3.bp.blogspot.com/-8AUdc5SISWA/UwBkTLuaXAI/AAAAAAAAbPQ/P3xSW3KkW-8/s1600/titlekompibanget.png' title='Kompi Banget' width='260'/></span></a>
  </b:if>
</b:includable>

Silahkan ganti URL logonya / gambarnya dengan logo blog / gambar Anda sendiri, untuk titlenya sesuaikan dengan nama blog Anda.

2. Untuk widget yang disembunyikan pada tanda plus (+) adalah widget recent post per label, silahkan temukan kode berikut untuk mengganti labelnya.


  <div id='box2'>
<div class='box-plusmenu'>
    <div class='content-wrapper'>
<div class='content-box2'>
<div class='recent-label'>
  <span class='title-label'>Jelajah</span>
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displayseparator = false;var showpostdate = false;var showpostsummary = true;var numchars = 160;</script>
<script src='/feeds/posts/default/-/Jelajah?orderby=updated&amp;amp;alt=json-in-script&amp;amp;callback=labelthumbs' type='text/javascript'/>
<a href='http://kompibanget.blogspot.com/search/label/Jelajah?max-results=6' style='float:right;font:normal 11px Arial;padding:5px 0;' title='More on this category'>More on this category &#187;</a>
</div>
<div class='recent-label'>
  <span class='title-label'>Wisata</span>
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displayseparator = false;var showpostdate = false;var showpostsummary = true;var numchars = 160;</script>
<script src='/feeds/posts/default/-/Wisata?orderby=updated&amp;amp;alt=json-in-script&amp;amp;callback=labelthumbs' type='text/javascript'/>
<a href='http://kompibanget.blogspot.com/search/label/Wisata?max-results=6' style='float:right;font:normal 11px Arial;padding:5px 0;' title='More on this category'>More on this category &#187;</a>
</div>
<div class='recent-label'>
  <span class='title-label'>Liburan</span>
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displayseparator = false;var showpostdate = false;var showpostsummary = true;var numchars = 160;</script>
<script src='/feeds/posts/default/-/Liburan?orderby=updated&amp;amp;alt=json-in-script&amp;amp;callback=labelthumbs' type='text/javascript'/> <a href='http://kompibanget.blogspot.com/search/label/Liburan?max-results=6' style='float:right;font:normal 11px Arial;padding:5px 0;' title='More on this category'>More on this category &#187;</a>
</div>
<div class='close2'>&#10006;</div>
      </div>
</div>
      </div>
    </div>

Silahkan ganti semua nama labelnya dengan label blog Anda yang ingin ditampilkan pada kode-kode berikut, begitu pula dengan title widget-nya.


<script src='/feeds/posts/default/-/Liburan?orderby=updated&amp;amp;alt=json-in-script&amp;amp;callback=labelthumbs' type='text/javascript'/>

Dan


<a href='http://kompibanget.blogspot.com/search/label/Liburan?max-results=6' style='float:right;font:normal 11px Arial;padding:5px 0;' title='More on this category'>More on this category &#187;</a>

3. Untuk widget Subscribe di Sidebar, silhakan copy kode HTML-nya dari postingan berikut:
Kemudian paste-kan di gadgetnya. Jangan lupa untuk mengganti akun FeedBurner-nya.

4. Untuk Widget Popular Post silahkan atuh dengan thumbnail dan snippet, kemudian cari kode berikut:


            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>

Kemudian ganti dengan kode di bawah ini:


            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
                    <img alt='thumbnail' expr:src='data:post.thumbnail' expr:title='data:post.title' height='90' width='70'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>

5. Untuk Facebook gunakan kode di bawah ini dan simpan di gadget-nya.


<div class="fb-like-box" data-href="https://www.facebook.com/kompiajaib" data-width="285" data-height="300" data-colorscheme="dark" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>

Silahkan ganti URL-nya dengan URL Facebook Anda.

6. Untuk Google Plus gunakan kode di bawah ini dan simpan di gadget-nya.


<div style='padding:8px 0 0 12px;'>
<div class='g-plus' data-action='followers' data-height='300' data-href='https://plus.google.com/117950600521728942551' data-source='blogger:blog:followers' data-theme='LIGHT' data-width='300'></div>
</div>

Silahkan ganti URL-nya dengan URL Profil Google Plus Anda.

Agar letak widgetnya sesuai demo, silahkan copy seluruh kodenya dari notepad kemudian block semua kode di edit HTML dan paste kode yang tadi dicopy dari notepad.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

142 Comments Add Comment

wah template baru lagi nih....

Balas

cuma beda sepersekian detak jantung :D

Balas

bagus sekali templatenya nih, comot ah mayan buat kolekso =D

Balas

Heheheehe iya ya :D

Balas

Hanya template sederhana kang Beben :p

Balas

deudeuian geura sok ^_^

Balas

Mantap kang, tapi sayang saya sudah terlanjur pakai template Droidpluss dari KI, mungkin kedepannya bakal saya pakai nih template.. Bagus kang, ijin bookmark :)

Balas

Hehehehe iya bung :) namun hanya template sederhana :)

Balas

Silahkan mas Achmad :)

Balas

menggoda sekali templatenya, jadi mabuk template, ahahay

Balas

keren mas templatenya bisa saya coba nich, makasih telah berbagi ;d

Balas

Heheheehe makasih mas :)

Balas

Hehehehee waduhh nih kresek kresek mas :) biar ga muncrat ke mana-mana :p

Balas

SIlahkan mbak Indri :)

Balas

keren mas templatenya, saya download dulu ya mas

Balas

jujur kang, ini membuat saya dilema. beberapa hari lalu saya sudah ganti template, setalah meliihat template ini saya ingin ganti lagi :|

Balas

Silahkan mas :)

Balas

Terlalu sering gonta ganti template akan kurang baik untuk blog, pastikan dan tetapkan kerangka template yang kita pakai, untuk tampilan bisa kita lakukan sesuka hati.

Balas

Akhirnya saat-saat yang saya tunggu tiba :D mas Adhy membuat template sendiri :D kreasi template master memang keren, disamping keren, pasti sudah dilengkapi SEO yang memadai :D. Semangat terus mas !! saya tunggu kreasi template berikutnya :D

Balas

yakin,keren mas...
saya sendiri gak mampu edit sampe bagus seperti ini.
ijin download mas,koleksi....sapa tau pingin ganti nanti.

Balas

Alhamdulillah akhirnya permintaan Ade untuk template kang adhy di bagikan
terima kasih kang ijin download untuk diterapkan di blog Ade yang lain... :) :)

Balas

Hehehhe makasih atas apresiasinya mas Ahmad... :)
Mungkin istilah master buat saya masih jauh dan ini hanya template sederhana yang masih kalah jauh dengan template di luaran sana. Susunan templatenya hanya sedapatnya dari apa yang saya tahu, namun semoga bisa bermanfaat dan membuat sukses pada penggunanya. :)

Balas

Hehehehe hanya template sederhana mas :)

Balas

Iya mas Ade, semoga bisa bermanfaat dan blognya makin sukses :)

Balas

Mas, cara membuat spammer detected gimana? Oh iya, ijin share mas (repost)

Balas

Akhir na d share juga.... keren kang template na :)

Balas

Mampir yuk kang ke blog saya, ada ES CINCAU khas Garut.. :ng

Balas

mantap kang kereenn pisan eung .... !!!

Balas

wah keren banget mas template nya. Cocok banget ini buat blog saya yang masih putih polos hehehe :D

Balas

Mas saya izin download ya. kayaknya cocok buat blog baru saya. terima kasih sebelumnya..

Balas

keren templatenya mas .. yakin jadi incaran kopaser....

Balas

Masih hot nih, sedot ah :D

Balas

mantap kang, donlot gk yah, jujur ini template kompi banget :D

Balas

:-d ijin bagiin iah om.. di blog template saya :D

Balas

oh ya mas untuk firefox kayaknya responsive nya masih kurang karena saya lihat scrool bagian bawah masih terlihat tapi kalau di chrome sudah responsive

Balas

Keren Banget kang tempalte nya ijin sedot

Balas

mantap kang....
lanjutkan karyamu :)

Balas

tah sieun dedeyen na kang

Balas

saya ikutan download yaa kang, sebelumnya izin dulu aah sama yang punya
hehehehe, thanks kompiajaib
:)

Balas

kalau saya liat ada di bagian sidebar widget yg gak pleksible'y ..

Balas

Silahkan cari scriptnya di atas kode </body> pasti mas Hafiz akan tahu :)

Balas

Hehehehe mayan kang :)

Balas

Ah sok kitu kang Ruly mah hehehe :p

Balas

Hehehee silahkan mbak Ririn :)

Balas

Silhkan dicoba bli :)

Balas

Hadeueuehhh nah itu dilemanya mas :(

Balas

Awas salah sedot kang :)

Balas

Itulah kenapa saya kasih nama itu hehehe :)

Balas

Silahkan mas :)

Balas

Betul kata kang Ruly :)

Balas

Silahkan mas :)

Balas

Makasih mas atas apresiasinya, mudah2an saya selalu sehat :)

Balas

Sama-sama mas :)

Balas

izin comot kang buat kolksi.. krn ni templatenya

Balas

Bukan mayan lagi Kang ini mah udah hebringg.... :-bd

Balas

Kang Adhy, izin share templatenya :) Boleh kan??

http://anaktimor-17.blogspot.com/2014/02/kompi-banget-responsive-blogger-template-valid-html5-css3.html

Balas

sederhana tapi elegan mas.
responsive dan valid html5,itu yg dicari peminat...hehe

Balas

yah ketinggalan nih :( ijin share dan comot mas

Balas

ijin tes drive mas...!

Balas

Karena semua sudah 'ijin', berarti tinggal saya ...
Mas .. sy download ya.. tapi ga ijin ... :D

Balas

asli keren kang.. mantab deh..
sedot dulu nih buat koleksi.. sama ijin edit supaya thumbnailnya lebih jernih ya kang.. hehe

Balas

Cara kerjanya bagaimana mas?

Balas

Scriptnya seperti ini mas
<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for(var i = 0; i < content.length; i++) {
if(content[i].innerHTML.indexOf('</a>') !== -1) {
content[i].innerHTML = "Maaf <span style='background-color: red; color: white; padding: 3px;'><b>link hidup</b></span> tidak akan tampil di sini!";
content[i].className = "spammer-detected";
}
}
}
blockLinks('comment_block', 'p');
//]]>
</script>

fungsinya untuk memblock link hidup di komentar mas

Balas

ijin untuk download mas kompi.... terimakasih

Balas

Silahkan mas :)

Balas

Boleh mas silahkan :)

Balas

Silahkan sist Cindy dan mas Supriadi :)

Balas

Awal salah nginjek remnya mas, yang kanan gas mas wkwkwkw :ng

Balas

Heheheehe mas Fani :)

Balas

Silahkan mas, jangan lupa jika menggunakan script auto readmore, untuk mengecek error 404 di webmasternya mas :)

Balas

tempe rupanye, keren abis :-d

Balas

mas saya org baru ni mengenal dunia blog,
tapi saya sangat terkesan dengan temlate pnya mas,
setelah saya coba izin donlowd tapi saya gak bisa menerapkan yang ada tanda + (ples) ya mas,,,
mohon saranya mas,,,
plissss.. karna kren banget nii template y..

Balas

Tinggal cari kode sesuai petunjuk di atas, kemudian ganti labelnya dengan label Anda.
Seperti pada kode berikut: /feeds/posts/default/-/Liburan ganti Liburan dengan label Anda

Begitupun yang ini: http://kompibanget.blogspot.com/search/label/Liburan ganti nama blognya dengan nama blog Anda dan Liburan ganti dengan label Anda.

Balas

Heheehehe makasih sis :)

Balas

alhamdulillah mas,
setelah satu jam lebih saya otak atik tu barang ,
setelah dengar penjelasan mas saya langsung berhasil
makasih mas,
semoga makin sukses dan kami menunggu hasi kreatif2 y mas,
salam knl yaa mas.

Balas

Terimakasih mas :D sudah berhasil.

Balas

mas, untuk membuat widget seperti popular post, facebook dan google+ (sidebar2-wrapper), kodinya yang mana?

Balas

Yang ini mas
<script type='text/javascript'>
//<![CDATA[
$(function() {
$('#run').click(function () {
$('#box').slideDown()
});
$('#run2').click(function () {
$('#box2').slideDown()
});
$('.close').click(function() {
$('#box').slideUp()
$('#box2').slideUp()
});
$('.close2').click(function() {
$('#box2').slideUp()
});
$("#PopularPosts1").click(function () {
$("#PopularPosts1 .widget-content").toggle("slow")
});
$("#HTML4").click(function () {
$("#HTML4 .widget-content").toggle("slow")
});
$("#HTML5").click(function () {
$("#HTML5 .widget-content").toggle("slow")
});
});
//]]>
</script>


Untuk background widetnya ini
#PopularPosts1 .widget-content{border-radius:0 0 2px 2px;background-color:#95a5a6;box-shadow: 0px 3px 0px 0px #7f8c8d;padding:10px}
#HTML4 .widget-content{border-radius:0 0 2px 2px;background-color:#3498db;box-shadow: 0px 3px 0px 0px #2980b9;padding:10px}
#HTML5 .widget-content{border-radius:0 0 2px 2px;background-color:#e74c3c;box-shadow: 0px 3px 0px 0px #c0392b;padding:10px}

Balas

Maaf Mas saya Bukan maksud ninggalin link.. tapi mohon dicek apakah ini template kompi banget.. tapi ko ga ada kreditnya hehe..
tommytemplate.blogspot.com

Balas

Lucu juga ya kalau lihat Kebijakan Templatenya wkwkkwkw :ng

Balas

Maaf, mas. kurang lebih saya meniru tampilan anda http://mashafiz.com/

Balas

ooo....! ok! mas saya obok-obok dulu, kalau saya bingung lagi, mohon dibanteng ya mas.

Balas

uuu...eeedan...!, dilabrak rame-rame aja mas...!

Balas

mas, kok langsung buka ya?, apa ada yang kurang ya kodinya?

Balas

mas adhy ,gimana mahu bikin header dan menunya melayang.....

Balas

Lupa saya, harus disembunyikan dulu mas. ini kodenya tinggal tambahkan
#box,#box2,#PopularPosts1 .widget-content,#HTML4 .widget-content,#HTML5 .widget-content{display:none}

Balas

Ga apa-apa mas jika itu hasil kreasi mas Hafiz tentunya bagus untuk semakin mempelajari kode html blog, yang tidak bagus itu meng-clone/mencontek/mengambil kode css blog lain kemudian dipasangkan di blog sendiri yang tentunya tidak ada pembelajaran buat kita, di situ hanya belajar cara meng-clone blog lain namun tidak belajar untuk membuat kode-kodenya sendiri, tentunya ini merugikan diri sendiri.

Balas

Coba tambahkan kode position:fixed;top:0;z-index:999;

Balas

Hehehehe baru tahu nama aslinya mas Zul hehehe :D

Balas

OK! mas, saya obok-obok lagi.

Balas

Keren masss,,, ane tunggu nih template di postingan mas sebelumnya yg demo nya ke template ini =)D

Tapi, masukan dikit ya mas,, kalau bisa jarak antara area posting dengan widget jangan terlalu jauh, agak gimana gitu..
overall :-bd

Balas

Ajib bener templatenya mas adhy... jadi pingin.. hehe..

Balas

terima kasih mas... udah melayang :-d

Balas

siap kang.. baru baru ini setelah saya pakai script auto readmore dari DTE pengunjung blog saya sempat menurun.. setelah dicek ternyata gara-gara banyak error 404 .. tapi sekarang sudah normal kembali

Balas

awesome! i already put this theme into my blog. thank you for sharing and god bless you.

Balas

itu mah bukan clonning .. cuma ganti link kredit'y saja ..

Balas

ijin download dan mencobanya bos......

Balas

Mantabs templatenya mas.. izin sedot :D

Balas

cara membuat tombol pencariannya kaya gimana kang

Balas

mas adhy saya mau nanya penyebab error macam ini ap ???

http://prntscr.com/2vdqf3

ini blog saya http://dbunggulblog.blogspot.com/

Balas

Sip mas masukannya, buat template selanjutnya :)

Balas

Makasih mas :)

Balas

U're welcome sis :)

Balas

Silahkan mas :)

Balas

Silahkan mas :)

Balas

Di sini mas http://www.kompiajaib.com/2014/01/menyembunyikan-sesuatu-di-bawah-header.html

Balas

Karena errornya agak banyak, mending di Forum Kompi Ajaib (Out Of Topic) aja mas, karena jawabannya juga pasti banyak :)

Balas
This comment has been removed by the author.

mantap mas templatenya, izin sedot y mas :-d

Balas

comot dulu kang, ijin share lagi yah di blog :D

Balas

wah template buatan sendiri emang membanggakan. saya aja masih pakai org lain

Balas

templatenya ajaib mas, sama kaya pembuat templatenya. |o|

Balas

kompinya keren banget kang :D

Balas

Templatenya keren gan, tapi ane make Wordpress.

Balas

Saya ijin download kalau sikonya menentukan akan ganti template
Kompi banget ini. soalnya template saya banyak kode yang ilang
Soalnya buat belajar sih Kang. makasih atas template nya Kang Adhy

Balas

Punten ngiring ngareureuah disini Maaf Kang Adhy
Saya ketinggalan jauh, artikel ini, langsung saja
Saya ijin download templatenya. terima kasih :-bd

Balas

kang, cara bikin thumbnail postnya naik turun gimana? Kerenan gitu menurutku :D

Balas

Cara Tambahin Author Box Sama Emoticon Di comment Gimana Mas ?

Balas

mas kira kira yang template ini apakah sudah ada robot seonya?

Balas

Kang adi saya coba pakai templet anda kompi banget ternyata setelah saya terapkan di blog saya jadi berantakan, ntah apa penyebabnya. selanjutnya saya coba insert threaded comment anda dan cara penyisipan emoticon diatas comment berhasil baik walaupun harus mengubah pading dan marginnya karena border topnya ada di bawah gambar adimin bukan di tengah. Yang saya tanyakan bagaimana cara menampilkan emotnya ? saya bingung kang, oh ya sedikit koreksi jika berkenaan, bukan untuk menggurui, share Fbnya kalau bisa di ubah fbxml (?) setelah saya amati script fb tersebut bermasalah kalau kita share ke fb kadang yg muncul gambar sidebar bukan gambar postingan. (bisa dilihat dengan firebug) Saya pernah pakai script tersebut dapat dari blooger india dan sekarang saya hapus karena hal seperti yg saya sebutkan tadi.. terakhir saya mengharapkan balasan kang adi cara untuk memunculkan emot ini saya sudah baca tutorial anda tapi tag scriptnya tidak ada..terima kasih kang sukses buat anda, terus berkarya, buat mencerdaskan kita semua..

Balas

Mas adhy ijin download ya,langsung ta pake di blog saya, makasaih mas,semoga makin sukses mas

Balas

ijin download n dipake yaa :) bangga pake template buatan anak indo :D makasii n ditunggu template2 beken selanjutnya...

Balas
This comment has been removed by the author.

ijin download ya mas....
skalian ane minta ijin buat modify... :)

Keren abis templatenya mas....

Balas

Ane dah masang ni template, hasilnya bangus banget.
Btw, disitu kan ada facebook likenya dan ngikutin panduannya disini... jreng ... alhamdulillah berhasil. nah berikutnya ane nyoba ngelike ato klik tombol suka, di post juga di FP nya, tapi kok kudu konfirmasi ya mas?... caranya supaya nggak harus konfirmasi gemana mas.

Balas

kok gak bisa di blog ku yah :/
Maaf, tetapi kami tidak dapat menyelesaikan permintaan Anda.

Bila melaporkan kesalahan ini kepada Dukungan Blogger atau di Grup Bantuan Blogger, harap:

Uraikan apa yang Anda lakukan ketika menemui kesalahan ini.
Berikan kode kesalahan berikut.

bX-76og07

Informasi ini akan membantu kami melacak dan mengatasi masalah Anda! Maaf atas ketidaknyamanan ini.

Balas

Coba dengan ini mas http://www.kompiajaib.com/2013/07/mengatasi-error-bx-blogger.html

Balas

masih belum bisa mas

Balas

Mas bagaimana sih caranya ?
Saya masih gagal paham mas, bisa beri petunjuk yang lebih rinci gak mas, atau contoh jadinya untuk widget seperti populal post yang ada di sidebarnya mas...

Balas

mantap banget gan simpel tapi keren :D
ijin coba ya..

Balas

di home page kanapa hanya muncul 1 postingan ?

Balas

Terimakasih kang, sudah saya terapkan di blog saya tempat akang ini, semoga ada banyak lagi tutor seperti ini y kang.......Good Luck....!!!!

Balas

sorri kang maksudnya mah template bukan tempat... maaf sebelumnya.

Balas

<script type='text/javascript'>
//<![CDATA[
$(function() {
$('#run').click(function () {
$('#box').slideDown()
});
$('#run2').click(function () {
$('#box2').slideDown()
});
$('.close').click(function() {
$('#box').slideUp()
$('#box2').slideUp()
});
$('.close2').click(function() {
$('#box2').slideUp()
});
$("#PopularPosts1").click(function () {
$("#PopularPosts1 .widget-content").toggle("slow")
});
$("#HTML4").click(function () {
$("#HTML4 .widget-content").toggle("slow")
});
$("#HTML5").click(function () {
$("#HTML5 .widget-content").toggle("slow")
});
});
//]]>
</script>


Kalo untuk menambah widget lagi kang, tapi ingin seperti widget sebelumnya yang di klik judul sidebarnya baru muncul, karena kalo menambah widget lagi pasti langsung muncul isinya...saya pengen tampilan widget baru kayak widget sebelumnya, kira-kira apa yang ditambahkan dari kode diatas tersebut??? Terimakasih.

Balas

sip kang udah ketemu solusinya, btw makasih ya.............!!!!

Balas

Siiipp mas :-bd

Balas

aku suka template model buatan antum. :-bd

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×