Code Generator : widget Image at the corner of web

Tuesday, October 14, 2008

generate badges to be put at the corner of web in 3 steps only.So simple and easy.
This widget support latest browser i.e IE7 and Firefox and not compatible with IE6 or below.

(1) Enter the full URL of the image

You can upload your own image at any image hosting [i.e. at KCBox.Net, photobucket, imageshack or others]

The following are the sources of images that you might like to use:
http://www.postsmile.net/
http://www.big-boards.com/smileys.php
http://www.world-of-smilies.com/
http://www.iconspedia.com/
http://www.vistaicons.com/
http://www.mysmileys.com/
http://en.wikipedia.org/wiki/Minnie_Mouse

Samples :



e.g. http://smilies.vidahost.com/games/gundam/vayeate_breath.gif
Note:Right-Click the image and Click Properties to know the image location or URL.



(2) Choose the position of your widget



(3) and Copy & Paste the code below before the </head> tag of your web if you want this Widget to load first or before </body> tag if you want it to load last:


Note:

This code is actually develop by my friend at KCBox.Net a place where you can host your image there for free. Thank you very much to him for struggling developing this code. I fully give him a credit for creating this code. Original code can be viewed here: http://widget.downloadfridge.com/

KCBox
Free Image Hosting



Reference :

  • http://adiwidget.blogspot.com
  • http://widget.downloadfridge.com


Selengkapnya...

Toturial Mengganti Icon pada address bar

Saat surfing di Internet, Anda pasti sering mendapati sebuah website/blog yang memiliki icon unik pada address barnya. Icon standar saat Anda membuat sebuah blog baru di blogger seperti terlihat berupa icon

Sekarang bagaimana merubah icon tersebut dengan icon yang anda defenisikan sendiri ? Berikut langkah-langkahnya :

Login ke akun blogger anda disini
Selanjutnya pilih Layout - Page Elements - Edit HTML
Pada jendela Edit HTML, tambahkan/rubah kode berikut yang berada dalam tag <head> .... </head>.

<link href='http://jelangkung.orgfree.com/aipdam/Post.gif' rel='shortcut icon' type='image/x-icon'>

Silahkan ubah lokasi icon/gambar pada teks yang berwarna hijau di atas dengan link gambar Anda sendiri, untuk memasang gambar Anda di Internet, cukup banyak hosting gratis yang bisa Anda gunakan, salah satunya di 000webhost.com, photobucket.com, googlepages.com, dll. Atau Anda bisa memanfaatkan link-link berikut :






http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
Setelah selesai, simpan template anda. Selamat Mencoba !

Referensi : http://trik-tips.blogspot.com

Selengkapnya...

Toturial Membuat Kotak Link Exchange

Monday, October 13, 2008

Agar blog kita bisa dikenal orang, biasanya blogger menyiapkan sebuah kotak link exchange (tukeran link) yang bisanya disertai dengan logo gambar sebagai ikon dari blog tersebut. Untuk membuat kotak link exchange seperti pada blog ini, ikuti tutorial berikut :

Pertama login ke akun blogger.com
Selanjutnya pilih Layout - Page Elements
Tentukan posisi gadget link exchange tersebut terus pilih Add Gatget, pilih HTML/Java Script
Kopi Kode Berikut pada bagian Content :

<center>
<a href="http://blog-xp.blogspot.com" target="_blank"><img src="http://jelangkung.orgfree.com/aipdam/blog-xp-faveico.jpg"/></a>
<br>
<textarea>
<a href="http://blog-xp.blogspot.com" target="_blank"><img src="http://jelangkung.orgfree.com/aipdam/blog-xp-faveico.jpg"/></a>
</textarea>
</center>


Silahkan sesuaikan pengaturan teks yang berwarna merah dengan link Anda
Simpan Tempate Anda.
Jika Berhasil tampilan dalam blog Anda seperti ini :




Selamat Mencoba !

Selengkapnya...

Blogger Template : Computer Related Templates

Saturday, October 11, 2008



Download Templates [ Mirror ]

Selengkapnya...

Blogger Template : Bloggerized Adsense



Download Template [Mirror 1]

Note : You can use your own picture as header image. Image Size: Width: 870px, Height: 180px

Selengkapnya...

Blogger Template: Perfection

Monday, October 6, 2008



This one is great for you if you like lots of columns. 3 sidebar columns on the right, 3 columns below the post, and 3 additional leaderboard-size columns to place ad banners! The template image above is captured from a 1024 pixels wide screen.

Header Image
The header image doesn't come with the template file. To put the header image in your blog, left-click on the image below and save the actual size into your computer. Then, upload the image into the Header Page Element in the Layout section of your blog.



Header image credit: adapted from miyukiutada.

If you want to use your own image for the header, the image has to be 938 pixels wide (with any height) to fit the header nicely. DO NOT click the 'Shrink to Fit' option in the Edit Header box because it'll make the image smaller than 940px.

Website : www.ourblogtemplates.com
Download Template

Selengkapnya...

Blogger Template: Columnus



Features

* The "Read more..." function is available to shorten posts.
* Almost all colors and fonts are easy to customize.
* Blog Posts Edit buttons are fully functional.
* Flexible number of sidebars.
* Menubar below the header for easy navigation.
* Header image can be easily changed.
* Tested ok in all browsers using Browsershots.org.

Website : www.ourblogtemplates.com
Download Templates

Selengkapnya...

Blogger Templates: Newspaper (xml)



Features :

  • The "Read more..." function is available to shorten posts.
  • Almost all colors and fonts are easy to customize.
  • Blog Posts Edit buttons are fully functional.
  • Flexible number of sidebars.
  • Menubar below the header for easy navigation.
  • Header image can be easily changed.
  • Tested ok in all browsers using Browsershots.org.
Website : http://www.ourblogtemplates.com
Download Templates

Selengkapnya...

Tutorial Texbox Auto Select Pada Blog

Tuesday, September 23, 2008

Langkah-langkah membuat text box / text area auto select saat di click :

Buka blogger, kemudian login menggunakan user dan password Anda, setelah berada pada bagian dashboard pilih blog yang akan Anda pasangi textbox / textarea yang memiliki fasilitas auto select. Selanjutnya pilih Layout - Edit HTML, pastikan opsi Expand Widget HTML tercentang.

Copy kode berikut di atas kode </head> template blog Anda.

< script type="text/javascript">
function SelectAll(id)
{
document.getElementById(id).focus();
document.getElementById(id).select();
}
</script >



contoh text area yang akan dipasangi fungsi auto select :

<textarea id="aa" rows=7 cols=32>



tambahkan kode berikut pada text area tersebut.

onClick="SelectAll('aa');"



contoh lengkapnya dapat dilihat pada cuplikan di bawah ini.

<textarea id="aa" onClick="SelectAll('aa');" rows=7 cols=32>



Untuk melihat hasilnya bisa anda temukan pada blog ini di kotak search.

Selamat Mencoba !

Selengkapnya...

Tutorial membuat label cloud pada blogger

Label cloud untuk blogger adalah daftar dari semua label yang terdapat pada blog, tapi menggunakan tampilan yang lebih menarik. Anda bisa menemukan contohnya pada blog ini. Tag Cloud pertama kali di publikasikan oleh phydeaux3 sedangkan artikel ini kami kutip dari bloggerplugins.org.

Tanpa berpanjang lebar berikut langkah-langkahnya :

Pertama buka akun blogger Anda, selanjutnya klik blog yang akan dipasangi Label Cloud, pilih Layout>Page Elements dan tambahkan sebuah widget Label. Pilih Sort labels Alphabetically pada kotak dialog widget labels.
Setelah label ditambahkan, selanjutnya pilih Layout>Edit Html (Opsi Expand the widget templates tidak perlu Anda centang agar kode terlihat lebih simpel).

Anda akan menemukan kode yang sama dengan :

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>


Sekarang ganti dengan :

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 25;
var maxColor = [0,255,0];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us

function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}

var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}

for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;
a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}

lc2.appendChild(ul);
</script>
</p>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<br/>Powered By:<small><a href='http://www.bloggerplugins.org'>Blogger Widgets</a></small>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Sekarang Cari

]]></b:skin>


dan ganti dengan :

#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:&quot;&quot; !important}
]]></b:skin>


Simpan Template dan jika berhasil, Anda akan melihat Label Cloud pada Blog Anda.
Selamat Mencoba !

Lihat contohnya disini

Referensi :
- appfreeware.blogspot.com
- www.bloggerplugins.org

Selengkapnya...

Daftar Istilah Dalam Blog

Berikut daftar istilah dalm blog yang wajib diketahui oleh para blogger :

Blog
Blog : istilah yang pertama kali digunakan oleh Jorn Barger untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar.
Weblog : istilah lain dari blog.
Blogging : kegiatan-kegiatan yang dilakukan dalam dunia blog.
Blogger : seseorang yang melakukan blogging.
arti lainnya: sebuah layanan blog dari google.
Blogosphere : komunitas dalam blogging.
Posting : kegiatan untuk mengirimkan artikel ke dalam blog.

Bentuk-Bentuk Blogging
Photoblogging : sebuah blog yang difokuskan pada dunia Photografi dan gambar-gambar.
Podcasting : metode untuk mendistribusikan file multimedia (video/audio) secara online melalui feeds
Autocasting : bentuk podcasting secara otomatis.
Blogcasting : penggabungan blog dan postcas dalam sebuah wensite.
Vlog / Vlogging : jenis blogging yang lebih senang menggunakan video daripada text.
Audioblog / Audioblogging : jenis blogging yang lebih senang menggunakan audio/musik daripada text.
Moblogs / Moblogging kegiatan blogging dengan menggunakan HP (handphone).

Komponen dan Fungsi-Fungsi Blog
Index page : halaman depan dari blog.
Header : bagian paling atas blog.
Footer :bagian paling bawah blog.
Sidebar : kolom-kolom yang berada di sisi blog.
Link : proses untuk menghubungkan ke suatu postingan/kontent atau ke web/blog yang lain.
Archive : sekumpulan/arsip dari semua postingan. Bisa dikelompokkan dalam bulan, tahun dsb.
Categories : sekumpulan/sekelompok spesifik dari beberapa artikel.
Commnets : Kompentar-komentar dari para pembaca blog.
Captcha : kependekan dari "Completely Automated Public Turing test to tell Computers and Humans Apart", yaitu sebuah gambar yang berisi kata atau huruf yang harus diketikkan untuk verifikasi. Berguna untuk menangkal spam.
Ping (Packet Internet Grouper) : berfungsi untuk memberitahu layanan-layanan yang berhubungan dengan blog (seperti tchnocarty dkk) bahwa kita baru menambah atau mengupdate konten blog kita.
Trackback : berfungsi untuk memberitahu bahwa kita me-link ke postingan atau kontent blog orang lain.
Blogroll : sekumpulan link yang dijukan ke blog yang lain.
Template : desain dasar blog.
Plugin : sebuah file yang berfungsi untuk menambah feature2 blog.
Dashboard : sebuah tampilan yang berisi kontrol-kontrol, tool, setting dll saat pertama kali kita login ke blog account.

Penyedia Layanan Blog
Blogger/Blogspot : Layanan blog gratis dari google.
Wordpress : Salah satu layanan blog gratis yang lain, memiliki feature yang lebih lengkap daripada blogger.com tapi kita tidak bisa mengotak-atik script HTML, kalo mau mengedit harus bayar dulu, jadi buat yang gratisan nggak bisa ngedit.
LiveJournal : Tolls blogging gratis dari SixApart
TypePad : Tolls blogging tidak gratis (bayar) dari SixApart.

Bloging Habits
Metablogging : menulis artikel tentang blogging.
Blogstipation : blogger yang sedang malas ngeblog, karena sedang bad mood atau nggak pingin ngeblog.
Blogopotamus : Postingan blog yang sangat panjang.
Bleg : adalah ketika seseorang memohon pada sebuah blog.
Blego : Blog+Ego, ukuran kekayaan blogger.
Blog Hopping : Berpindah-pindah dari satu blog ke blog yang lain.
Blogroach : Komentator yang tidak setuju dengan postingan atau kontent suatu blog, biasanya diungkapkan dengan kata-kata yang kasar.
Blogoholic : Pecandu Blog.
Blogorific / Blogtastic Suatu hal yang dahsyat dari perkataan blogger.
Blogsit : Pemeliharaan blog ketika sang pemilik utama blog sedang bepergian atau sedang liburan.
Blogvertising/Blogvert : Iklan-iklan yang ada di blog.
Blurker : Pembaca blog yang hanya melihat-lihat saja, tidak memberikan komentar atau apapun.
Blogathon : mengaupdate blog setiap 30 menit dan selama 24 jam non-stop.
Blogiversary : Ulang tahun Blog.
Blog Carnival : Link ke artikel yang lain yang disamarkan dengan topik yang spesifik.
Multiblog : menjalankan banyak blog.
Blog Tipping : pujian atau ucapan selamat setiap tanggal 1 setiap bulannya.
Blogger Bash : Pesta para blogger.
Reciprocal Links / Link Exchange : atau Link Love, saling me-link antara blog yang satu dengan blog yang lain.
Linkbaiting : menulis artikel yang bagus supaya dilink oleh blog yang lain.
Hitnotice : me-refresh browser berulang-ulang untuk melihat hit-counter atau melihat apakah ada komentar yang baru atau tidak.
Blogstorm / Blogswarm : Kegiatan komunitas blogger yang sangat besar.
Blogsnop : menolak respon dari komentator yang bukan temannya.
Doppelblogger : blogger yang menjiplak konten dari blog orang lain.
Blogophobia takut terhadap blog atau blogging.
Blogeerel : opini yang sama yang dikirim berulang-ulang pada sebuah blog.

Tipe-Tipe Blogger
Problogger : Blogger yang sudah profesional.
Blogebrity : Blogger yang sangat terkenal, kayak selebriti gitu.
Blogerati : Komunitas Blogger yang sudah pinter-pinter.
Blognoscenti : Blogger yang memiliki kemampuan yang spesial.
Commnetariat : Komunitas para komentator (lho emangnya ada? ).
Dooced : kehilangan pekerjaan gara-gara blognya.
Blogther : teman/saudara/keluarga blogger.
Blogstar : Blogger yang mengoperasikan blog yang sangat populer.

Web/Blog Feeds
Web Feed : format data yang disediakan untuk user agar bisa berlangganan pada postingan sebuah blog.
RSS : adalah sebuah file berformat XML untuk sindikas. RSS mengijinkan kita untuk berlangganan kepada web/blog yang menyediakan umpan (feed) RSS. RSS kependekan dari Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0).
XML : (eXtensible Markup Language).
RDF : (Resource Description Framework)
Atom : hampir sama dengan web feed.
Photofeed : web feed dengan lampiran gambar.

Semoga bermanfaat ....

Referensi :
- appfreeware.blogspot.com
- bestrack.blogspot.com

Selengkapnya...

Membuat Blog di Blogger.com

Sunday, September 21, 2008

Menurut Wikipedia, Blogger.com suatu layanan pembuatan dan penyimpanan blog yang dimiliki Google. Langkah-langkah membuat Blog di Blogger.com adalah :

  1. Kunjungi http://www.blogger.com
  2. Klik "CREATE YOUR BLOG NOW"
  3. Ketikkan alamat email dan password anda. Di display name,masukkan nama yang ingin anda tampilkan di blog anda (tidak harus nama asli). Pada word verification ketikkan huruf-huruf yang ditampilkan tepat di atasnya, dan jangan lupa memberi tanda di I accept the Terms of Service setelah anda membacanya. Klik Continue.
  4. Pilih nama untuk blog anda dan ketikkan di Blog title. Di blogger.com nama blog anda akan diakhiri dengan .blogspot.com. Pilih nama yang anda sukai dan masukkan di Blog address (URL) . Alamat blog anda akan menjadi: nama_yg_anda_ketik.blogspot.com. Anda dapat meng-klik Check Availability untuk memastikan nama yang anda inginkan masih tersedia. Bila tidak, silakan pilih nama lain. Bila sudah selesai, klik Continue.
  5. Pilih template yang anda sukai. Jangan kuatir bila anda belum yakin dengan pilihan anda. Anda dapat mengubah-ubah template sesuka anda nanti. Klik Continue.
  6. Selamat! Blog anda sudah siap.
Mulailah mengisi blog anda dengan meng-klik Start Posting. Setelah itu lihat hasilnya dengan meng-klik View Blog.

Selamat Mencoba !

Selengkapnya...

Apa itu Blog?

Saturday, September 20, 2008

Blog merupakan singkatan dari "web log" adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

Media blog pertama kali dipopulerkan oleh Blogger.com, yang dimiliki oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh Google.Com pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.

Blog mempunyai fungsi yang sangat beragam, dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis. Banyak juga weblog yang memiliki fasilitas interaksi dengan para pengunjungnya, yang dapat memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau yang bersifat non-interaktif.

Situs-situs web yang saling berkaitan berkat weblog, atau secara total merupakan kumpulan weblog sering disebut sebagai blogosphere. Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial terjadi dalam blogosphere, maka hal itu sering disebut sebagai blogstorm atau badai blog.

Referensi : id.wikipedia.org/wiki/Blog

Selengkapnya...