Cara Menciptakan Kotak Di Dalam Postingan Blog Biar Terlihat Lebih Menarik
Namun sayangnya pihak blogspot tidak menyediakan secara pribadi (instan) kotak yang akan kita buat. Maka dari itu kita disuruh membuatnya sendiri. Caranya sangatlah mudah, pribadi saja kalian simak dan ikuti langkah-langkah di bawah ini:
1.Login ke akun blogger kalian dan pilihlah 'New Post'
2.Buat goresan pena terserah kalian apa saja, lihat di gambar
3.Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.
<div style="border: 3px #1780dd Ridge; padding: 10px;background-color:#ffffff;
text-align: left;">
mofarmedia.blogspot.com (klik di sini untuk mengganti goresan pena sesuka hati kalian).</div>
text-align: left;">
mofarmedia.blogspot.com (klik di sini untuk mengganti goresan pena sesuka hati kalian).</div>
4.Selanjutnya pilih 'HTML' yang ada di pojok kiri ( jelasnya lihat gambar).
5.Paste script yang sudah kalian salin tadi di ‘HTML’ (bebas mau kalian taruh dimana saja).
6.Selanjutnya Kembali lagi ke halaman 'Compose' dan dapat kalian lihat hasilnya. Kotak yang kalian inginkan pun sudah jadi.
7.Langkah selanjutnya kalian dapat mengganti goresan pena "mofarmedia.blogspot.com (klik di sini untuk mengganti goresan pena sesuka hati kalian)".Sesuai dengan goresan pena yang kalian inginkan.Gampangkan…
Jika kalian tidak suka dengan model tampilannya , Santai saja kalian dapat menggantinya sesuai isi hati kalian. Berikut ini klarifikasi ihwal scriptnya:
<div style="border: 3px #1780dd Ridge; padding: 10px;background-color:#ffffff;
text-align: left;">
mofarmedia.blogspot.com (klik di sini untuk mengganti goresan pena sesuka hati kalian)</div>
text-align: left;">
mofarmedia.blogspot.com (klik di sini untuk mengganti goresan pena sesuka hati kalian)</div>
· border: 3px atau ketebalan kotak script.
· #1780dd atau warna kotak script.
· Ridge atau bentuk kotak. (kode ini dapat di ganti sesuai selera hati kalian dengan teladan arahan yang di bawah ini atau )
CONTOH (Dashed)
CONTOH (Dotted)
CONTOH (Inset)
CONTOH (Outset)
CONTOH (Solid)
· padding:10px atau panjang kotak ke bawah, untuk lebarnya sudah otomatis hingga ke ujung posting.
· background-color:ffffff; atau warna dalam kotak.
· Dan text-align:left; atau posisi goresan pena didalam kotak dari kiri
Nah itulah klarifikasi arahan HTML untuk membentuk kotak memakai script dalam postingan. Silahkan kali modifikasi sesuai isi hati kalian. Sangat praktis bukan.
Semoga artikel ini dapat membantu kalian. Jangan lupa share juga ke temen-temen kalian supaya temen kalian juga mengerti caranya.
Terimakasih
Terimakasih
