RSS

Pages

Tampilkan postingan dengan label Cara n' Trik. Tampilkan semua postingan
Tampilkan postingan dengan label Cara n' Trik. Tampilkan semua postingan
Post Icon

Cara mempercantik tampilan Title Bar

Diposting oleh Hamzah | Label:

Membuat TITLE BAR berjalan pada blog. Kali ini blogtegal akan sharing tentang cara mempercantik tampilan TITLE BAR berjalan. Ya ini digunakan untuk variasi aja gak terlalu penting sebenernya, lagi pula TITLE BAR juga gak terlalu terlihat karna berada dibagian paling atas. Untuk melihat contohnya silahkan lihat pada demo disini , Okelah langsung mawon.
Langkah membuat TITLE BAR berjalan.

  • login ke dashbord blog kamu.
  • pilih ''RANCANGAN / DESIGN''
  • pada halaman ''Element laman'' klik 'Tambah Gadget'
  • pilih widget ''HTML/Javascript'' dan tempatkan script berikut didalamnya.
  • terakhir klik SIMPAN
Script yang di copy:
<script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "WELCOME TO OUR WEBSITE"; tb8_messages[1] = "INFORMATION ABOUT INTERNET"; tb8_messages[2] = "AND THANKS FOR VISITING"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>

Keterangan:
" pada tulisan yang berwarna ungu adalah tampilan teks, ganti sesuai keinginan kamu.
" pada tulisan yang berwarna hijau tb8_speed = 125 adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan sesuai keinginan kamu.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Hamzah
Post Icon

Cara Membuat Cursor Berbintang

Diposting oleh Hamzah | Label:

Cara mempercantik cursor (pointer mouse), pada blog berplatform blogspot, yg mana kita tahu blog ber-platform blogspot memang cocok buat para blogger yg tidak ingin bersusah payah untuk mempercantik blognya, karena terbilang mudah dalam proses pembuatannya.

Untuk mempercantik suatu blog biasanya menggunakan javascript yg harus di tempatkan pada template maupun pada widget.
Yang akan di bahas di bawah ini oleh Blogtegal yakni
cara membuat cursor berbintang


Berikut langkah-langkah membuat cursor berbintang.
  • copy dan pastekan script-script di bawah ini pada widget javascrit/HTML.
  • cursor bintang warna merah
    <script src="http://blogtegal.googlecode.com/files/cursor_merah.js" type="text/javascript"/>
  • cursor warna hijau
    <script src="http://blogtegal.googlecode.com/files/cursor_hijau.js" type="text/javascript"/>
  • cursor warna biru
    <script src="http://blogtegal.googlecode.com/files/cursor_biru.js" type="text/javascript"/>
  • cursor warna ungu
    <script src="http://blogtegal.googlecode.com/files/cursor_ungu.js" type="text/javascript"/>
  • cursor warna putih
    <script src="http://blogtegal.googlecode.com/files/cursor_putih.js" type="text/javascript"/>
  • Jika anda newbie dan kurang jelas dalam memasukan script-script di atas, boleh lah Blogtegal berbagi caranya.
    • login ke dashboard blog anda.
    • pilih Rancangan
    • pada halaman elemen laman pilih tambah gadget
    • pilih widget HTML/JAVASCRIPT
    • lalu pastekan salah satu script di atas.
    • klik ''simpan'' selesai.


Bagaimana apa ada yg kurang jelas tentang
cara membuat cursor berbintang
atau anda malah menertawai artikel ini?

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Hamzah
Post Icon

Cara Memasukan Musik Di Blog Dengan Auto Play

Diposting oleh Hamzah | Label:

Cara Memasukan Musik Di Blog Dengan Auto Play. Sekarang Hujangede Online akan memberikan artikel totorial mengenai musik pada blog. Trik ini akan membuat blogspot semakin keren dengan musik. Penasaran?. . . .

Pada dasarnya Cara Memasukan Musik Di Blog Dengan Auto Play Ini supaya pengunjung blogspot tidak sepi. jika anda tertarik ikuti langkah - langkah dibawah ini :
1. Masuk Ke link ini divine music
2. Pilih Kategori 6 diantaranya > Klik Kategori
3. Setelah pilih kategori > cari nama band yang kamu mau disimpan di blogspot mu > dan pilih juga judul musik nya
4. setelah ketemu judul musik nya copy code HTML.
setelah di copy HTML nya tinggal paste di Blogspot mu :
1. login ke blogger
2. Langsung ke tata letak > Tambah gadget > Pilih HTML/JavaScript
3. pastekan code HTML yang tadi kamu copy di kolom HTML/JavaScript.
4. Klik Simpan. Dan liat hasilnya


! Sekarang sudah mengerti Cara Memasukan Musik Di Blog Dengan Auto Play. dengan ini blogspot kapten sudah ada musik nya dan sudah menjadi lebih bagus. Selamat mencoba dan semoga bermanfaat.

Original Source : Cara Memasukan Musik Di Blog Dengan Auto Play http://hujangede.blogspot.com/2011/03/cara-memasukan-musik-di-blog-dengan.html#ixzz1uvXVhgVk

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Hamzah
Post Icon

Cara Mudah Pasang Lagu di Blog

Diposting oleh Hamzah | Label:

Cara Mudah Pasang Lagu di Blog. Selamat Pagi sahabat Info Sinta, anda pernah menjumpai sebuah blog yang ada musiknya, tidak usah heran, andapun bisa melakukannya. Selain memasang lagu youtube di blog , kita dapat juga menggunakan ccript media player yahoo untuk memutar lagu otomatis saat blog dibuka oleh pengunjung. Lagu yang dipasang bisa dalam format mp3 maupun  lagu yang tersedia di website youtube. Dalam contoh postingan ini akan digabungkan fasilitas yang disediakan oleh yahoo dan live streaming video/lagu youtube.
Baca Juga
Berikut script yang bisa dipasang di blog (untuk memasang script lagu di sidebar bisa masukkan script di bawah ini ke gadget html/javascript )
<script type="text/javascript">
var YWPParams =
{
autoplay: true,
volume: 0.5,
defaultalbumart: 'http://somedomain.com/path/someimage.gif'
};
</script>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js">
</script>

<a href="http://www.youtube.com/watch?v=4XWYefe9EzI">Massachusetts</a>
<a href="http://www.youtube.com/watch?v=N42bYLoaZho">Bee Gees</a>

Tampilan yahoo media player bisa dilhat di bawah ini

Catatan:
Untuk mengganti lagu cukup ganti http://www.youtube.com/watch?v=4XWYefe9EzI ,dengan url lagu yang lain yang tersedia di situs youtube
Anda juga bisa memasang / menambahkan lagu hingga belasan /puluhan lagu dengan menambahkan script seperti di bawah ini dengan mengganti url lagu:
script lagu :
<a href="http://www.youtube.com/watch?v=N42bYLoaZho">Bee Gees</a>

Ganti  (http://www.youtube.com/watch?v=N42bYLoaZho) dengan url lagu yang akan dijadikan lagu background blog.



Contohnya bisa dilihat disini media player blog
Sekian artikel dari saya tentang Cara Mudah Pasang Lagu di Blog dan semoga bermanfaat.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Hamzah
Post Icon

Membuat Animasi Hujan Salju di Blog

Diposting oleh Hamzah | Label:

Membuat efek salju di blog, kenapa harus nulis ini  yah saya?. Tapi, apa salahnya berbagi. Saya hanya ingin membagikan sedikit informasi  kepada blogger yang lain khususnya yang mempunyai template dengan background atau warna dasar hitam. Akan kelihatan lebih menarik lagi tentunya jika diseimbangkan dengan warna putih. coz, warna putih itu berasal dari efek hujan saljunya loh.. Dingin
Walau lagi musim salju atau tidak. Kita tetap bisa kan membuat hujan salju di blog kita. Memang di sini tidak ada hujan salju,
tapi apa salahnya jikalau kita buat hujan salju di blog kita. Bagaimana caranya membuat hujan salju di blog kita? Mudah kok


Cara Membuat Hujan Salju di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script src='http://nirav07.110mb.com/jsnow.js' type='text/javascript'/>
  <script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>


 6. Simpan Template jika sudah selesai.

Selesai dech..(*n_n*)

  Selamat Mencoba yah sob....

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Hamzah
Post Icon

cara-mengganti-atau-merubah-tampilan cursor pada blogspot

Diposting oleh Hamzah | Label:

Waktu saya tetangah mencari informasi tetang Kontes SEO "Betwin188.com Agen Bola Terbaik Dukung Anti Rasisme EURO 2012" Tak sengaja bertemu blog yang memilki tampilan kursor yang bagus dan saya tetarik mempelajari bagaimana kursor diblognya bisa dirubag, Master Chef Dapur Tutorial Blogspot akhirnya bertanya sama simbah Google dan mendapatkan jawaban yang sangat banyak dari simbah.

Ternyata untuk memodifikasi  kursor setandar blog sangat mudah hanya perlu menambahkan beberapa kode pada template blog.

Berikut  langkah-langkah untuk mengganti kursor pada blog

  1. Pastikan Sobat Dapur sudah login menggunakan akun blogspot sobat
  2. Pilih Menu Layout atau Tata Letak
  3. Klik Tambah Gaget atau Add a Gadget
  4. Lalu pilih HTML/JavaScript
  5. Tambahkan kode berikut didalam Box HTML/JavaScript yang sudah sobat pilih tadi
    1. Kode ini Mengubah kursor standar tetapi tidak berubah saat kursor diatas link
      2. <style type="text/css">
      body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JSEPj1MD3OEI1qFAtv_4acD93oNNSeI02hAUYy1yYFHNaj9rZJksMqLK3ecyzWvIkCZB1rqrthXr7ZhGXo4PbEsrE6LmG5aEMib9qVcfyEf4FGl-ZMJkJLrPF0HZBfFeT7de-1lS3iRW/s320/kursor++2.png"), auto;}
      </style>
    2. Kode ini mengubah Kursor standar dan tetap berubah saat kursor diatas link
      3. <style type="text/css">
      body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JSEPj1MD3OEI1qFAtv_4acD93oNNSeI02hAUYy1yYFHNaj9rZJksMqLK3ecyzWvIkCZB1rqrthXr7ZhGXo4PbEsrE6LmG5aEMib9qVcfyEf4FGl-ZMJkJLrPF0HZBfFeT7de-1lS3iRW/s320/kursor++2.png"), auto;}
      body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JSEPj1MD3OEI1qFAtv_4acD93oNNSeI02hAUYy1yYFHNaj9rZJksMqLK3ecyzWvIkCZB1rqrthXr7ZhGXo4PbEsrE6LmG5aEMib9qVcfyEf4FGl-ZMJkJLrPF0HZBfFeT7de-1lS3iRW/s320/kursor++2.png"), auto;}
      </style>
  6. Klik Simpan
  7. Selesai dan Lihat Hasilnya
Apabila Sobat belum memiliki URL mouse sendiri, Dapur Tutorial Blogspot memiliki beberapa URL kursor yang bisa sobat dapur Tutorial Blogspot Gunakan Dibawah ini :


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4LpQwA2wh9MHzUm6jym5maNYUD3FKx9DQiqo4UWSVAtkBK9B62xEqtcOfLTBHgV7sUsbvE_h_9Im7cQriXuRgZAfnlfNDG0FSbGYtdjs25PETADA3XrIdARQzkm8u2tnzZlw38dESQOMX/s320/kursor+1.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JSEPj1MD3OEI1qFAtv_4acD93oNNSeI02hAUYy1yYFHNaj9rZJksMqLK3ecyzWvIkCZB1rqrthXr7ZhGXo4PbEsrE6LmG5aEMib9qVcfyEf4FGl-ZMJkJLrPF0HZBfFeT7de-1lS3iRW/s320/kursor++2.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZvpyvnc0TUz8SWyjpVs_jBYzBomEXDyGwLjjJXobt0bKNLHJ-DYoS0jY_3UDGE1cEZyrfljoR9EOVvJoQprDuRlT6P3jQcgdzE4esmTt81oH6fqm9NZFG-dg_LLgNC2IXeX5125lbqK1t/s320/kursor++3.png
Demikian Tutorial Blog tentang Cara Mengganti Atau Merubah Tampilan Korsor standar pada blog Semoga bisa membantu Sahabat blogger semuanya.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Hamzah
Post Icon

Cara mengganti logo blogspot - mengganti favicon blogger

Diposting oleh Hamzah | Label:


Blogger.com (blogspot.com) memberikan kebebasan kepada para bloggernya untuk mengubah faviconnya masing-masing. Lihat perbandingan dua gambar berikut. Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku. Bikinnya gampang kok. Saya akan tunjukkan kepada anda sekalian bagaimana mengganti favicon blogspot: 1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop. 2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel. 3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang) 4. Upload gambar ke ImageShack, Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmcbBOkCqB3unlablSEp-JhZWRsIJEGjF4gmMf2w6tKyhBufhraYNQG-E4h3tBLoHIqbp5EVcODD6gZh-GaQWN9LtVonl38sixjEVVbjjBbTQ5wc3x1nBqmhsI3EcxkF1ZTXYAGUXuhEE9/s512/icon3c.gif Updated - 23 Mei 2011 : Anda dapat mengupload file favicon ke 1. http://www.iconj.com/favicon_hosting.php 2. http://www.picpanda.com 3. http://www.fileden.com 4. http://mirrorimg.net 5. http://www.imageboo.com 5. Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML 6. Tekan CTRL+F, masukkan kata: , letakkan kursor anda sebelum tanda tersebut 7. Selipkan syntax berikut : (NB: Ganti alamat https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmcbBOkCqB3unlablSEp-JhZWRsIJEGjF4gmMf2w6tKyhBufhraYNQG-E4h3tBLoHIqbp5EVcODD6gZh-GaQWN9LtVonl38sixjEVVbjjBbTQ5wc3x1nBqmhsI3EcxkF1ZTXYAGUXuhEE9/s512/icon3c.gif sesuai alamat icon anda di ImageShack) 8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai Silahkan dicoba. Beri tahu saya hasil yang anda buat.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Hamzah
Post Icon

Cara login ke blogger yang telah dibuat

Diposting oleh Hamzah | Label:

Kadang bagi kawan-kawan pemula pengguna blog lupa cara masuk keblog yang telah dibuat sebelumnya, maka berikut saya beri sedikit petunjuk untuk hal tersebut.

Langkah-langkahnya sebagai berikut:

1. Jalankan web browser, kemudian aktifkan situs blogger dengan cara mengetikan www.blogger.com 

2. Masuk kebagian Sign In, setelah itu masukan User Name dan Password yang telah dibuat sebelumnya



3. Beri tanda check pada "Ingat saya" untuk mengingatkan atau menyimpan user name dan password pada browser (Demi keamanan jika kita online di warnet atau kantor sebaiknya jangan diberi tanda cek)

4. Klik tombol Sign In maka kita akan masuk ke halaman pengaturan atau Dasnboard


5. Tahap login selesai anda tinggal melakukan pengaturan pada Dasnboard.


Selamat mencoba :)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Hamzah
Langganan: Postingan (Atom)