Saturday, March 14, 2009

Home / Blogger / Tips / Trik / Membuat Folder Sembunyi Pada Blog

Membuat Folder Sembunyi Pada Blog

by on in , ,
Menambah Widget pada blog emanglah tujuannya membuat blog kita menjadi bagus atau (cantik), tapi jika kta melihat blog kita secara seksama kelihatannya berantakan maka kita perlu menyisipkan kode-code yang kita ingin kan.Nah teman-teman aku kali ini saya akan membahas tentang tutorial menyisipkan widget.Bagai mana cara membikin expandable / collapse navigator ???


Nah teman-teman q seperti contohnya yang ada di blog saya yang bergambar di bawah ini :

Informasi Yang Lain Ada Disini…..[+/-]



nah contohnya bisa dilihat diatas ^^^
Sedangkan dengan cara-caranya :
  1. Login ke Blogger anda sendiri setelah anda Dan JANGAN LUPA dan simpan template sobat di file atau di notepad takud ada apa-apa entar bisa rusak templatenya
  2. kemudian sobat ke Tata Letak > Edit Html, truzzz taruk kode di bawah ini di style template blog shobat.
.commenthidden {display:none}

.commentshown {display:inline}

Catatan : Style sheet > diantara code ]]></skin> atau lebih gampangnya lagi taruh di comments selection, biasanya seperti ini

/* Comments

-----------------------------------------------

kalau tidah ada coba yg ini :

/* ----- COMMENT ----- nah yg ini nama template blog kalian */

kalu udah ketemu sisipkan kode tersebut di bawahnya

/*Comments

-----------------------------------------------

nah jadinya akan seperti ini :

/* ----- COMMENT ----- nah yg ini nama template blog kalian */

.commenthidden {display:none}

.commentshown {display:inline}

  1. Setelah itu taruh kode di bawah ini di antara <head> </head> tapi bukan di bagian style sheet.

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>


atau head yg paling atas sendiri bisa di mengerti???

seperti contoh :


<head>

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>


dan yg disini script segala macam
.
.
.
.
.
.
sampai </head> yg bawah



  1. Simpan hasil pekerjaan kita, kemudian ke Tata Letak , Copy kode ini di sidebar blogger mania, dengan cara klik Tambah Elemen Halaman pilih HTML/Javascript, setelah itu paste

<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Click Here…..[+/-]</a><br />
<div class="commenthidden" id="UniqueName">

Kode HTML/Javascript/Content

</div>

Keterangan : UniqueName isi sesuai keinginan sobat, terus taruh kode HTML/JavaScsript atau content sesuai keinginan blooger mania.

Contoh kode di blog saya untuk ShoutMix

<a aiotitle="click to expand" href="javascript:togglecomments('shoutmix')"><center>Click Here...+/-</center></a><br/><br/>

<div id="shoutmix" class="commenthidden">

selesai dheeeeeehh

jika masih saja kesulitan silahkan hubungi via email ya disini
Author Image

About Unknown
Soratemplates is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates.

You May Also Like:
By at
Labels: , ,

8 comments:

  1. Berpikir dan Berjiwa besarMarch 15, 2009 at 11:14 PM

    jhiahhh itukan artikel nya bang subagya

    ReplyDelete
  2. Neng AiaMarch 16, 2009 at 12:05 AM

    infonya bagus lho! :)

    ReplyDelete
  3. Paguyuban YuanggaMarch 25, 2009 at 1:23 AM

    Ma kasih mas Aan,
    gimana caranya ngilangin Langgan: Entry (Atom) yg selalu nongol di bagian bawah posting ?

    ReplyDelete
  4. The MevolutionMay 9, 2009 at 5:46 AM

    :))

    ReplyDelete
  5. antokJune 16, 2009 at 7:21 PM

    sebenrnya tertarik dengan judul artikel ini

    tapi setelah dibaca kok membingungkan yaw heheh

    tutorialna belibet

    maaf mungkin saya yg kurang ppaham dengan gaya bahasa anda..

    karena tidak begitu baku

    tp tengku

    ReplyDelete
  6. PanduJuly 3, 2009 at 5:03 AM

    info nya mantab, sob.... pake asas do follow segala lagi,,, thx ya...
    btw blogku juga pake asas "U Comment I Follow" lho... kunjungi blogku ya...

    ReplyDelete
  7. abdiJuly 26, 2009 at 9:57 AM

    mantap banget neh blognya, numpang belajar ya..SEO nya juga bagus berkali-kali aku sering kesini

    ReplyDelete
  8. blog-alifSeptember 1, 2009 at 6:23 AM

    makasihg atas infonya

    ReplyDelete

Subscribe to: Post Comments (Atom)