Cara Agar Widget Buka Tutup

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

• SUBHANALLAH
• ALHAMDULILLAH
• ALLAHU AKBAR
• LA ILAHA ILLALLAH
• ALLAHUMMA SHOLLI 'ALA MUHAMMAD

Widget yang buka tutup pasti , agan agan pernah liat bukan di blog blog yang di kunjungi ? saya yakin pasti di antara kalian pernah melihat nya, di suatu blog widget nya ada tols atau ada pilihan buka tutup nya, yang di maksud buka tutup ialah di tempat widget yang di tampilkan itu ada sebuah tols atau tombol,buka dan tutup, yang jika mengklik tombol buka, maka akan muncul widget yang dikasih atau di beri script buka tutup tersebut, dan sebalik nya kalau mengkli tombol tutup, maka widget tersebut akan ditutup atau akan di sembunyikan oleh script tersebut.

 Lalu bagaimana cara membuat nya ? Okeh pada postingan kali ini saya akan berbagi tentang cara membuat widget buka tutup tersebut, Saya juga pernah mencoba nya dan menerapkan pada blog ini, fungsi dari script buka tutup ini , menurut saya adalah suatu cara juga agar loading blog tidak lelet atau cara mempercepat loading blog, di bawah ini adalah script untuk membuat agar widget buka tutup: silahkan di copas!

<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: <span style="color: red;">
<b>300</b></span>px; padding-top: 10px; height: <span style="color: red;"><b>150</b></span>px" 1px="1px" solid="solid"><br />
<i><strike>SCRIPT WIDGET NYA DISINI</strike></i><br />
</div>

Kalau masih belum mengerti  dibawah ini adalah cara detail nya

1.Buka Dasbor Blog

2.Pilih Tata letak atau layout

3.Klik pada Nama gatget yang akan di beri fungsi buka tutup tersebut

4.Copy kode script yang warna hijau tersebut, sebelum kode script widget nya (kode script yang akan diberi funsi buka tutup).

5.Dan kemudian copy kode script warna biru tersebut sesudah kode script widget nya.

6.Maka akan jadi seperti ini script nya:

<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: <span style="color: red;">
<b>300</b></span>px; padding-top: 10px; height: <span style="color: red;"><b>150</b></span>px" 1px="1px" solid="solid"><br />
<i><strike><td><center><a href="http://fujianto21-chikafe.blogspot.com" rel="nofollow"><img border="0" alt="Tempat Sobat Belajar Blogspot" width="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnbaC4DPiVUIpz_zU03GByV8oB8HVW4l6uaGvxma-Hc-ESED_zTNmMtnwDNVuhZUbUweOhXui8Lmbipua4jq25QVKlhjv8P7F1sjRiNw_F1i48iq4xd05wxA3bbXLOFKJnz1kY2wD6Xc/s1600/ANIMASI.gif" height="250"/></a></center></td></strike></i><br />
</div>

7.Kalau sudah klik simpan

Sekian Tutorial Blog Tentang cara agar widget buka tutup, semoga cara yang saya tulis di atas bisa bermanfaat dan bisa di terapkan di blog agan agan.Terimakasih.

• ASTAGHFIRULLAHAL 'ADZIM
• Aku mohon ampun kepada Allah yang Maha Agung

Tweet