Cara Memasang Alt Tag Pada Gambar

Disini sofware for kita akan menjelaskan apa yang dimaksud dengan membuat alt tag. Bagi Anda yang belum tahu maksud dan tujuannya disini akan sedikit menjelaskannya. Kode alt tersebut dibutuhkan supaya search engine bisa membaca isi dari gambar yang anda posting. Karena search engine tidak bisa mengetahui secara otomatis apa yang Anda maksudkan pada gambar tersebeut, ini juga bertujuan untuk program meningkatkan SEO blog Anda. Bila Anda sudah menambahkan tag alt pada gambar tidak menutup kemungkinan gambar Anda akan muncul pada search gambar google yang akan dicari oleh pengunjung dan secara otomatis pengunjung akan klik gambar Anda dan secara otomatis pula akan menuju ke link blog Anda, ini juga akan menambah traffic Anda. Caranya sangat mudah tapi bagi yang belum mengetahui kan bakalan bingung. Tapi tenang aja software for kita selalu berbagi dengan Anda yang lagi kebingungan. Mari kita ikuti langkah-langkahnya cara menambah tag alt pada images berikut:

1. Dengan menambahkan kode: alt="kata kunci/keyword gambar"/

2. Kita bisa ambil contoh: <img src="http://URL gambar.jpg" >

3. Jika kita memasang alt tag maka hasilnya akan:
<img src="http://URL gambar.jpg" alt="kata kunci/keyword gambar"/ >

4. Ganti kode yang berwarna biru dengan keywords gambar Anda.

5. Semoga bermanfaat.

Read more »

Cara Mengganti Kursor Blog

Sekarang Anda bisa mengubah tampilan cursor pada blog Anda agar blog Anda akan tampil lebih menarik dan cantik karena tampilan kursor yang normalnya berbentuk panah berwarna putih. Mungkin Anda bosan dengan tampilan yang seperti biasa-biasa saja. Langkah ini juga tidak akan membuat blog Anda menjadi berat yang penting jika Anda mempunyai sidebar yang sebelah kiri jangan taruh script berikut ke widget sidebar sebelah kiri. Anda bisa menarunya di sidebar sebelah kanan atau lebih baik ditaruh di footer. Ok software for kita akan membahasnya dengan cara tutorial merubah tampilan kursor blog blogger blogspot dengan mengganti kursor yang cantik berikut ini:

1. Klik Rancangan.

2. Elemen Laman.

3. Klik Tambah Gedget.

4. Pilih HTML/Javascript.

5. Copy dan pastekan script dibawah ini ke content HTML/Javascript.

<style type="text/css">
body {
cursor:url("http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png")
,default}
</style>

Hasil kursor dari kode diatas:

6. Jangan lupa Save atau Simpan.

Anda bisa mengganti kode yang berwarna biru dengan kursor dibawah ini sesuai kursor keinginan Anda.


http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png


http://i886.photobucket.com/albums/ac63/AdiSangPemimpi/kursor.png


http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif


http://i40.photobucket.com/albums/e230/dh34sy/flame.gif


http://i425.photobucket.com/albums/pp332/hippmibjkt/sym455.jpg


http://i340.photobucket.com/albums/o350/tomrat2212/emon.gif


http://i872.photobucket.com/albums/ab288/bebe_munya/kursor1.gif


http://i872.photobucket.com/albums/ab288/bebe_munya/kursor2.gif

7. Terakhir apabila Anda memiliki link kursor yang lain yang cocok untuk blog Anda atau yang Anda inginkan Anda bisa menggantinya sesuka hati Anda.

Read more »

Cara Membuat Convert Kode HTML

Mungkin Anda bingung cari kesana kemari untuk membuat convert konversi kode html / javascript agar kode html bisa diposting pada blog Anda. Disini software for kita akan memberikan scriptnya buat Anda agar blog Anda memiliki convert sendiri tanpa meminjam convert dari blog lain. Convert konversi kode html ini rekomendasi dari om google yang selalu setia menemani kita dalam dunia internet. Pastinya Anda sudah mengerti kan maksud dan tujuannya menggunakan parse kode html ini. Kalau sudah mengerti langsung saja ikuti tutorial cara memasang convert kode html di blog blogger blogspot berikut:

1. Copy script html dibawah ini.

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=1000&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=570&amp;h=250&amp;title=Post-Code%3A+code+converter&amp;border=%23ffffff%7C0px%2C1px+solid+%23595959%7C0px%2C1px+solid+%23797979%7C0px%2C2px+solid+%23898989&amp;output=js"></script>
<div style="text-align: left;">
<span ></span></div>

2. Pastekan ke dalam widget atau postingan Anda.

3. Kode yang berwarna merah lebar kolom convert dan yang berwarna biru adalah tinggi kolom convert. Anda bisa atur sesuai dengan kondisi template Anda.

4. Catatan Penting: kolom convert akan terlihat jika Anda sudah menerbitkan entri karena jika Anda pratinjau dan belum menerbitkan maka hasil postingan Anda tidak akan kelihatan atau keluar alias muncul.

5. Selesai dan semoga bermanfaat.

Read more »

Cara Posting Kode HTML

Banyak teman para kerabat menanyakan bagaimana cara membuat / menulis memposting kode html / javascript di blog. Karena pada dasarnya kode html tidak bisa langsung diposting pada blog blogger blogspot karena bisa dianggap pembacaan script html yang korupt. Jadi untuk menulis posting html ini maka harus diparse atau di convert dulu untuk mengganti karakter yang bisa diterima dengan ketentuan:

<	&lt;
>	&gt;
&	&
"	"
±	±
®	®
Spasi
©	©

Tetapi tidak mungkin Anda menulisnya satu persatu untuk memparse atau mengconvertnya, itu akan membutuhkan waktu yang lama. Penjelasan diatas bertujuan untuk memberitahu Anda supaya Anda mengerti maksud dan cara kerja dari convert agar bisa memposting kode html tersebut. Tapi tenang aja ada convert atau parse khusus yang didesain untuk menangani hal itu. Anda tinggal masukkan kode html ke kolom dibawah ini lalu tekan convert dan kemudian hasilnya bisa Anda taruh dipostingan Anda.

Post-Code: code converter
	Gadgets powered by Google

Read more »

Cara Membuat Widget di Header

Mungkin kita bingung dengan template yang kita pakai karena seakan kita kurang apa yang kita inginkan, terutama jika kita ingin menambahkan sesuatu di blog blogger blogspot kita, entah itu iklan, visitor, histats, live traffic feed, sitemeter, buku tamu dll. Cuma karena kita tidak bisa menaruhnya disebabkan oleh minimnya Gatged yang dimiliki oleh template Anda. Tapi sekarang software for kita akan memberikan Anda tutorial cara menambah widget di header blog. Tutorial ini sangat mudah tinggal Anda mengikuti apa yang instruksikan. Dengan cara ini widget dapat Anda gunakan untuk menaruh iklan atau yang lainnya, tapi terserah Anda Apa yang inginkan nantinya. Berikut langkahnya untuk memasang gatget di bawah header blog:

1. Login ke blogger, Dasbor pergi ke Rancangan lalu Edit HML.

2. Centang Expand Template Widget.

3. Anda juga perlu untuk membackup template asli anda terlebih dahulu dengan Download Template Lengkap dan memilih simpan/save dan menyimpannya pada hard disk. Cadangan ini akan bermanfaat jika ada yang tidak beres dengan langkah-langkah yang anda kerjakan.

4. Cari kode :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Judul Blog Anda (Header)' type='Header'/>

Kalau sulit bisa dengan cara cepat saat pencarian yaitu dengan tekan CTRL F/F3.

5. Yang berwarna merah tersebut maksudnya adalah maksimal widget pada header, hijau anda ganti dengan yes dan biru anda ganti dengan false.

6. Jangan lupa Save Template.

Read more »

Cara Memasang Meta Tag di Blog

Sekarang akan menjelaskan terlebih dahulu apa yang dimaksud dengan meta tag. Meta tag adalah sebuah kode java script atau HTML yang ditempatkan pada otak web atau blog untuk mempermudah spider yang digunakan oleh mesin pencari seperti google, yahoo, msn dll supaya lebih mudah mendeteksi blog atau web Anda sesuai dengan keyword yang Anda gunakan atau judul blog/web yang Anda pakai. Jadi dengan memasang meta tag ini berarti Anda sedang mengoptimalkan program SEO Anda agar Anda selalu mendapatkan ranking pertama pada search engine. Berikut meta ini adalah kolaborasi sendiri agar lebih optimal. Untuk lebih jelasnya Anda bisa mengikuti langkah berikut jika Anda ingin memasang meta tag. Software for kita juga juga menggunakan meta tag ini untuk mengoptimalkan SEO-nya. Jika berminat Anda ikuti cara membuat menambahkan meta tag pada bloger blogspot berikut:

1. Login ke blogger Dasbor pergi ke Rancangan lalu Edit HTML.

2. Cari kode <head> cari cepat dengan menggunakan F3/CTRL F.

3. Letakkan kode-kode meta tag ini dibawah ini dibawah kode <head>

A. Title
Judul pada blog Anda, ini sesuai agar judul blog Anda selalu yang tercepat di search engine pada saat keyword judul blog Anda masukkan. Anda bisa memodifikasi meta tag title default blogger agar lebih SEO. cari kode <title><data:blog.pageTitle/></title> dan Anda ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

B. Deskripsi
Meta tag ini menjelaskan deskripsi atau mengenai tentang blog Anda.

<meta name= "description" content="Deskripsi blog Anda" />

C. Keyword
Meta tag ini menjelaskan kata kunci yang akan Anda pakai optimasi SEO Anda. Kata kunci ini digunakan pada search engine sesuai dengan blog Anda.

<meta name="keywords" content="keyword1, keyword2, keyword3,dst" />

D. Rating
Meta tag ini menjelaskan web atau blog Anda boleh di akses untuk usia berapa (khususnya untuk blog yang memuat konten dewasa). Rating yang umum dipakai adalah general (semua usia), mature (dewasa), restricted (terlarang) dan 14 years (remaja). Coba Anda kondisikan sesuai dengan blog Anda.

<meta name="rating" content="general" />

E. Copyright
Meta tag ini menjelaskan hak cipta web atau blog Anda, seperti pada buku dan, ada pencipta dan karangan siapa, disini Anda bisa menggunakannya sebagai tanda bahwa ini adalah nama blog ini murni karangan Anda.

<meta name="copyright" content="2009, Nama blog Anda" />

F. Author
Meta tag ini menjelaskan pemilik dan pengelola blog Anda alias penulisnya. Sama halnya dengan copyright. Tapi ini diisi dengan nama Anda kalau yang coopyright itu diisi dengan nama blog Anda.

<meta name="author" content="Nama Anda" />

G. Distribution
Meta tag ini menjelaskan distribusi blog atau web Anda apakah global, everyone, local, regional, maupun Internal Use.

<meta name="distribution" content="global" />

H. Robots
Meta tag ini menjelaskan perintah dan ijin yang diberikan kepada robot/spider yang akan mengakses halaman blog Anda dengan ini berarti spider yang ada pada search engine tidak akan ragu memilih blog Anda karena Anda sudah mengijinkannya untuk indexnya di follow.

<meta name="robots" content="index, follow" />

Dengan ketentuan nilai perintah yang lain adalah noindex (tidak mengindeks halaman web), nofollow (tidak memberikan backlink halaman web), none (sama dengan noindex,nofollow).

I. Language
Meta tag ini menjelaskan bahasa yang dipakai di blog Anda.

<meta name="language" content="id" />

J. Geo Country
Meta tag ini menjelaskan asal web atau blog Anda.

<meta name="geo.country" content="id" />

K. Geo Placename
Meta tag ini fungsinya hampir sama dengan geo country namun lebih spesifik.

<meta name="geo.placename" content="Indonesia"/>

L. Expires
Meta tag ini menjelaskan apakah halaman blog Anda mempunyai tenggang waktu ditampilkan di search engine atau tidak ada batasan waktu. Jika Anda pengen seumur hidup bisa Anda pakai seperti kode dibawah ini.

<meta name="expires" content="never"/>

M. Revisit-after
Meta tag ini menjelaskan kapan robot harus kembali mengindeks halaman web atau blog sobat

<meta name="revisit-after" content="1 days"/>
(Ini menandakan bahwa blog Anda akan terupdate setiap harinya).

N. Target
Meta tag ini hampir sama dengan distribution namun lebih menekankan pada tujuan blog atau blog Anda untuk diindeks.

<meta name="target" content="global"/>

O. Spiders
Meta tag ini menjelaskan spider dan bot apa saja yang boleh mengakses web atau halaman blog Anda.

<meta name="SPIDERS" content="ALL"/>

Itu semua sebagian besar meta tag yang digunakan agar lebih sempurna lagi seperti yang sebutkan tadi. Semoga bermanfaat.

Read more »

Cara Membuat Gambar Melayang di Blog

Software for kita akan menjelaskan sedikit tutorial dan cara supaya blog Anda bisa kelihatan cantik dan menarik. Ini juga cara mempercantik blog karena blog yang menawan akan lebih banyak pengunjung yang suka nongkrong di blog Anda. Gambarnya bisa disesuaikan dengan kesukaan Anda. Anda juga bisa memasangnya dengan banner Anda atau yang lainnya. Gambar yang akan Anda pasang ini bentuk tampilnya permanen, maksudnya walaupun blog Anda scrool ke atas ke bawah maka posisi gambar tetap pada posisinya. Ini langkah tutorial cara memasang gambar melayang pada blogger blogspot berikut:

1. Login ke blogger, Dasbor pergi ke Rancangan lalu Edit HTML.

2. Centang Expand Template Widget.

3. Anda juga perlu untuk membackup template asli anda terlebih dahulu dengan Download Template Lengkap dan memilih simpan/save dan menyimpannya pada hard disk. Cadangan ini akan bermanfaat jika ada yang tidak beres dengan langkah-langkah yang Anda kerjakan.

4. Cari kode : ]]></b:skin>
Kalau sulit bisa dengan cara cepat saat pencarian yaitu dengan tekan CTRL F/F3.

5. Letakkan kode dibawah ini diatas kode ]]></b:skin>.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang berwarna biru adalah posisinya, kalau pengen ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right" atau juga tengan dengan "center". Begitu juga tulisan "bottom", jika pengen di posisi atas bisa diganti dengan "top". Dan yang berwarna merah adalah jarang dengan posisi blog Anda. Itu semua sesuai keinginan Anda dan selera Anda yang sesuai dengan blog Anda.

4. Langkah selanjutnya yaitu letekkan script dibawah ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://www.software4kita.com/">
<img src="http://i1212.photobucket.com/albums/cc459/engcellpulsa/20070717193729_burung_469cb8091c4f5.gif" border="0" /></a>
</div>

Kode yang berwarna biru diganti dengan url blog Anda dan yang berwarna merah diganti dengan photo atau gambar/banner yang Anda akan ditaruh di pojok blog Anda.

6. Jangan lupa Simpan Template.

Read more »