Tampilkan postingan dengan label tips widget. Tampilkan semua postingan
Tampilkan postingan dengan label tips widget. Tampilkan semua postingan

Kamis, 22 Oktober 2009

cara mengatur posisi widget dan gadget

mengapa ya jika saya pasang widget dan gadget seperti gambar, cbox, calender, jam, text animasi, eh posisinya kok selalu kekiri?
intinya, gimana si caranya mengatur posisi widget.? Misal /widget gambarnya mau di taruh agak ke kiri, kanan atau tengah.?
oh itu mah gampang, berikut caranya;

untuk mengatur posisi widget dan gadget. kalian dapat
menggunakan script ini, <center>script code kalian</center> dan <div align="center">script code kalian</div>

keterangan; text yang berwarna merah adalah kode perintah, sedangkan text tebal adalah tempat dimana kalian memasukkan code widget, berikut contohnya;

1.center

<div align="center">

<img width="70" src="http://tbn1.google.com/images?q=tbn:bWdJxf-EZIm-rM:http://www.setimes.com/cocoon/setimes/images/2006/09/11/NATASAphoto1.jpg" height="70">

</div>
tampilan pada browser akan menempatkan widget/image di tengah(center);




2.left


<div align="left">



<img width="70" src="http://tbn1.google.com/images?q=tbn:bWdJxf-EZIm-rM:http://www.setimes.com/cocoon/setimes/images/2006/09/11/NATASAphoto1.jpg" height="70">


</div>


tampilan pada browser akan menempatkan widget/image di kiri(left);




3.right


<div align="right">

<img width="70" src="http://tbn1.google.com/images?q=tbn:bWdJxf-EZIm-rM:http://www.setimes.com/cocoon/setimes/images/2006/09/11/NATASAphoto1.jpg" height="70">

</div>
tampilan pada browser akan menempatkan widget/image di right(kanan);



seperti yang saya katakan tadi, kalian dapat mengatur posisi widget anda seperti calender, jam, gambar, video, cbox, dsb.(sebaiknya gunakan firefox untuk tampilan yang lebih baik).
0ia, sekedar tambahan biasanya di script code widget kalian ada script width, height. Kalian dapat menyesuaikan angkanya sesuai dengan lebar sidebar kalian.!

Rabu, 14 Oktober 2009

link widget hit counter

mmm, sekarang banyak banget site yang menyediakan layanan widget hit counter. Sangking banyaknya, sampai-sampai bingung mau bahas yang mana. sebelumnya saya akan jelaskan sedikit apa itu hit counter;
  • hit counter adalah widget yang berfungsi untuk mendeteksi jumlah pengunjung blog/site kalian, jenisnya pun beragam, ada yang hanya menampilkan jumlah visitor/pengunjung, asal negara, ip adress, browser yang digunakan serta ada juga widget yang menampilkan beberapa laporan sekaligus
tadi saya katakan, banyak website yang menyediakan layanan hitcounter, berikut bebera linknya. silahkan kunjungi, pilih tampilan, copy code kemudian tambahkan di blog kalian;




kalian dapat memasang satu atau lebih hit counter, cara pasangnya juga sangat mudah. kalian hanya perlu berkunjung ke salah satu atau semua situs yang saya buat lisnya, kemudian get/you/widget/pilih tampilan, truz copy script/codenya. jika sudah di copy tambahkan di sidebar blog kalian dasbor =>> tataletak =>> tambah gadget =>> HTML/javascript =>> paste code yang kalian peroleh ke kolom content =>> SIMPAN

Sabtu, 10 Oktober 2009

cara pasang widget twitter badge



apa itu twitter badge.?
itu lho yang ada di sidebar kanan atas blog ini.
Sebenarnya banyak cara untuk pasang badge twitter,tapi aku pribadi mengikuti cara yang di anjurkan oleh blogger buzz.
ok,gak perlu basa-basi langsung pada intinya,brikut adalah caranya;
  • log in ke twitter dan blog anda,kemudian
  • twitter setting-account => jangan di cetang kalimat yang bertuliskan "PROTECT MY TWEETS",trus
  • klik link berikut;http://twitter.com/badges/blogger
  • sudah.? Kalau sudah,kalian akan di bawah ke menu,"ADD TWITTFR TO YOUR BLOGGER BLOG"
  • atur berapa jumlah tweets yang akan ditampilkan,"NUMBER OF TWEETS"
  • Beri atau ganti judul,"TITLE"(Contoh tampilan berada di sebelah kanan),kalau sudah
  • klik logo yang bertuliskan "ADD TO BLOGGER" atau link "GRAP THE CODE"
  • kalau saya pilih "ADD TO BLOGGER"
  • na',kemudian kalian akan di bawah ke menu,"MENAMBAH ELEMENT HALAMAN/ADD-WIDGET,kemudian
  • pilih blog=>title
  • trakhir klik "MENAMBAH WIDGET"
  • atur dah mau taruh dimana,lihat blog

jika kalian memilih "GRAP THE CODE",berikut caranya
  • klik,kemudian copy codenya
  • kembali ke menu dasbor,trus
  • tata-letak/edit layout-tambah gadget-html/javascript(n0.3)
  • beri judul dan paste code tadi di content-save/simpan
  • lihat blog

Bagaimana cara mengganti link "follow me on twitter" dengan gambar.?
contoh;


berikut caranya;
  • cari code berikut:

  • <a href="http://twitter.com/nicknameanda" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>

  • ganti text warna hijau folow me on twitter dengan kode berikut;

  • <img width="100" alt="follow me on twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia5wQY5XNTRnPvXGZFmeZuriREUEbscM4p_DCwrH-whMRibaei9prnpry7YAKnq5Im7o-nzMBvKzFvq7ZUXuQlGPvIFMHJZ5PR0ljORCG1SUJZElFoDWx8JwEGwyoY9aREyEWxqKmMRyI/s128/twitter1.jpg" height="40">

  • maka codenya akan menjadi seperti ini;

  • <a href="http://twitter.com/nicknameanda" id="twitter-link" style="display:block;text-align:right;"><img width="100" alt="follow me on twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia5wQY5XNTRnPvXGZFmeZuriREUEbscM4p_DCwrH-whMRibaei9prnpry7YAKnq5Im7o-nzMBvKzFvq7ZUXuQlGPvIFMHJZ5PR0ljORCG1SUJZElFoDWx8JwEGwyoY9aREyEWxqKmMRyI/s128/twitter1.jpg" height="40"></a>

  • kalau sudah,kemudian simpan
  • berikut adalah pilihan gambarnya



tampilan gambar
url gambar

follow me on twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia5wQY5XNTRnPvXGZFmeZuriREUEbscM4p_DCwrH-whMRibaei9prnpry7YAKnq5Im7o-nzMBvKzFvq7ZUXuQlGPvIFMHJZ5PR0ljORCG1SUJZElFoDWx8JwEGwyoY9aREyEWxqKmMRyI/s128/twitter1.jpg

follow me on twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0IJpHswyQgr7VQnEwYDja14FFFf7-PUy-mHe3eWMRtmVX9k3fKiKglD8Irs2gSeCsRr6TcruZ7t3XkzAws9c7DmqrxkDGGcttRm3mmmuHMbfzKMLHWqtCGFtopchj2XM0kHqLapn53JA/s128/twitter2.jpg

follow me on twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFfjxPBLntC5P1IgmtRUmRNkvdAbscV51iEYSopH_xfytf_W67typ_kqReSJHEA1Yv2Y5pt3DDwYWqHFJW6czlX-ZnTBZEZKLBPD4KewCO2LFngwbtaKsKT9cor9w9WT_p2zkxXE3H9o/s128/twitter3.jpg

follow me on twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRATnn0HrbTHCxURJYSOvgYcBLDR5yRQmj4OWFV9bNmMiLWJSCF9SleEVPVkX0gOPbdMOrgrlQeN7tRIsaaX_BcJkv6zN760A4lPmT69b9U5zvthFbYx3ASicILPreuJinjUXwghqylw/s128/twitter4.jpg

follow me on twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBodScLOeXK6Oy3i5_L8qqyp20k0R1A-ChbYGHrscdlC3378RMYLCtZRl9dlxMq9G7EG5TdISF82dl4wmxSu4YMAQPMPtdTRpI5FLJh7cuEkm6z-i7D50UVakrqY1-ET_7mqvK6fRIPTY/s128/twitter5.jpg

follow me on twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuqYpxVKaHD0aD1HBICd5K8xHmvHsbJXGwyii-SCPhkAjif-pfk8IW4DVj8IZ0ZVOQBOKDKu6DP13KlD_6KuMDuO5hXRlouwHJXKkVSGWPkitHZQTWQIxyAwA03Mzp0wUWq3jL3iNcsB8/s128/twitter6.jpg
jika tidak puas silahkan cari gambar sendiri,kreatiflah,maka kalian dapat mengganti gambar sesuka kalian.

Jumat, 09 Oktober 2009

cara pasang calender

sebenarnya sudah banyak site dan weblog yang membuat toturial cara pasang calender, ya kalian tahu itu. nah mumpung aku lagi gak ada inspirasi alias lagi malas yaudah daripada gak buat artikel sama sekali, kan lebih baik ada, ya walaupun kurang bermanfaat, iya toh.? 0k, kali ini saya akan mengajarkan kepada kalian dua cara pasang gadget calender.silahkan pilih salah satu

1.cara pertama;
  • log in ke blogger
  • kunjungi site ini; http://www.free-blog-content.com
  • kalo udah, cari link yang bertuliskan how to add calender to blogger, klik
  • kalo udah, di halaman berikutnya kalian akan di tawarkan pilihan kategori mulai dari animated, girl, animal, abtrack, dsb. Klik salah salah satu
  • abis itu, nah dibawahnya kan, ada contoh calender beserta codenya
  • copy code yang sesuai dengan tampilan calender keiingan kalian
  • setelah di copy, kembali ke
  • dasbor =>> tataletak =>> tambah gadget =>> HTML/javascript
  • paste code tadi di colom content, berikan judul
  • sebelum di simpan, sebaiknya kalian mengatur lebar dan tingginya
  • caranya cari code width="120" height="150", silahkan sesuaikan sendiri angkanya
  • 0ia, kalian juga dapat menghapus code lain setelah </center>
  • trakhir, simpan

cara kedua;

  • sangat mudah dan simple, berikut caranya;
  • log in ke blogger
  • dasbor =>> tata letak =>> tambah gadget =>> HTML/javascript
copy code berikut;
<script src="
http://sites.google.com/site/indamwhy/file-java-script/kalendermasehi.js"></script>
kemudian paste di colom content berikan judul, trakhir simpan. 0ia, jika kalian mengerti javascript ini adalah file mentahan dari; klik, file mentahan kalender.js silahkan lihat, edit dan upload sendiri. . . . Ho. . .ho. . .ho. . .