Masih Ingin Belajar: Februari 2012

Rabu, 29 Februari 2012

Memberi Scroll Pada Komentar Di Blogger v.3

Baiklah sahabat blogger kali ini kita akan membahas mengenai cara Memberi Scroll Pada Komentar Di Blogger versi ke 3 di mana di versi ini kita akan memberikan atau membuat scroll pada komentar yang memberikan batasan pada panjangnya jumlah komentar sehingga kita tetap menjaga keindahan struktur situs kita dan di versi ke 3 ini kita akan menambahkan fungsi lain yaitu dari pungsi hide show tampilan komentar dimana pada saat awal halaman di load semua komentar do halaman tersebut akan di sembunyikan dan jika kita akan bisa melihatnya setelah kita mengklik tombol Buka, sebenarnya Fungsi ini kita buat dari gabungan membari kotak pada komentar yang telah kita lakukan sebelumnya dan menambahkan fitur spoiler yang akan kita lakukan, dan mungkin Anda yang belum tau sangat penasaran bagai mana hasilnya dan penampilannya, baiklah sebaiknya kita langsung saja mempraktekkannya, mari kita langsung menuju-langkah-langkahnya yaitu sebagai berikut ;

1. Login Ke Blogger
2. Klik Rancangan
3. Klik Edit HTML
4. Centang check box Expand Widgets Template
5. Untuk jaga-jaga bilamana terjadi kegagalan klik Download Template Lengkap
6. Tekan F3/Ctrl+F dan Cari/Ketikan script seperti di bawah ini

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

7. Setelah ketemu letakkan kode di bawah ini ke atas Script tadi

<div style='margin: 5px 20px 20px;'>
<div class='smallfont' style='margin-bottom: 2px;'>
<b>Anda mau lihat komentarnya tinggal Klik </b>: <input onclick='if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }' style='font-size: 12px; margin: 0px; padding: 0px; width: 55px;' type='button' value='Buka'/></div>
<div class='alt2' style='border: 1px inset; margin: 0px; padding: 6px;'>
<div style='display: none;'>
<div style='border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 98%; height: 300px; background-color: #;'>

8. Kemudian cari lagi script di bawah ini yang tidak jauh dari sebelumnya
</dl>

9. Lalu letakkan Script di bawah ini ke bawah Script tadi
</div>
</div>
</div>
</div>

8. Simpan Template dan lihat perubahannya

Selamat mencoba, semoga berhasil dan terima kasih telah berkunjung, silahkan berikan komentar Anda mengenai ini.

Membuar Random Post Bergerak Ke Bawah

andom post, itu lah yang akan kita bahas yaitu cara Membuar Random Post Bergerak Ke Bawah namun untuk pembahasan kali ini sangat berbeda dari pembahasan sebelumnya mengenai cara Membuat Random Post Berjalan dan Membuat Random Posts Dengan Script Gadget, yang membadakannya kali ini random post yang kita buat ialah random post yang hanya bisa menampilkan 1 postingan saja namun akan berganti ketika postingan telah tampil selama 5 detik, jika ketika sebelum 5 detik postingan artikel ini di sorot kursor maka ketika kursor sudah tidak menyorot lagi artikel maka hitungannya akan kembali dari nol dan selama 5 detik berikutnya akan di ganti oleh artikel yang telah di acak sebelumnya dan arikel yang sudah 5 detik tersebut bergerak menuju kebawah.

Random post kali ini menurut saya sangat bermanfaar sekali untuk meningkatkan page view situs kita karena postingan tersebut seakan -akan terus di perbaharui, baiklah langsung saja kita menuju langkah-langkahnya yaitu sebagai berikut ;

1. Login ke Blogger.com
2. Klik Rancangan

3. Di Elemen Laman klik Tambah Gadget

4. Lalu tambahkan HTML/JavaScript dengan cara klik tanda +

5. Masukan script di bawah ini kedalamnnya Lihat Langkah-Langkah Tambah Gadget HTML/Javascript

Selasa, 28 Februari 2012

Rem Paling Ampuh

Sahabat, tahukah Anda rem paling cakram atau ampuh di dunia ini yang mampu menghentikan lajunya,,,??? eit apa yang sedang sedang Anda pikirkan sekarang, mungkin sekarang anda pikir yang sedang kita pikirkan adalah sebuah rem kendaraan, namun yang sebenarnya rem yang kita maksud di sini yaitu mengenai rem kehidupan yang dapat mengendalikan atau menghentikan apa yang sebenarnya bisa kita hentikan, tahukah Anda mengenai rem yang paling ampung di kehidupan ini, jikalau menurut saya rem tersebut bernama sebuah kesadaran di mana setiap orang yang memiliki sebuah kesadaran akan sangat bisa mengendalikan dirinya dan menghentikan yang menurut akal sehatnya bahwa yang sedang ia lakukan tidak layak untuk di lakukan maka tidak akan di lakukannya karena ia punya kendali sepenuhnya atas kesadarannya baik itu, tindakan, sikap, bicara, dan juga pergaulannya.

Maka sangatlah penting seseorang memiliki sebuah kesadaran yang sangat tinggi karena itu bisa memberikan keseimbangan terhadap kehidupan, tanpa sebuah kesadaran dari semua manusia maka kehidupan di dunia ini bisa berantakan, karena sebuah negara tanpa kesadaran dari seorang rakyatnya tidak akan menjadi sebuah negara yang kuat, kokoh, bersih, maju, dan bahkan tidak akan aman, karena kesadaranlah yang dapat membuat keseimbangan dalam kehidupan ini bisa lebih hidup, jika kita memiliki kesadaran yang di dasari dari diri sendiri maka negara ini pun akan memiliki kesadaran yang tinggi dan bila memiliki kesadaran dari masing-masing mahluk hidup akan tercapailah sebuah, kedamaian, kebersihan, kejujuran, kemakmuran dan hal lainnya yang bersifat baik dan bisa membuat diri kita berguna sebagai manusia.

Terima kasih telah berkunjung dan membaca artikel saya ini, semoga bisa bermanfaat.

Senin, 27 Februari 2012

Memberi Scroll Pada Komentar Di Blogger v.2

Scroll di berikan khusus untuk daftar komentarnya saja dan tidak termasuk area pengetikan komentar baru yang artinya pemberian scroll pada komentar di blogger kali ini hanya akan memberikan kendali terhadap panjangnya deretan komentar saja yang ini sangat berfungsi untuk menghemat penggunaan tempat di blogger dan tentunya akan tetap menjaga blog kita tetap cantik dan indah di pandang mata, baiklah mari kita langsung saja ke langkah-langkahnya yaitu sebagai berikut

1. Login Ke Blogger
2. Klik Rancangan
3. Klik Edit HTML
4. Centang check box Expand Widgets Template
5. Untuk jaga-jaga bilamana terjadi kegagalan klik Download Template Lengkap
6. Tekan F3/Ctrl+F dan Cari/Ketikan script seperti di bawah ini

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

7. Setelah ketemu letakkan kode di bawah ini ke atas Script tadi
<div style='overflow:auto; width:ancho; height:300px;'>

8. Kemudian cari lagi script di bawah ini yang tidak jauh dari sebelumnya
</dl>

9. Lalu letakkan Script di bawah ini ke bawah Script tadi
</div>

8. Simpan Template dan lihat perubahannya

Selamat mencoba, semoga berhasil dan terima kasih telah berkunjung, silahkan berikan komentar Anda mengenai ini.

Keywords :

Jumat, 24 Februari 2012

Membuat Random Banner

ahabat Blogger, mungkin bagi yang belum mengetahui cara Membuat Random Banner (gambar yang di tampilkan secara acak) pastilah bertanya-tanya bagaimana sih cara membuatnya, dan ini pun akan mengingatkan bagi Anda yang lupa akan script random banner ini, sebenarnya pembuatannya pun sangatlah mudah karena sekarang ini Anda sudah saya sediakan scriptnya dan Anda hanya perlu melakukan langkah demi langkah untuk pemasangannya dan mengikuti intruksinya dengan benar dan random banner yang akan kita bahas saat ini yaitu untuk banner dengan ukuran 468x60 pixel, namun tenang Anda pun bisa merubahnya sesuai dengan kebutuhan Anda.

Sahabat blogger seperti yang telah kita ketahui bahwa kebanyakan dari sebagian jasa pemasangan iklan menggunakan random banner atau lebih tepatnya gambar yang di tampilkan secara acak yang akan berganti setiap situs di refresh/loading page, nah ini sangat bermanfaat sekali karena mau seberapa banyak pun banner yang kita gunakan namun tetap akan menghemat tempat karena kita di sini hanya menggunakan tempat untuk satu banner iklan saja yang akan di tampilkan secara acak, nah jadi hebat banget kan random banner ini,, dan tentunya dengan memiliki iklan banner yang sangat banyak akan semakin menguntungkan namun tampilan website Anda akan tetap cantik seperti biasanya,,, hehehe kaya cewe aja ya.. :) , namun bukan hanya untuk iklan saja namun ini juga bisa di gunakan seperti untuk merandom foto Anda dan teman-teman ataupun hanya untuk sekedar mempromosikan bisnis Anda di blog Anda sendiri, baiklah mari kita langsung saja ke langkah-langkah berikut ini ;
1. Login ke Blogger.com
2. Klik Rancangan

3. Di Elemen Laman klik Tambah Gadget

4. Lalu tambahkan HTML/JavaScript dengan cara klik tanda +

5. Masukan script di bawah ini kedalamnnya Lihat Langkah-Langkah Tambah Gadget HTML/Javascript Dengan Gambar

6. untuk membuat script ini bekerja dengan baik maka Anda harus mengganti atau mengisi script yang berwarna merah tentunya pada script

if (pasang_iklan==1) {

txt=" Tulisan Untuk Judul ";

url=" Alamat URL Tujuan ";

alt=" Text pengganti gambar yang tidak muncul ";

banner=" Alamat URL Gambar ";

width="468";

height="60";

}

yang hasilnya akan seperti contoh

if (pasang_iklan==1) {

txt="Mau Dapat Pulsa Gratis Kaya Web Ini ?";

url="http://BloggerBersatu.com/?ref=adepurnama";

alt="Mau Dapat Pulsa Gratis ?";

Banner="http://BloggerBersatu.com/images/468x60.jpg";

width="468";

height="60";

}

7.Untuk menambahkan banner Anda cukup menambahkan kembali script di bawah ini dan mengisinya lalu rubah juga script var Jumlah_Banner = 3; nilai 3 nya di samakan dengan nilai yang berada pada script if (Pasang_Banner==3) { yang terakhir, misal anda sudah mempunyai Banner sebanyak 3 tentunya dengan script var Jumlah_Banner = 3; dan (Pasang_Banner==3) { lalu Anda ingin menambahkan 2 banner lagi maka scriptnya menjadi var Jumlah_Banner = 5; dan (Pasang_Banner==5) { ,

Script yang mesti di tambahkan yaitu di bawah ini ;

if (pasang_iklan==4) {

txt=" Tulisan Untuk Judul ";

url=" Alamat URL Tujuan ";

alt=" Text pengganti gambar yang tidak muncul ";

banner=" Alamat URL Gambar ";

width="468";
height="60";

}

8. Simpan dan lihat hasilnya.

Keterangan :

Width="468"; Untuk mengatur Lebar masing-masing banner

Height="60"; Untuk mengatur Tinggi masing-masing banner

Selamat mencoba, semoga berhasil dan terima kasih telah berkunjung

Script HTML Textarea

Sahabat, sekarang saya akan membagikan apa yang saya ketahui mengenai script HTML textarea atau tag <textarea> , disini saya hanya akan menyajikan artikel
Browser yang mendukung penggunaan script HTML <textarea>

Contoh penggunaan script <textarea>

<textarea rows="2" cols="20">.

Masukan tek Anda di sini
</textarea>

Internet Explorer, Mozilla Firefox, Opera, Google Chrome, Safari

Tag <textarea> didukung di semua browser utama seperti browser di atas

Definisi dan Penggunaan

Tag <textarea> mendefinisikan kontrol multi-line text input.

Sebuah textarea dapat menampung jumlah yang tidak terbatas karakter, dan membuat teks dalam font fixed-width (biasanya Kurir).

Ukuran area teks ditentukan oleh cols dan atribut baris.

Diperlukan Atribut

DTD mengindikasikan di mana HTML 1.0 4.01/XHTML DTD atribut diperbolehkan. S = ketat, T = Transisi, dan F = Frameset.

Atribut	Nilai	Deskripsi	DTD
cols	jumlah	Menentukan lebar terlihat dari text area	STF
baris	jumlah	Menentukan jumlah terlihat baris dalam text area	STF

Opsional Atribut

Atribut	Nilai	Deskripsi	DTD
cacat	cacat	Menentukan bahwa text area harus dinonaktifkan	STF
nama	teks	Menentukan nama untuk area teks	STF
readonly	readonly	Menentukan bahwa text area harus baca-saja	STF

Standar Atribut

Tag <textarea> mendukung atribut standar berikut:

Atribut	Nilai	Deskripsi	DTD
accesskey	karakter	Menentukan cara pintas keyboard untuk mengakses suatu elemen	STF
kelas	classname	Menentukan classname untuk suatu elemen	STF
dir	rtl ltr	Menentukan arah teks untuk konten pada suatu elemen	STF
id	id	Menentukan sebuah id unik untuk elemen	STF
lang	language_code	Menentukan kode bahasa untuk konten pada suatu elemen	STF
gaya	style_definition	Menentukan gaya inline untuk suatu elemen	STF
tabindex	jumlah	Menentukan urutan tab dari suatu elemen	STF
judul	teks	Menentukan informasi tambahan tentang elemen	STF
xml: lang	language_code	Menentukan kode bahasa untuk konten dalam suatu elemen, dalam dokumen XHTML	STF

Informasi lebih lanjut tentang Standar Atribut .

Acara Atribut

Tag <textarea> mendukung atribut acara berikut:

Atribut	Nilai	Deskripsi	DTD
onblur	naskah	Script akan dijalankan ketika suatu elemen kehilangan fokus	STF
onchange	naskah	Script akan dijalankan ketika sebuah perubahan elemen	STF
onclick	naskah	Script yang akan dijalankan pada satu klik mouse	STF
ondblclick	naskah	Script akan dijalankan pada mouse klik dua kali	STF
onfocus	naskah	Script akan dijalankan ketika suatu elemen mendapat fokus	STF
onmousedown	naskah	Script akan dijalankan ketika tombol mouse ditekan	STF
onmousemove	naskah	Script akan dijalankan ketika pointer mouse bergerak	STF
onmouseout	naskah	Script akan dijalankan ketika pointer mouse bergerak keluar dari suatu elemen	STF
onmouseover	naskah	Script akan dijalankan ketika pointer mouse bergerak di atas suatu elemen	STF
onmouseup	naskah	Script akan dijalankan ketika tombol mouse dilepaskan	STF
OnKeyDown	naskah	Script akan dijalankan ketika tombol ditekan	STF
onkeypress	naskah	Script akan dijalankan ketika tombol ditekan dan dilepaskan	STF
onkeyup	naskah	Script akan dijalankan ketika tombol dilepaskan	STF
onselect	naskah	Script akan dijalankan ketika suatu elemen yang dipilih	STF

Keywords : Script HTML Textarea, kode HTML Textarea, code HTML Textarea, Script, kode, Code, <textarea>, script <textarea>, kode <textarea>, code <txtarea>, tag <textarea>, tag, script textarea, kode textarea, code txtarea, tag textarea

Masih Ingin Belajar