Selasa, 3 November 2015

Tutorial spoiler multitab widget blogspot simple

Tutorial spoiler multitab widget blogspot simple - Code widget untuk buat spoiler multitab di blogspot yang simple, menarik, elegent, minimalist, fast load dan terkini.

Sebenarnya mudah saja untuk membuat spoiler multitab ni, code dia pun tak banyak dan memeningkan sangat. Jika ada yang belum tahu macam mana rupa spoiler multitab widget untuk blogspot ni cuba tengok gambar dekat bawah.

Gambar 1 :
simple spoiler multitab widget blogspot
Gambar 2 :
simple spoiler multitab widget blogspot 1

Fungsi widget spoiler multitab

  • mempercantik dan memperkemaskan tampilan blog
  • widget atau javascript seperti banner dan icon mahupun link tersusun rapi
  • menggumpul widget-widget tertentu secara berkumpulan dan teratur

Simple spoiler multitab widget blogspot


<center><div id="spoiler"><div>

<input value=" Nama Button, cth : Spoiler, sitemap, link, etc.. " style="width:200px; height:20px;font-size:12px;background-image:
url( URL gambar untuk spoiler );

-moz-border-radius: 10px; border-radius: 10px;margin:10px;padding:0px;border-style:none;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%"><center><center>

Tempat letak isi untuk spoiler, cth : link, gambar, iklan, backlink, widget histat, javascript, etc..

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

* warna pink : supaya widget berada di tengah-tengah.
* warna merah : ubah ikut selera masing-masing.

Widget ni boleh simpan dekat sidebar blog dan juga dalam entri serta halaman page blog. Contoh spoiler multitab widget dalam entri tanpa gambar !

Show comments
Hide comments

0 comments:

Catat Ulasan


Top