Link-Link Blog
Tampilkan postingan dengan label Tools Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tools Blog. Tampilkan semua postingan

Rabu, 03 Oktober 2012

Trik Pasang Jam & Tanggal Tanpa Edit HTML Blog

Bikin Widget Jam dan Tanggal di Blog Dengan JavaScript


 Trisatya Blog.berhubung saya gak suka basa basi langsung saja cara pertama pasang widget jam & tanggal
Kode aslinya didapat dari javascriptkit :
 <script type="text/javascript">
 window.setTimeout("jam()",1000);
 function jam() {
 var tanggal = new Date();
 setTimeout("jam()",1000);
document.getElementById("hasil").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
 }
 </script>

  <table align=center style="border:0px cyan" bgcolor="transparent"><tr><td>
 <strong><font face="verdana">
 <div id="hasil"></div>
 </font></strong>
 </td></tr></table>

    setelah dapet kodenya lalu add widget >HTML/Javascript paste save, liat hasilnya.

tambahkan tanggal dan tahun ini codenya :
  <script>

/*Current date script credit:
JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
Modified by anwar-lahai.blogspot.com
*/

var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mey","Juni","Juli","Agustus","September","October","November","December")
document.write("<small><font color='f00088' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>")

</script>

Masalah dimana diletakkan itu terserah sobat, bisa juga seperti tampilan dibawah ini...
trik kedua :   

Lengkapi Blog Dengan Gadget Jam

 ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.clocklink.com
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
3. Silahkan kalian melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang kalian sukai, klik tulisan View HTML tag yang berada di bawah jam yang kalian sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat kalian di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang kalian sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang kalian inginkan
10. Selesai

Selamat mencoba.




Berpenghasilan Dari Sekedar Ngeblog




DESIGN========================================




































SECURITY======================================


























TRIK WINDOWS============================




  


































INTERNET==================================



  







Posted by at Tidak ada komentar:
Labels: , , ,

Sabtu, 29 September 2012

Membuat Menu Dropdown Sendiri Di Widget Blog


Hemat Tempat Dengan Menu Dropdown



Trisatya Blog.Menu dropdown ini digunakan untuk keperluan membuat daftar link, membuat daftar posting, atau sebagainya. Sebenarnya, kegunaan utama dari ‘Menu Dropdown’ ini adalah demi pemghematan tempat.

 langkah2 membuat :

 1. Masuk ke Blogger
2. Layout
3. Page Element => Add A Gadget => pilih HTML Javasript
4. Masukkan kode berikut,


<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option>- Judul Menu Dropdown -</option> 
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value=" Alamat Blog Sobat ">Judul dari Link </option> 
</select></form>

Note    :
* Warna biru adalah Judul Menu Dropdownnya
* Warna Hijau adalah Alamat Blog Sobat
* Warna merah adalah Judul Link
* Nah, untuk menambah isi dari dropdown ,maka Sobat tinggal memperbanyak kode

<option>- Judul Menu Dropdown -</option> 
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option> 

CONTOHNYA :


<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">


<option>- Judul Menu Dropdown -</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option> 


<option value="Alamat Blog Sobat">Judul dari Link Sobat</option> 


<option value="Alamat Blog Sobat">Judul dari Link Sobat</option> 


<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>  


<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>


<option value=" Alamat Blog Sobat ">Judul dari Link </option> 
</select></form>


Berpenghasilan Dari Sekedar Ngeblog




DESIGN========================================




































SECURITY======================================


























TRIK WINDOWS============================




  


































INTERNET==================================



  







Posted by at Tidak ada komentar:
Labels: , , ,

Cara Menambahkan Tombol Sendiri Di Widget Blog


Cara Pasang Button/Tombol sendiri dengan Link/Url Tujuan



Trisatya Blog.Cara simple untuk membuat button/tombol yang berisikan link atau Url tujuan. Jadi jika tombol tersebut diklik, maka akan ngelink ke url lain.

langsung saja kode simplenya adalah :
  1. 1.Login ke blog anda.
  2. 2.Pada halaman Dasboard klik "Rancangan".
  3. 3.Lalu klik "Tambah Gadged".
  4. 4.Kemudian klik "Html / Java Script".
  5. 5.Dan masukkan kode script yang ada dibawah ini lalu klik tombol "Simpan".


    <form method="get" action="http://joglio.blogspot.com/2012/09/my-music-storage.html#.UGdXbpE_Fkh"
    target="_blank">
    <input type="submit" value="my music" name="q">
    </form>
Mengatur Tinggi Lebarnya Button

<button onclick="”window.location=’URL TUJUAN’”" style="height: 30; width: 80;">Tombol</button>

Mengganti Warna Tombol

<button onclick="”window.location=’URL TUJUAN’”" style="background-color: pink; height: 40″; width: 150;"><b>Tombol</b></button> 
Ket:
1. Yang berwarna Merah silahkan anda rubah sesuai dengan link anda sendiri.
2. Yang berwarna Biru silahkan rubah sesuai keinginan anda.
3. Untuk tulisan _blank adalah : Sebuah keterangan yang menjelaskan ketika anda klik tombol tersebut maka akan muncul halaman  tab baru, namun jika anda menginginkan muncul pada halaman itu sendiri ganti tulisan _blank  menjadi   _self.

atau bisa menggunakan cara cepat dengan menambahkan kode <button>Tombol</button> pada bagian posting compose lalu ke html dan compose lagi untuk melihat script tadi telah berubah menjadi tombol selanjutnya baru tambahkan link sendiri dengan addlink yang ada pada kanan atas posting blog...jadi sudah





Berpenghasilan Dari Sekedar Ngeblog




DESIGN========================================




































SECURITY======================================


























TRIK WINDOWS============================




  


































INTERNET==================================



  








Posted by at Tidak ada komentar:
Labels: , , ,
Langganan: Postingan (Atom)