S͒E͒L͒A͒M͒A͒T͒ B͒E͒R͒K͒U͒N͒J͒U͒N͒G͒ ϐנєиαя ϐℓοg нοмє: Membuat kotak script di postingan blog

Halaman

Minggu, 03 Maret 2019

Membuat kotak script di postingan blog



Kotak tempat script posting blog sangatlah sering di pakai oleh para memilik website agar artikel terlihat rapi dan tidak nampak berantakan dan yang paling penting akan terlihat bagus serta enak di pandang mata.
Saya ingin menulis dua jenis box biasa dan bentuk scroll.
Sebenarnya hal ini tidak begitu penting untuk di update,tetapi ini bisa sebagai pengingat diri atau tempat untuk melihat ketika kita lupa untuk posting artikel.
Karena sekecil script apapun harus di simpan jika sudah masuk di dunia website/blog untuk lebih mudah jika saat memerlukan pada postingan blog kita.
Caranya juga sangat mudah,ketika sedang buat entri baru blog dari mode compos >> klik ke mode html dulu baru paste script di bawah ini :
1. Jenis kotak biasa.
<div style="border: 3px #1B1A76 dotted; padding: 10px;background-color:#c2c2c2; text-align: left;"> </div>

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#c2c2c2; text-align: left;"> </div>

2. Jenis kotak scroll.
<div style="border: 3px #1B1A76 dotted; padding: 10px;background-color:ffffff;
overflow: auto; height: 50px; width:600px;
text-align: left;"> </div>

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width:
300px;
text-align: left;"> </div>

Bacaan lain:

.Cara embed post facebook ke website/Blog.
.Mendaftarkan web/blog ke yandex webmaster tool
.Menapak sejarah kesultanan cirebon di pegunungan jati
.mengenal dan menggunakan bing webmaster tool untuk blog
.perbedaan fitri dan fitrah di hari raya islam
.cara setting logo nama web/blog posisi ditengah header


kemudian>> klik balik ke mode compos lagi,setelah itu boleh paste script yang mau di masukan di kotak tersebut dengan mudah.
Pada jenis satu adalah mode box biasa dan yang jenis dua bentuk yang bisa scroll ke atas bawah.
Jika ingin warna bisa ganti code dan padding warna yang di inginkan.
Banyak sekali para blog master memberi panduan warna untuk box script blog dan tinggal sesuaikan untuk artikel.
Semoga bisa manfaat bagi yang ingin menggunakannya.
.GAMBAR MELAYANG.
Membuat gambar melayang di juga bisa jadi daya tarik pengunjung blog.
Cara membuatnya juga mudah,anda bisa buka edit posting dan pasang gambar dulu jika belum ada dan klik dari compos ke mode html,kemudian copy file url gambar dan simpan di notepad.
Selanjutnya bisa copy script di bawah ini:
<marquee><img src=" url gambar disini"/></marquee>
Kemudian hapus file gambar dan ganti dengan script di atas,lalu ambil url gambar tadi dari notepad dan paste,kemudian cek ke compos sebelum publish,hasilnya :


KOTAK LAIN:

Radius color:
<div style="-moz-border- radius:
10px; -webkit-border-radius: 10px;
background-color: #00FFFF;
border-left: 5px solid #FF99E5;
border-radius: 10px; padding: 10px;
t-align: left;">pasang skrip</div>

Text zig zag:
<marquee direction="up"
scrollamount="2" align="center"
behavior="alternate">
<marquee direction="right"
behavior="alternate"
height="30">pasang text disini </marquee> </marquee>

Text jalan turun:
<marquee direction="down"
height="100">pasang text disini</marquee>


Ini hanyalah beberapa di antara saja dan masih banyak jenis lain untuk blog.
Sebagai catatan ganti semua ukuran tinggi dan lebar sesuai kebutuhan.