Impian aku untuk ruangan tutorial adalah untuk menghasilkan tutorial yang berbeza dengan tutorial yang telah sedia ada di internet tu. Kali ini aku nak ajar sedikit tutorial untuk hidden apa sahaja kandungan yang ada pada sidebar blog seperti contoh widget arkib blog, widget bloglist, widget follower, shoutbox ataupun sebagainya. Caranya sangat mudah.
1. Login ke akaun blogspot.
2. Klik Design -> Page Elements.
3. Klik Edit pada widget yang ingin di hidden ( jika ingin hidden shoutbox ataupun widget yang telah sedia ada menggunakan HTML / JavaScript) ataupun klik Page Elements -> Add a Gadget -> HTML/JavaScript (jika ingin hidden bloglist / follower widget / arkib blog).
4. Copy code di bawah dan paste pada coding widget yang ingin di hidden.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type="text/javascript">
$(document).ready(function(){
$("#
id widget").hide();
$("button").click(function(){
$("#
id widget").slideToggle();
});
});
</script>
<button>
Klik sini</button>
Perhatian: id widget merujuk kepada ID widget yang ingin di hidden. Bagaimana cara untuk dapatkan ID widget tersebut?
Cara untuk dapatkan id widget
i. Klik Dashboard -> Design -> Edit HTML.
ii. Tekan Ctrl + F untuk cari nama widget blog yang diingini. Contoh nama widget: Bloglist
iii. Copy ID widget tesebut.
iv. Paste ke #id widget. Hasilnya akan jadi seperti di bawah.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type="text/javascript">
$(document).ready(function(){
$("#
BlogList").hide();
$("button").click(function(){
$("#
BlogList").slideToggle();
});
});
</script>
<button>
Klik sini</button>
5. Klik Save. Selesai.
Selamat mencuba!
READ MORE...
__________________________________________________________________________________________________
Terima kasih kerana sudi membaca. Saya mengalu-alukan komen dan pandangan daripada korang semua.
