Cara membuat Tombol Klik Show Untuk Melihat Postingan

 

 Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,

Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan tulisanmu di sini

</div></div></div>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.

Klik show untuk melihat

Masukkan tulisanmu di sini

Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.


Sumber : http://www.thecyber.co.cc

Read more »»  

Emoticon Gundam

Nah di sini saya hanya sedikit share hasil karya dari sobat blogger Saint Fredo yaitu Emoticon Gundam Keren, barang kali di antara teman-teman yang lain ingin mendapatkan emoticon keren ini.

  :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: 

Cara Memasang Emoticon Gundam di Kotak Komentar Blog

1. Log in ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak Expand template widget.
3. Letakkan kode berikut di atas kode </body>

 <script src='http://tateluproject.googlecode.com/files/Gundam%20emoticon.js'/>

4. Cari kode merah seperti di bawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>



5. Bila sudah ketemu letakkan kode emoticon gundam di bawah ini tepat di bawah kode <p class='comment-footer'>

<center><b><img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/14-1.gif' width='50'/>
:b:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/13-1.gif' width='50'/>
:c:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/12-1.gif' width='50'/>
:d:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/11-1.gif' width='50'/>
:e:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/10-1.gif' width='50'/>
:f:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/9-1.gif' width='50'/>
:g:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/8-1.gif' width='50'/>
:h:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/7-1.gif' width='50'/>
:i:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/6-1.gif' width='50'/>
:j:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/5-1.gif' width='50'/>
:k:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/4-1.gif' width='50'/>
:l:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/3-1.gif' width='50'/>
:m:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/2-1.gif' width='50'/>
:n:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/1-1.gif' width='50'/>
:o:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/15-1.gif' width='50'/>
:p:
</b></center>


6. Klik save dan lihat hasilnya...

Sumber: http://christiantatelu.blogspot.com 



Semoga Bermanfaat yah.....

Read more »»  

One Piece - Hand Island Adventure - Subtitle Indonesia

Nah aku akan ngeshare One Piece The Movie flimnya bagus banget pasti kamu kamu pasti bakal suka semuanya hehe :D
Yang mau silahkan untuk Di sedot aja gan....

• Part 1
• Part 2
• Part 3
• Part 4
• Part 5

Selamat Menyedot haha :D

Nb: Cara Menggabungkan Yang di Potong

PERHATIAN : Hasil Blog saya JANGAN UNTUK DI PERJUAL BELIKAN   Silahkan Download Anime di blog saya "saintfredo.blogspot.com" atau klik My Fans Page   oke kawan...

Thanks To Batuahku

Read more »»  

Zuma Deluxe Portable

 



Assalamualaikun WR WB

Ane akan ngeshare game kali ini karena udah lama gak pernah ngeshare game wah kali ini game zuma deluxe portable wow..... pastinya sahabat pengen kan?????
MAU???? yakin??? sungguh??? nih aku bagikan ke kalian


Zuma Deluxe Portable (IDWS)



MET MENYEDOTNYA SAHABAT :D

Read more »»