Cara Membuat Kotak Kode Script/HTML di Postingan Blog - Sudah lama saya tidak memposting tentang blogger. Kalian pasti pernahkan melihat sebuah postingan di blog terdapat sebuah kotak yang digunakan untuk menempatkan sebuah script? Di blog saya ini juga ada. Salah satu contohnya yaitu postingan saya disini. Mau membuat seperti itu juga? Ok akan saya tunjukkan caranya.
Disaat anda ingin membuat postingan baru yang di dalamnya ingin anda beri kotak script, anda edit postingan anda pada bagian HTML (sebelah kanan Compose). Tambahkan script berikut ini, pilih sesuka anda
SOLID BOLDER
<div style="border: 2px #006400 solid; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
RIDGE BORDER
<div style="border: 2px #006400 ridge; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
INSET BORDER
<div style="border: 2px #006400 inset; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
OUTSET BORDER
<div style="border: 2px #006400 outset; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
DOUBLE BORDER
<div style="border: 2px #006400 double; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
DOTTED BORDER
<div style="border: 2px #006400 dotted; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
DASHED BORDER
<div style="border: 2px #006400 dashed; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI </div>
BORDER DENGAN LEBAR, PANJANG, DAN SCROLL
<div style="border: 2px #006400 solid; padding: 10px; background-color: GOLD; overflow: auto; height: 50px; width: 300px; text-align: left;">TULIS KODE/SCRIPTNYA DISINI </div>
Cara menggunakannya :
1. Siapkan dulu script yang ingin anda posting pada postingan blog anda (misal script auto invite grup facebook)
2. Convert dahulu script tersebut disini
Script harus di convert, karena jika tidak di convert tidak akan berhasil.
3. Pilih kotak mana yang ingin anda pilih diatas, copy scriptnya ke menu HTML
4. Text yang berwarna merah bisa anda ganti dengan script yang ingin anda posting & sudah di convert
5. Text yang berwarna hijau bisa anda edit untuk mengubah warna bingkai & background kotak
6. Text yang berwarna ungu bisa anda edit untuk mengubah pajang & lebar kotak
Selamat mencoba & Happy blogging ^_^
mkasih gan atas info2nya
BalasHapussama sama gan (o)
BalasHapusgan , kalo biar jadi Link/Website gimana caranya?
BalasHapusok gan thank's
BalasHapustutorialnya sangat membantu.....
thanks .. So hard to find this tutorial .. make me crazy a second hahha..
BalasHapusAll : Thank's for your coming guys :)
BalasHapushahahaha :p
BalasHapusTerimakasih atas informasinya, ini sangat membantu sekali..
BalasHapusberbagi informasi atau ilmu merupakan perilaku yang baik, terimakasih atas informasinya
BalasHapuswahh...akhirnya infonya saya temukan juga, makasih sob informasinya
BalasHapusThanks gan atas Infonya...
BalasHapusTerima kasih kembali :-)
BalasHapusTerimakasih Untuk Infonya
BalasHapusmantaaab bro, ane coba dulu mudah2an bisa...
BalasHapusSip (o) Terima kasih atas kunjungannya :))
BalasHapusmantap gan
BalasHapushttp://obatherbalbatukberdahak.blogspot.com/
Komentar ini telah dihapus oleh administrator blog.
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusgurih gurih infonya keren pa . nice (h)
BalasHapusInfo yang menarik
BalasHapussukses selalu !!
Terimakasih gan..
BalasHapusthanks bro,,,
BalasHapusjuniasbiah.blogspot.com
Salam Blogger !!
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusTerimakasih admin,,
BalasHapussalam kenal
Terimakasih admin,,
BalasHapussalam kenal
Terimakasih admin,,
BalasHapussalam kenal
Komentar ini telah dihapus oleh administrator blog.
BalasHapusmakasih gan infonya sangat membantu dan sekaligus ijin praktek gan. kunjungan balik gan atau tukar link ya http://volimaniak.blogspot.com/
BalasHapusOk mas Ardi :) Segera meluncur ke TKP
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusmakasih sob, sangat bermanfaat nih...
BalasHapussangat bermanfaat,
BalasHapusjgn lupa para blogger join disini ya: www.klikberiklan.com
terimakasih sudah berbagi ilmunya
BalasHapusArtikelnya menarik, sangat bagi saya yang masih pemula, langsung saya coba dan terapkan, terima kasih, salam blogger :)
BalasHapusmakasih ilmunya
BalasHapusvandepenter.blogspot.com
terima kasih banyak akhirnya bisa yang sebelumnya gara2 gktau kalo harus di encode kalo script setelah berjam2 mencari
BalasHapusjangan lupa kunbalnya :)
Makasih Ya Infonya Sangat Bermanfaat Untuk Pemula Seperti Saya :)
BalasHapusmakasih sob (o)
BalasHapusHade pisan uyy ilmu na , bermanfaat pisan . . :-d =))
BalasHapusLebih enak dengan CSS gan,, jd tinggal tulis class nya saja..
BalasHapusTerimakasih banyak kawan !
BalasHapusmakasih mas,,saya cari cari e ketemu juga
BalasHapusizin coba tutornya :p
BalasHapusSaya cari yang beginian sob thank ya
BalasHapusThank for info
BalasHapusmakasih ilmunya. Bisa langsung praktek nih ...
BalasHapusKunjungan sore.. Di tunggu kunjungan baliknya yaa gan ..
BalasHapuskeren
BalasHapusBoleh saya coba.
BalasHapushttp://maz-rofiqur.blogspot.co.id/
Mantab,izin copas linknya
BalasHapushttp://kucingsoftware.blogspot.com
ngeronda ah sob... salam kenal ya sob
BalasHapus:)
BalasHapuskalau mindahin kotaknya ketengah gmn?
BalasHapusMantap gan
BalasHapushttps://www.ilmu-blog.me
https://www.dusap.com
Ketemu juga mantap gan
BalasHapushttps://tofikadri.me