Eksekusi link pada jendela baru

FEB

23

12:52 | Author: Tips Triks

membuat Eksekusi link pada jendela baru untuk bertujuan untuk memudahkan pembaca, kalau biasanya suatu link yang akan kiat eksekusi(diklik) akan membuak pada jendela yang sama, sehingga jika anda ingin melihat post yang tadi sebelum di eksekusi anda harus menekan tomblo forward, agar link yang di klik terbuka pada jendela yang baru anda harus mengikuti cara berikut:
biasanya anda membuat suatu link script nya seperti berikut:

<a href="link_dituju">nama link</a>

ganti text yang berwarna merah dengan alamat blog anda, misalnya:http://dhedie-tips-triks.blogspot.com dan ganti text yang berwarna biru dengan nama link misalnya:tips dan triks
sehinggan scriptnya menjadi seperti ini:

<a href="http://dhedie-tips-triks.blogspot.com">tips dan triks</a>

dengan script yang seperti di atas maka saat anda membukanya, akan terbuka pada tempat yang sama(link yang sedang kita buka)
cara pertama :
- anda harus menambahkan Script target="_new sehingga script nya menjadi seperti berikut:

<a href="http://dhedie-tips-triks.blogspot.com" target="_new">tips dan triks</a>

hasilnya:
tips dan triks

cara kedua :
- dengan menambahkan target="_blank" sehinggan script nya menjadi seperti berikut :
<a href="http://dhedie-tips-triks.blogspot.com" target="_blank">tips dan triks&lt;/a>

Membuat Efek Kembang Api pada Blog

FEB

23

10:44 | Author: Tips Triks

seperti kebiasaan pada tahun baru yang meletuskan kembang api 
nah sekarang kembang api bisa ada pada blog anda gimana cara 
membuatnya , langsung aja :
1. login dulu
2. masuk ke tata letak >> element halaman
3. tambah gedget >> html/java script
4. masukkan code berikut :

<script src="http://www.geocities.com/yono_pati/kembangapi.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>

5. simpan
6. lihat hasilnya, wah sekarang blog anda dihiasi dengan kembang api 

Menghilangkan garis bawah pada link

FEB

23

10:11 | Author: Tips Triks

untuk menghilangkan garis bawah pada link yang ada pada blog anda, anda harus mengedit style css biasanya code tersebut seperti yang ada di bawah ini:

a:link{ color:#FF0000; text-decoration:underline}
a:visited{ color: #0000FF; text-decoration:underline}
a:hover{ color: #7401DF; text-decoration:underline}

keterangan :
-code paling atas :link berwarna merah dan bergaris bawah
-code yang ditengah: link akan berubah menjadi warna biru dan bergaris bawah jika pernah di kujungi 
-code paling bawah:code akan berubah menjadi warna ungu jika mouse didekatkan
sekarang mulai pengeditan

sebelum memulai pengeditan anda sebaiknya anda harus mengbackup terlebih dahulu template anda 
cara nya:
1. login terlebih dahulu
2. masuk ke tata letak >> edit html
3. jangan lupa beri tanda centang pada Expand Widget Templates
4. cari kode seperti berikut :

a:link{ color:#FF0000; text-decoration:underline}
a:visited{ color: #0000FF; text-decoration:underline}
a:hover{ color: #7401DF; text-decoration:underline}

5. untuk menghilangkan garis bawah anda harus mengubah text-decoration:underline menjadi text-decoration:none
sehingga codenya menjadi seperti berikut:

a:link{ color:#FF0000; text-decoration:none}
a:visited{ color: #0000FF; text-decoration:none}
a:hover{ color: #7401DF; text-decoration:none}

6. simpan template

Membuat pesan konfirmasi

FEB

23

09:06 | Author: Tips Triks

asyik juga kalau pada saat blog kita tampil ada pesan konfirmasi,
nah penasaran gi mana sih pesan konfirmasi itu
anda bisa melihatnya pada gambar di bawah ini :


cara membuat nya :
1. login ke blogger
2. masuk ke tata letak >> Element halaman
3. pada Element halaman anda tambah gedget >> HTML/Java Script
4. masukkan code berikut:

<script type="text/javascript">
confirm('Welcome to my blog. Apakah Anda yakin untuk melanjutkan?');
if (confirm('Welcome to my blog. Apakah Anda yakin untuk melanjutkan?')) {
window.location = "http://dhedie-tips-triks.blogspot.com";
}
else {
window.location = "http://google.co.id";
}
</script>

5. pada text yang berwarna merah anda bisa menggantinya dengan kata yang anda akan tampilkan
6. pada text yang berwana biru anda bisa menggantinya dengan dengan alamat blog anda, text yang berwarna biru ini adalah alamat yang kana dituju jika memilih pilih ok
7. pada text yang berwarna hitam , anda bisa menggenti alamat yang lain, pada kata yang berwarna hitam ini adalah alamat yang dituju jika memilih pilihan batal
8. simpan
9. lihathasilnya dan selesai