Streaming TV Online

Cara Membuat 2,3 atau 4 Kolom di bawah Postingan blog

Hai sobat Dunia IT...!!
Kali ini saya akan posting bagaimana Cara Membuat Footer 2,3 atau 4 di bawah Postingan Blog..
Gausah Bingung2 ane sudah siapkan script nya :D

Tidak panjang lebar karena bakalan panjang nanti berat lagi loadingnya - langsung saja yah ke pembahasan :

1. Login ke Blogger..
2. Masuk ke template >> Edit HTML 
3. Jangan lupa centang expland template widget 
    Nb: untuk jaga-jaga backup dulu template sobat .
4. Kalau udah, cari kode ]]></b:skin> Dan letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

#footer-column-divide clear:both; } .footer-column { padding: 10px; }

5. Berikutnya, cari kode yang mirip seperti kode dibawah ini:

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

ATAU 

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

Note :

Biasanya, setiap template memiliki kode yang berbeda-beda.Dalam hal ini, jika Anda tidak dapat menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

6. Yang perlu sobat lakukan adalah copy kode dibawah ini tepat dibawah salah satu kode 

<div id='footer'> atau   <div id='footer-wrapper'>

7. Untuk membuat Footer 2 kolom dibawah postingan:

<div id='footer-column-divide'> <div id='footer1' style='width: 50%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 50%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div> </div>

8. Untuk Membuat Footer 3 Kolom dibawah postingan:

<div id='footer-column-divide'> <div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div> </div>

9. Untuk Membuat Footer 3 Kolom dibawah Postingan:

<div id='footer-column-divide'> <div id='footer1' style='width: 25%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 25%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div> </div>

10. Lalu simpan template sobat dan lihat hasilnya

--SEMOGA BERHASIL--   Kalau ada masalah silahkan komentarnya, apalagi kalau berhasil hehe.

Cara Membuat Text Area Script dengan Copy All pada postingan blog

Kali ini saya akan kasitahu Cara Membuat Text Area Script dengan Copy All

Pasti sobat Dunia IT tidak sabar lagi kan :D hahaha . yaudah Langsung saja ke TeKaPee :)

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus (); this.form.txt.select ();" type="button" value="Copy All" </div><div align="center"></div><p align="center"><textarea style="widht: 150px; height: 50px" name="txt" rows="35" wrap="virtual" cols="25"> silahkan anda sobat menuliskan scrip sesuka anda sobat </textarea></p></div></form>

Setelah mengcopynya pada artikel yang di inginkan akan nampak hasil seperti contoh di bawah ini

Masukkan script widget yang sobat inginkan 

Sobatuntuk lebih jelas dan bagaimana cara tinggi dan lebar serta lebih memahami scrip yang sobat copy akan sedikit jelaskan fungsi scrip yang ada
Scrip untuk membuat Tombol Copy All

• Scrip <form name="copy"> secara umum, form berfungsi untuk menampung elemen-elemen yang nantinya akan di masukan ke dalam sebuah objek. Elemen itu di beri nama fungsi copy.
• <div align="center"> merupakan sebuah elemen yang digunakan untuk mengatur posisi, layout web/blog yang sobat buat, dan pada fungsi tag div disini mengatur posisi buton Copy All berada di tengah "center" untuk posisi yang lain kiri "left" dan kanan "right"
• <input onclick="javascript:this.form.txt.focus (); this.form.txt.select (); maksudnya adalah ketika tombol Copy all di klik maka seluruh isi pada Box Text Area akan diblok dan terselesi semuanya, ini merupakan printah utama dari Java Scrip Buton Copy All, diharapkan untuk tidak di hapus oleh sobat.
• value="Copy All" merupakan tulisan yang terdapat di tengah tengah buton/tombol Copy All, Tulisan ini bisa sobat ganti dengan tulisan yang sobat inginkan.  

Scrip untuk membuat Box Text Area untuk scrip

• <textarea style="widht: 150px; height: 50px" name="txt" rows="35" wrap="virtual" cols="25"> silahkan anda sobat menuliskan scrip sesuka anda sobat </textarea> Ini scrip yang di gunakan untuk membuat Box Text Area Scrip dengan Copy All.
• style="widht: 150px; ini untuk ukuran lebar, ukuran ini bisa sobat sesuaikan misalnya 500px atau yang lainnya di sesuaikan dengan kebutuhan sobat. Begitu juga untuk tinggi height: 50px" bisa di sesuaikan.

Mungkin sedikit yang bisa saya bagikan, karena saya juga masih tahap belajar dalam dunia Blogger, 

Cara Membuat Widget model scroll

Cara Memodifikasi Blockquote Dengan Berbagai Style sebelum saya beritahu caranya bisa lihat contoh-nya di bawah ini, saya beri contoh dengan gambar ini

Langsung saja ke TeKaPee :)..

<div style="border: 1px solid#000000; height: 1750px; overflow: auto; width: 310px;"> <ul> <span style="color: blue;">Masukkan script widget yang anda inginkan </ul> </div>

Lalu simpan dan lihat hasilnya

--SEMOGA BERHASIL-- 

--Jangan Lupa Tinggalkan komentarnya ya gan--