PUSH

Tuesday, 3 April 2012

Credit Section

Assalamualaikum. 

Hari ini Shah nak buat tuto macam mana nak buat credit section yang menjimatkan ruang di dalam blog korang. Code ini bukan Shah yang tweat kan. Credit to : Sis Amalina. kalau sesiapa tidak faham apa itu credit section , boleh refer gambar di bawah . :)


BEFORE

AFTER


  1. Dasboard --> Design --> Add A Gadget --> Choose HTML/JAVASCRIPT.
  2. Copy code di bawah dan pastekan di ruangan HTML/JAVASCRIPT tersebut.
<center><div id="spoiler"><div><input 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;; }" value="CREDIT SECTION" style="width:200px;font-size:12px;background-image:url(URL BACKGROUND);-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;margin:10px;padding:0px;border-style: 2px solid #cccccc;" type="button" /><div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:98%"><center><div style="text-align:center">Template : ?<div style="text-align:center">Designer : ?<div style="text-align:center">Best View : ?<div style="text-align:center">Tutorials : <a href=" http://koreanpoplovers-amalina.blogspot.com/ ">AMALINA</a><div style="text-align:center">Background : <a href=" http://koreanpoplovers-amalina.blogspot.com/ ">AMALINA</a><div style="text-align:center">Icon : <a href="URL LINK">NAME OF YOUR LINK</a></div></div></div></div></div></div></div></center><div id="hide"></div></div></div></div></center>

CREDIT SECTION : boleh ditukar dengan nama apa - apa pun.
(URL BACKGROUND) : anda letakkan url background yang terdapat di mana - mana blog.
? & <a href=" http://koreanpoplovers-amalina.blogspot.com/ ">AMALINA</a> : ini suka hati korang letak link siapa.
Biru : Tulis la apa yang patut dicreditkan.

4. Save !

Kalau korang nak credit section korang berwarna dan malas nak carik url background tu , korang boleh tukar dengan warna. 

background-image:url(URL BACKGROUND);

Tukarkan kepada :

background:#000000;


Kalau tak faham tanya keey , Shah tak makan orang :)

No comments: