Cara Memasang Kotak Dalam Postingan Blog
Cara Memasang Kotak Dalam Postingan - Cara ini banyak dilakukan oleh para blogger master untuk mempercantik tampilan blognya saat membuat artikel agar tampilan postingannya menjadi menarik. mungkin tidak semua cara ini bisa dilakukan oleh semua orang, dan bisa menjadi pedoman penting nih bagi para blogger pemula. Contoh hasilnya seperti di bawah ini:
Silahkan copy semua code yang ada dibawah ini :
* Ganti "Joe Erick Blog - Cara Memasang Kotak Dalam Postingan" dengan kata-kata yang ingin anda masukan.
Keterangan:
- border-right = garis pinggir kotak sebelah kanan
- border-left = garis pinggir kotak sebelah kiri
- border-top = garis pinggir kotak sebelah atas
- border-bottom = garis pinggir kotak sebelah bawah
- #6c7a7d; #ff0000 = kode warna, rubah sesuai keinginan
- 1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan
- padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan
- padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri
- margin-right = jarak kotak dengan pinggir posting sebelah kanan
- margin-left = jarak kotak dengan pinggir posting sebelah kiri
- 20px; 30px; 70px = satuan jarak, rubah sesuai keinginan
- font color = warna teks,
Atau bisa juga menggunakan Script dibawah ini gan untuk yang lebih simplenya :
*.joe-ngeblog (Isi Scriptnya Disini) ganti yang tulisan tebal dengan kata-kata yang anda inginkan.
Cara Pasangnya : 1. Buka Blognya Shobat
2. Kemudian Buat Artikel Baru
3. Awalnya kan Compose, Silahkan Ganti Dengan HTML gan ..
4. Kemudian Pubhlikasikan.. dan lihat hasilnya..
Sekian dulu tutorial singkatnya gan, jika terdapat kesalahan atau gagalnya dalam menerapkannya silah hubungi saya langsung di menu Contact diatas gan :) smeoga bermanfaat ..
Joe Erick Blog - Cara Memasang Kotak Dalam Postingan
Silahkan copy semua code yang ada dibawah ini :
<p
style="border-right: #6c7a7d 1px inset; padding-right: 30px;
border-top: #6c7a7d 1px inset; padding-left: 30px; margin-left: 20px;
border-left: #6c7a7d 1px inset; margin-right: 70px; border-bottom:
#6c7a7d 1px inset"><font color="#ff0000">Joe Erick Blog - Cara Memasang Kotak Dalam Postingan</font></p>
* Ganti "Joe Erick Blog - Cara Memasang Kotak Dalam Postingan" dengan kata-kata yang ingin anda masukan.
Keterangan:
- border-right = garis pinggir kotak sebelah kanan
- border-left = garis pinggir kotak sebelah kiri
- border-top = garis pinggir kotak sebelah atas
- border-bottom = garis pinggir kotak sebelah bawah
- #6c7a7d; #ff0000 = kode warna, rubah sesuai keinginan
- 1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan
- padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan
- padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri
- margin-right = jarak kotak dengan pinggir posting sebelah kanan
- margin-left = jarak kotak dengan pinggir posting sebelah kiri
- 20px; 30px; 70px = satuan jarak, rubah sesuai keinginan
- font color = warna teks,
Atau bisa juga menggunakan Script dibawah ini gan untuk yang lebih simplenya :
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
.joe-ngeblog (Isi Scriptnya Disini)
</div>
.joe-ngeblog (Isi Scriptnya Disini)
</div>
*.joe-ngeblog (Isi Scriptnya Disini) ganti yang tulisan tebal dengan kata-kata yang anda inginkan.
Cara Pasangnya : 1. Buka Blognya Shobat
2. Kemudian Buat Artikel Baru
3. Awalnya kan Compose, Silahkan Ganti Dengan HTML gan ..
4. Kemudian Pubhlikasikan.. dan lihat hasilnya..
Sekian dulu tutorial singkatnya gan, jika terdapat kesalahan atau gagalnya dalam menerapkannya silah hubungi saya langsung di menu Contact diatas gan :) smeoga bermanfaat ..
nice om..
ReplyDeleteSIP GAN :D
ReplyDeletewah,bagus jg ni biar lebih bervariasi postnya :)
ReplyDeleteOk Gan saya coba praktekkan, kayaknya bagus buat memasang kode script dalam kotak atau yang lainnya.
ReplyDeletenice gan.. ijin share juga yak..
ReplyDeleteDi pastekan nya ke mana gan?
ReplyDeletekeren gan.... izin pake
ReplyDeleteThanks infonya Gan...
ReplyDeletewah ini yang saya cari gan, makasih ya artikelnya bermanfaat
ReplyDeletebemanfaat.. nice artikel
ReplyDeletenice , nambah info bagi gw yg newbie nih
ReplyDeletenah ini dia caranya.. makasih gan atas infonya.. :D
ReplyDeleteWah gitu yah, mantap om. Mudah dipahami juga caranya.
ReplyDeletePatut di coba tutorialnya
ReplyDeleteThanks Gan :D
Gan, ada gak link template yg udah bawaannya ada itunya? Nubi nihhh...
ReplyDeletemakasih gan infonya, ntar saya coba di blog saya gan
ReplyDeleteMakasih atas artikelnya gan
ReplyDeletecontohnya kayak yg mana ya?
ReplyDeleteNice gan simple bener
ReplyDeletesangat mudah di aplikasikan
ReplyDeletebermanfaat nih mas.. sangant membantu saya yang newbie.. terima kasih
ReplyDeleteFungsi dari kotak semacam ini untuk apa ya gan? Apakah gag aneh kalau semua artikel di kotakin hehe. Mungkin sebagian aj ya gan?
ReplyDeletewah keren nih, bisa dicoba di blog saya
ReplyDeleteuntuk pemula kaya ane cocok...
ReplyDeleteBy dedi mitsubishi
sippp gan thanks banget. ini lagi nyari yang kaya gini hehe
ReplyDelete