Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D)

Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D)

READ MORE - Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D)

Koleksi Logo Google Setiap Hari - Setiap Tahun

Kumpulan Logo Google. Logo Google yang resmi memang hanya satu, yaitu yang sering kita lihat tiap kali berkunjung ke homepage-nya, di mana logo tersebut terdiri dari huruf2 yang berwarna-warni yang bertuliskan "Google™". Namun, selain karena logo Google tersebut kelihatan unik dengan warna-warni yang cerah juga memilki nilai unik tersendiri ketika Logonya selalu berubah-ubah setiap kali ada hari-hari penting. Dengan kata lain Google selalu ikut merayakan hari-hari penting yang ada di seluruh dunia dengan cara menyesuaikan gaya logo yang bertemakan hari tersebut.

Berbicara mengenai logo-logo Google ini - Ngomong-ngomong ada yang nyimpan logo Google dari tahun ke tahun nggak sih, penasaran nih...pengen lihat-lihat? Hehe...yang menyimpan secara keseluruhan sih kurang tahu, akan tetapi bagi teman-teman yang ingin melihat koleksi logo-logo Google (Google Doodle) maka gak perlu susah-susah nyari ke sana ke mari, coz pihak Google sendiri sudah menyimpannya baik-baik (hehe...namanya juga kenangan^). Silahkan bagi teman-teman yang tertarik buat nengok-nengok tuh logo Google Doodle untuk mengunjungi situs Google Doodles. Selamat melihat-lihat logo Google Doodle!^

Semoga bermanfaat

READ MORE - Koleksi Logo Google Setiap Hari - Setiap Tahun

Aneka Cara Membuat Hyperlink

Membuat HyperLink/ tautan merupakan suatu hal yang tak pernah terpisah dengan blogging, baik itu membuat HyperLink berupa teks atau pun gambar. Manfaat yang dapat kita petik dari membuat HyperLink adalah, memudahkan kita untuk mengantar para pengunjung ke halaman yang kita hendaki, terkadang juga untuk memperpendek tulisan kita, seperti halnya anda ingin me-link ke blog ini, maka anda tidak perlu untuk menulis http://t4belajarblogger.blogspot.com karena anda cukup menulis di sini, yang kemudian kata sini-nya anda sisipi linkhttp://t4belajarblogger.blogspot.com, sehingga menjadi seperti ini: sini.

Untuk membuat HyperLink sangatlah banyak caranya, dan memiliki banyak macam, mari kita perhatikan macam-macam dan cara membuatnya sebagai berikut:


1. Membuat HyperLink teks yang terbuka di Tab yang sama.

Membuat HyperLink teks yang terbuka di tab yang sama sangatlah mudah, anda tinggal menggunakan kode HTMl berikut:

<a href="http://t4belajarblogger.blogspot.com">t4belajarblogger.blogspot.com</a>

Maka akan menjadi seperti berikut ini:

t4belajarblogger.blogspot.com, keterangan>>>Jika anda meng-klik link tersebut maka akan terbuka di tab yang sama. Bagi anda yang ingin menggunakan kode di atas, gantilah tulisan yang berwarnahijau dan biru, dan sesuaikanlah dengan alamat URL yang anda inginkan.

Selain itu bisa juga dengan cara lain yaitu menggunakan tombol yang telah disediakan oleh blogger.com, caranya adalah sebagai berikut:


1. Tulislah sesuatu yang ingin anda sisipi dengan suatu link, contoh:Google.

2. Blok tulisan Google tersebut.

3. Klik tombol HyperLink/ tautan yang terletak di bagian atas halaman penge-post-an.


4. Kemudian akan muncul kotak kecil baru, yang kemudian anda harus menulis URL tujuan.


5. Silahkan anda tulis alamat tujuan di bagian yang telah ditandai dengan elips merah, maka anda akan tulis http://google.com

6. Maka hasilnya adalah seperti ini: Google (jika diklik maka akan terbuka di tab yang sama)



2. Membuat HyperLink teks yang terbuka di Tabyang baru/ berbeda.

Untuk memulai membuat HyperLink teks yang akan terbuka di halaman tab baru maka anda perlu menggunakan Kode HTML berikut ini:

<a href="http://t4belajarblogger.blogspot.com" target="_blank">t4belajarblogger.blogspot.com</a>

Maka akan menjadi seperti ini:

t4belajarblogger.blogspot.com. untuk mencoba, silahkan anda klik link tersebut. Pasti akan terbuka di halaman tab baru.



3. Membuat HyperLink gambar yang terbuka di Tab yang sama.

Kodenya yaitu sebagai berikut:

<a href="http://t4belajarblogger.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizg0tLp_SF2PyxOA9h3mMesWFBJM2fHNXDcOxJnvaccJwRIU6Mms6ayIHcoO-ld6fYJ6jRWu6JV8cJaoyy6_gUCgWU6_MMT0lzUcbr7Wsua9QXyLjqJWpmYaw53-snJTXEKoZSwJI3MKSZ/" alt="halaman depan" /></a>

Keterangan...

Hijau: Adalah Alamat URL tujuan.
Orange: Alamat URL Gambar.
Biru: Keterangan gambar (bebas diisi apa saja, asal ada hubungannya).

Maka hasilnya adalah seperti ini:



Jika anda meng-klik gambar di atas maka anda akan di bawa ke suatu halaman namun tetap berada di tab yang sama.



4. Membuat HyperLink gambar yang terbuka di Tabyang baru/ berbeda.

Kode HTML:

<a target="_blank" href="http://t4belajarblogger.blogspot.com/"><img alt="t4belajarblogger.blogspot.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizg0tLp_SF2PyxOA9h3mMesWFBJM2fHNXDcOxJnvaccJwRIU6Mms6ayIHcoO-ld6fYJ6jRWu6JV8cJaoyy6_gUCgWU6_MMT0lzUcbr7Wsua9QXyLjqJWpmYaw53-snJTXEKoZSwJI3MKSZ/" border="0" /></a>

Keterangan...

Hijau: Adalah Alamat URL tujuan.
Biru: Keterangan gambar (bebas diisi apa saja, asal ada hubungannya).
Orange: Alamat URL Gambar.

Maka hasilnya adalah seperti ini:



Jika anda meng-klik gambar di atas maka anda akan di bawa ke suatu halaman dan berada di tab yang baru/ berbeda.


Selesai....Selamat mencoba!






Semoga Bermanfaat []

READ MORE - Aneka Cara Membuat Hyperlink

Cara membuat Tulisan Gerak / Marquee

Dari Judul di atas pasti anda sudah terbayang seperti apakah yang dimaksud dengan tulisan bergerak/ marquee. Dengan Tulisan bergerak anda juga dapat memperindah tampilan blog anda dengan kata-kata sambutan untuk para pengunjung blog anda atau juga dapat anda gunakan untuk mempublikasi pengumuman, atau hanya sekedar untuk menarik perhatian pengunjung. Biasanya tulisan bergerak ini, dapat anda tempatkan di bagian header/ bagian atas blog anda, sidebar kanan atau kiri, dan juga tidak sedikit ada yang menempatkannya di bagian bawah/ footer blog dengan tujuan untuk mengingatkan kepada para pengunjung untuk meninggalkan komentar setiap kali selesai membaca postingan (contohnya).

Marquee atau teks bergerak ini, memiliki banyak macam. Silahkan simak berbagai macam marquee berikut kodenya di bawah ini: (Nb: Sesampai di tata letak: pilih tambah gadget, lalu pilih HTML/JavaScript)


1. Marquee dari Kiri ke Kanan.

Tampilan:



marquee dari kiri ke kanan


Kode:

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

marquee dari kiri ke kanan

</MARQUEE>

2. Marquee Bolak-balik.

Tampilan:



marquee bolak-balik


Kode:

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee bolak-balik

</MARQUEE>

3. Marquee Diam Jika Ditunjuk.

Tampilan:



arahkan mouse anda di teks ini


Kode:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

arahkan mouse anda ke teks ini

</marquee>

4. Marquee HyperLink, Diam Jika Ditunjuk.

tampilan:



Oretanku


Profil Empunya Blog


Blog Jadi Terkenal 



Kode:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://blog-oret.blogspot.com/" target="new">Oretanku</a><br/>

<a href="http://www.blogger.com/profile/00282623483850735612" target="new">Profil Empunya Blog</a><br/>

<a href="http://www.linkreferral.com/adwel.pl?oldrefid=269884" target="new">Blog Jadi Terkenal </a><br/>

</marquee>

Semoga Bermanfaat []

READ MORE - Cara membuat Tulisan Gerak / Marquee

Membuat Sesuatu Tampil di Pojok

Judul di atas akan menjadi lebih jelas apabila teman-teman langsung nengok di bagian kanan bawah blog ini. Apakah yang dilihat oleh teman-teman? Ya' pasti gambar ini:  . Jadi dalam postingan kali ini membahas tentang bagaimana membuat sesuatu tampil di pojok blog. Untuk menampilkan sesuatu di pojok blog kita, maka kita butuh mengotak-ngatik beberapa kode CSS blog kita, bagi teman-teman yang belum tahu caranya jangan khawatir, karena di postingan kali ini akan dijelaskan secara mendetail.

Untuk memulai membuat sesuatu tampil di pojok blog, dapat dilakukan dengan langkah-langkah berikut ini:


1. Login/ masuk ke akun Blogger milik anda.

2. Ketika berada di halaman Dasbor, klik Tata Letak.

3. Sesampai di halaman Tata Letak, Klik Edit HTML.


4. Kemudian Cari Kode ]]></b:skin> (Gunakan Ctrl+F). Kalau sudah ketemu, letakkan kode berikut di atas kode tadi:

#pojok_blog {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

5. Tulisan yang dicetak tebal (bottom dan left), bisa anda ganti sesuai dengan keinginan anda. Apabila anda menggunakan kode di atas tanpa mengubahnya sedikit pun, maka nanti gambar/ icon anda akan tampil di bagian pojok Kiri bawah halaman blog anda. Anda bisa mengganti Bottom dengan Top untuk menghasilkan tampilan gambar di bagian pojok atas, dan juga anda bisa mengganti leftdengan right, untuk tampilan di bagian pojok kanan.

6. Selanjutnya, letakkan kode berikut ini persis di atas kode</body> (Jangan lupa menggunakan Ctrl+F, agar lebih cepat):

<div id="pojok_blog">
<a href="http://t4belajarblogger.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizg0tLp_SF2PyxOA9h3mMesWFBJM2fHNXDcOxJnvaccJwRIU6Mms6ayIHcoO-ld6fYJ6jRWu6JV8cJaoyy6_gUCgWU6_MMT0lzUcbr7Wsua9QXyLjqJWpmYaw53-snJTXEKoZSwJI3MKSZ/" border="0" /></a>
</div>

7. Jangan Lupa klik Simpan Template.

8. Selesai...


Nb:

Bagi teman-teman yang ingin menampilkan sesuatu namun bukan icon/ gambar. Teman-teman bisa menampilkan sesuatu yang mengandung kode HTML atau Java Script, dengan cara menghapus kode berikut ini, lalu diganti dengan kode script yang ingin ditampilkan:

<a href="http://t4belajarblogger.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizg0tLp_SF2PyxOA9h3mMesWFBJM2fHNXDcOxJnvaccJwRIU6Mms6ayIHcoO-ld6fYJ6jRWu6JV8cJaoyy6_gUCgWU6_MMT0lzUcbr7Wsua9QXyLjqJWpmYaw53-snJTXEKoZSwJI3MKSZ/" border="0" /></a>


Selamat mencoba...!



Semoga Bermanfaat []

READ MORE - Membuat Sesuatu Tampil di Pojok

Cara Memosting Kode HTML

Memosting kode HTML atau JavaScriptlain halnya ketika kita ingin memosting tulisan biasa. Ketika kita ingin memosting kode HTML, ada beberapa langkah agar kode HTML yang kita posting bisa muncul sebagai kode HTML yang semestinya. Yang menjadi masalah adalah apabila kita memosting kode HTML langsung ke halaman pemostingan kita, maka yang muncul nantinya bukannya kode HTML tersebut, akan tetapi wujud dari kode HTML tersebut. Belum ada bayangan mengenai kasus ini? Mari kita simak kasus berikut...

Suatu ketika teman-teman ingin memosting kode berikut ini ke dalam postingannya teman-teman:

<div style="text-align: center;"><a target="_blank" href="http://t4belajarblogger.blogspot.com/"><img border="0" alt="t4belajarblogger.blogspot.com" src="http://software2iqbal.files.wordpress.com/2009/11/banner_t4belajarblogger.jpg"/></a></div>

Lalu apa yang terjadi? Yang terjadi adalah, bukannya kode di atas yang muncul akan tetapi wujud dari kode di atas, seperti ini:

Tentu bagi teman-teman yang menghadapi masalah ini akan merasarisih, apalagi teman-teman sudah benar-benar memiliki niat buat membagi-bagi ilmunya melalui postingan yang ingin dibikin.

Agar lebih singkat, maka teman-teman harus mengubah kode-kode di atas ke bentuk yang nantinya kalau diposting yang muncul bukanwujud si HTML akan tetapi masih dalam wujud Kode, caranya gampang:

1. Kunjungi centricle.com.

2. Dan nantinya teman-teman akan berhadapan dengan halaman seperti berikut ini:


3. Maka selanjutnya yang harus dilakukan oleh teman-teman adalah,mengganti kode yang ditandai dengan Elips merah no.1 dengan kode HTML yang ingin diposting oleh teman-teman. Selanjutnyauntuk mengubah kode HTML teman-teman ke wujud kode postingan, maka kliklah Encode yang ditandai dengan no.2, dan tombol Decode no.3 berfungsi untuk mengembalikan kode postingan ke kode HTML.

4. Kopi kode hasil Encode teman-teman ke halaman postingan teman-teman. Untuk melihat hasilnya, teman-teman bisa mengklik tulisan Pratinjau yang telah disediakan oleh pihak blogger di halaman posting.

Bagaimana? InsyaAllah berhasil tuh.

5. Selesai.


Selamat berkreasi...




Semoga Bermanfaat []

READ MORE - Cara Memosting Kode HTML