Minggu, 15 Maret 2009

Membuat Folder Sembunyi Pada Blog

12.44  ,  13 comments

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

13 komentar:

  1. Berpikir dan Berjiwa besar16 Maret 2009 pukul 13.14

    jhiahhh itukan artikel nya bang subagya

    BalasHapus
  2. ♥ Neng Aia ♥16 Maret 2009 pukul 14.05

    infonya bagus lho! :)

    BalasHapus
  3. Paguyuban Yuangga25 Maret 2009 pukul 15.23

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

    BalasHapus
  4. Ikhsan9 Mei 2009 pukul 19.56

    :f

    BalasHapus
  5. antok17 Juni 2009 pukul 09.21

    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

    BalasHapus
  6. Pandu3 Juli 2009 pukul 19.03

    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...

    BalasHapus
  7. abdi26 Juli 2009 pukul 23.57

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

    BalasHapus
  8. blog-alif1 September 2009 pukul 20.23

    makasihg atas infonya

    BalasHapus
  9. Download Novel Islami28 April 2010 pukul 19.51

    Lho, contohnya kok ilang ,maz...??

    BalasHapus
  10. Dunia Download28 April 2010 pukul 19.53

    berarti musti backup template dulu kan sebelum mengerjakannya tips ini??

    BalasHapus
  11. Afifah Ekonomi28 April 2010 pukul 19.54

    makasii maz atas tips nya...
    Jazakallah khairan.
    :)

    BalasHapus
  12. NegeriAds.com Solusi Berpromosi30 April 2010 pukul 06.48

    mana contohnya??
    kok ga berjalan di artikel ini??
    atau jangan2 ga berhasil yach??

    BalasHapus
  13. Forantum23 Mei 2010 pukul 12.38

    Thanks.....

    BalasHapus

Langganan: Posting Komentar (Atom)