Cara Membuat Widget Scroll Box di Blog

 Sahabat blogger, terakhir kali saya memposting hal yang berkaitan dengan blogg yaitu Kumpulan Widget Blog dan untuk kali ini kita sama-sama belajar mengenai scroll box. Seringkali kalian bahkan saya sendiri posting diblogg baik berupa postingan code atau text yang begitu panjang, sehingga memakan tempat. Ada cara untuk mengatasi hal tersebut dengan membuat scroll box, sebelumnya apakah scroll box? scroll box adakah pengelompokan kata atau kalimat ke dalam kotak atau persegi, seperti yang kalian lihat disamping. Dengan scroll box kita dapat memasukan code HTML ataupun yang lain didalamnya, kadang scroll box juga digunakan dalam postingan. Selebihnya dengan scroll box kita dapat mengatur besar kecil ukuran pada kotak yang diinginkan.Untuk membuat scroll box dalam blog.
Untuk lebih jelas bagaimana caranya membuat widget scroll box di blog ikuti langkah-langkah dibawah ini:

  1. Buka Blogg kalian
  2. Pilihlah tata letak/element, add gadget selanjutnya cari dan klik HTML Javascript
  3. Kemudian masukan kode berikut
<div class='widget-content'>
<div style="overflow: auto; height: 100px; padding: 10px; border: 1px solid rgb(153, 153, 153); ">
 isi scroll box baik kalimat atau HTML</div></div>
Sebagai catatan:
  • Ganti red code/kode warna merah diatas dan isi dengan kalimat atau HTML/Javascript kalian
  • Untuk warna biru adalah tinggi dan lebar scroll box, silahkan ganti dengan ukuran yang kalian suka
    4. Selesai
 
Cukup simple dan mudah untuk membuat scroll box, silahkan mencoba, selamat berkarya, semoga tetap jaya. Good luck Oi..!

Cara Membuat Scroll Box Pada Postingan

Sobat Tau Kan Yang namanya Scroll Box ??? Kali ini Hanif's Blog akan sedikit membocorkan cara membuat scroll pada postingan blog. Cokidot....


1. Klik Entri Baru

2. Klik HTML ( yang disebelahnya Compose

3. Masukkan kode di bawah ini



<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini
</div>
</span></span></span>


  Catatan : Pemasukkan harus di tempat HTML

 4. Selesei dan kik tulisan Compose dan lihat yang terjadi.....

Membuat Kroket Pentol Ayam Keju Fiesta



*BAHAN KULIT:
½ kg Kentang
½ ons tepung terigu
1 sdm Mentega
1 butir telur
¼ kg tepung panir
1 liter minyak utk menggoreng

*BAHAN ISI
10 Butir pentol ayam keju FIESTA
2 buah wortel
Daun bawang secukupnya
Daun sledri secukupnya

*Bumbu Halus
3 siung bawang putih
5 siung bawang merah
Mrica secukupnya
Garam secukupnya
Gula secukupnya

CARA MEMBUAT
Kupas dan goreng kentang,kemudian campur kentang yang sudah dihaluskan dengan tepung, mentega sertakuning telur.
Untuk isinya :Potong dadu kecilpentol ayam keju FIESTA dan wortel. Iris tipis daun bawang dan daun sledri.Kemudian panaskan minyak, tumis bumbu halus sampai harum, masukkan pentol ayamkeju FIESTA dan wortel (yg sdh di goreng). Aduk sampai bercampur dgn bumbu.Kemudian angkat.
Siapkan adonan kentang dan kasihisinya. Bentuk sesuai selera. Kemudian celupkan pada putih telur yg telahdisiapkan dan taburi serta balut tepung panir. Goreng sampe menguning angkatdan sajikan.

Resep : Catatan Pawon Bunda Ani