Memberi Kotak Script Pada Postingan Blog

Hay Sobat Raysoft , kali ini saya akan memposting Cara Membuat Kotak Script Dengan Scroll di PostingBlog hehehee mau tau bagaimana cara membuatnya tapi sebelum itu coba liat contoh gambar scrip dengan scroll dibawah ini :

<style type='text/css'> .emoWrap { background-color:Transparent; border:2px solid Transparent ; padding:10px 14px; color:black; font:bold 12px Tahoma,Arial,Sans-Serif; text-align:center; } img.emo, input.emoKey { display:inline-block; /* Penting! */ *display:inline; vertical-align:middle; } input.emoKey { border:1px solid #ccc; background-color:white; font:bold 11px Arial,Sans-Serif; padding:1px 2px; margin:0px 0px 0px 2px; color:black; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var emoRange = "#comments p, div.emoWrap", putEmoAbove = "iframe#comment-editor", emoMessage = "Untuk menyisipkan emoticon setidaknya anda harus menambahkan satu spasi di awal simbol."; //]]> </script>

<style type='text/css'> .emoWrap { background-color:Transparent; border:2px solid Transparent ; padding:10px 14px; color:black; font:bold 12px Tahoma,Arial,Sans-Serif; text-align:center; } img.emo, input.emoKey { display:inline-block; /* Penting! */ *display:inline; vertical-align:middle; } input.emoKey { border:1px solid #ccc; background-color:white; font:bold 11px Arial,Sans-Serif; padding:1px 2px; margin:0px 0px 0px 2px; color:black; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var emoRange = "#comments p, div.emoWrap", putEmoAbove = "iframe#comment-editor", emoMessage = "Untuk menyisipkan emoticon setidaknya anda harus menambahkan satu spasi di awal simbol."; //]]> </script>

Gimana sobat tampilan Kotak Script Dengan Scroll di Posting Blog Bagus kan ..? Yuk mari kita lihat bagai mana cara Membuat Kotak Script Dengan Scroll di Posting Blog ini ;

Login Ke Blogger

Pilih Post >> Entri Baru
ketikkan postingan anda

Masukan Script yg ingin di buat Kotak Script

Di pojok kiri atas ada 2 opsi, yaitu Compose dan HTML, 
Pilih yg HTML

Copy paste script berikut ini pada bagian yg ingin di buatkan kotak script
dan setelah itu jangan lupa kembali compose lagi ya !! dan satu lagi sebelum kembali ke compose setelah mempaste script ini anda harus clik Enter dan ketikkan sesuatu <alasanya adalah agar sobat bisa meneruskan mengetik posting berikutnya> 

<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;"> masukkan Kode / Script yg ingin di masukan </ div>
Simpan , ganti angka 200px dan 5px Sesuai Kehendak Sobat



Atau sobat Ingin Tampilan Kotak Script ini :

masukkan script anda disini

Ini Scriptnya Sob :

 <div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">

<textarea cols="20" name="txt" rows="4" style="height: 50px; width: 200px;" wrap="VIRTUAL">masukkan script anda disini</textarea></div>


Tulisan Yang Berwarna Merah Silahkan Sobat-sobat Menggantinya Dengan SCRIPT Atau HTML Sobat yg Ingin Di beri Kotak Script :) Oh iya Caranya Sama kok Sob , Semoga Bermanfaat >_<

INFO PENTING
Kabar Gembira Untuk Kita Semua !
ada game yang menghasilkan uang, dan jika kita meng-install aplikasi atau ngerjain task akan dibayar 0,1 - 1$ dan juga saat pertama kali mendaftar pakai coupon AE89874 langsung dapat 0,3$ Namun ini khusus bagi pengguna android.
Nama aplikasinya : WHAFF
Masukan coupon : AE89874 (langsung dapat 0,3$)
Downloadnya dimana : Google Playstore atau bisa langsung klik disini

Share :

Tweet

✚

Related Post