Menghilangkan Garis Bawah pada Link di Postingan Blog

Jika kawan perhatikan baik-baik kursor mouse diarahkan kesuatu link maka secara otomatis akan ditampilkan garis bawah pada link tersebut, tentu hal tersebut akan mengganggu keindahan blog. Jadi jika kawan ingin menghilangkan garis bawahnya (seperti Blogku), ikutilah tutorial berikut ini:

1.Login lah keblogger

2.Jika sudah masuk kehalaman Dashboard, klik link layout, lalu pilih Edit HTML

3.Pada halaman Edit HTML, centang Spand Template Widget, lalu cari kode dibwah ini:

a:hover,a:active {
color: #3C78A7;
text-decoration:underline;
}

4.Lalu ubah menjadi kodedibawah ini:

a:hover,a:active {
color: #3C78A7;
text-decoration:none;
}

5.Lalu Save Template.

Setelah itu coba Aplikasikan atau coba buat postingan yang berisi Link lalu lihat hasilnya!
Selamat mencoba...........

READ MORE - Menghilangkan Garis Bawah pada Link di Postingan Blog -->

Cara Menghilangkan Angka pada Label Postingan Blog

Secara default, jika kita memberi label atau kategori pada postingan maka secara otomatis halaman blog kita akan muncul nama label yang telah kita berikan beserta angka yang menunjukkan jumlah postingan.

Jadi semakin banyak jumlah postingan berlabel sama maka angkanya juga ikut bertambah. Contohnya seperti gambar dibawah ini:

Dengan adanya angka pada label maka pengunjung bisa tahu sudah berapa banyak jumlah postingan pada label tersebut. Namun ada sebagian blogger yang tidak suka dengan keberadaan angka ini karena menurutnya angka ini bisa mengurangi estetika blog.

Nah bagi anda yang ingin Menghilangkan Angka pada Label, caranya sangat mudah.

1.Login ke Blogger. Klik menu Design ==>Edit HTML

2.Lalu beri centang pada "Expand Template Widget"

3.Cari kode "" tampa tanda kutip.

4.Jika sudah ketemu, hapus kode tersebut lalu klik Save Template

5.Selesai, Klik View Blog untuk melihat hasilnya.

Selamat mencoba.......

READ MORE - Cara Menghilangkan Angka pada Label Postingan Blog -->

Apa itu Blog?

Bagi seorang blogger kata blog mungkin kerap kali didengar. Bahkan makin pamiliarnya dengan kata ini sampai2 web statis pun disebut sebagai blog.

Biar tidak ada lagi yang salah mengartikan blog. Maka disini akan menjelaskan sedikit mengenai pengertian blog dan apa perbedaan web site (statis) dengan blog.

Secara ringkas, blog adalah singkatan dari Webblog yaitu sebuah aplikasi berbasis web yang disusun secara kronologis dimana posting terbaru akan tampil pada halaman teratas dan diikuti psotingan-postingan sebelumnya.

Blog pertama kali muncul pada tahun 1990-an. Awalnya disebut webblog dan diperkenalkan oleh John Barger pada tanggal 17 desember 1997. Istilah kemudian dipersingkat menjadi blog oleh Peter Malholz.

Perbedaan antara blog dengan Website biasa adalah blog lebih mudah untuk mengupdate informasi sedangkan website biasa, halamannya cenderung tetap dan yang diUpdate hanya isi dari halaman tersebut.

Website biasa umumnya digunakan untuk menjual sedangkan blog lebih mengutamakan interaksi antara pemilik blog dengan pembaca blog dapat memberikan tanggapan atau tanggapan terhadap artikel yg diposting oleh pemilik blog. Perbedaan blog dengan Website adalah blog lebih dinamis dan mudah digunakan.

Pada awalnya blog digunakan oleh seorang blogger sebagai bentuk catatan (diary) online mereka, sehingga bebas dibaca oleh siapapun diinternet. Namun seiring dengan berjalannya waktu, blog telah berkembang menjadi bentuk yang lebih kompleks baik dari segi isi (konten), tampilan maupun kegunaannya.

Secara umum blog dapat dibagi menjadi 2 yaitu Blog gratis dan blog berbayar. Blog gratis adalah blog yg dibuat melalui situs penyedia blog gratis seperti Blogger.com, wordpress.com, Blogsome.com, Blogdetik.com, dan lain-lain.

Sedangkan blog berbayar yaitu blog yang dibuat menggunakan nama domain dan hosting sendiri. Disebut blog berbayar karena untuk membuat blog tersebut, anda harus membeli domain dan hosting melalu situs penyedia domain dan hosting. Kemudian menginstal platform (yang biasanya disedikan secara gratis).

Apa beda Blog gratis dan Blog berbayar?

Dari segi kinerja tidak jauh berbeda. Hanya untuk blog gratisan terlihat kurang profesional karena menggunakan sub domain. Contoh alamatnya, syamsewing.blogspot.com atau syam.wordpress.com dan kelangsungan blog ini sangat tergantung dengan situs penyediannya. Jika suatu saat situs penyedia blog menghentikan layanannya maka blog anda akan hilang.

Sedangkan Blog berbayar Menggunakan Top level domain (TLD) yang menggunakan akhiran .com .net .org, contoh syamsewing.com atau syamsewing.net sehingga terlihat lebih profesional. Dan blog berbayar tidak akan hilang selama anda memperpanjangkannya setiap tahun.

Jika anda ingin serius berbisnis Online tentu lebih baik menggunakan blog berbayar. Tapi untuk pemula, tidak masalah membuat blog gratis dulu toh dengan blog gratis pun anda sudah bisa menhasilkan uang diinternet dan anda bisa juga mengupgradenya menjadi blog berbayar dikemudian hari.

jika anda ingin membuat blog gratis. Saya menginginkan anda untuk membuat blogger.com karena blogger.com adalah milik google sehingga lebih aman dan mudah terindeks dan mesin pencari google.

READ MORE - Apa itu Blog? -->

Cara Menambah Menu Bar di Blog

Cara Membuat Menu bar di Blog, Dimana kita lihat tidak semua tamplate yang menyediakan Menu bar ini. Contohnya saja Tamplate bawaan blogger sendiri. Menu bar ini sebenarnya sama saja seperti Menu Label bawaan blogger tetapi bawaan blogger letak nya di belahan sidebar.juga bisa kita lihat menu label bawaan blogger membutuh tempat, kelihatan nya kurang menarik. Nah untuk teman yang ingin menambah Asesories menu bar ini tentu saja bisa. dengan bantuan kode script ke dalam tamplate anda. Menu bar ini terletak di bawah Header. Mau tau Bagaimana cara Membuat Menu bar nya??? Ikuti cara-cara di bawah ini. Baca Cara menambah Search Engine pada menubar

Berikut langkah-langkah cara Membuat menu bar di blog anda:

• Login terlebih dahulu ke blogger
• Klik Tata Letak
• Edit HTML
• Cari kode

]]></b:skin>

• Kemudian Copy Paste kode di bawah ini persis diatas kode ]]></b:skin>

#NavbarMenu
{
background:#ccc;
width:968px;
height:32px;
color:#FFF;
font:bold 8px Arial, Tahoma, Verdana;
clear:both;
margin:0 auto;
padding:0}
#NavbarMenuleft
{

width:955px;
float:left;
margin:0;
padding:0
}

#nav li
{
list-style:none;
float:left;
margin:0;
padding:0
}

#nav li a,#nav li a:link,#nav li a:visited
{
color:#fff;
display:block;
text-transform:capitalize;
font:normal 12px Georgia, Times New Roman;
margin:0;
padding:12px 11px 8px
}

#nav li a:hover,#nav li a:active
{
background:#ccc;
color:#FFF;
text-decoration:none;
border-right:1px solid #296204;
border-bottom:1px solid #296204;
border-left:1px solid #296204;
margin:0;
padding:12px 9px 8px
}

#nav li li a,#nav li li a:link,#nav li li a:visited
{
background:#ccc;
width:200px;
color:#fff;
text-transform:capitalize;
float:none;
border-bottom:1px solid #0d2601;
border-left:1px solid #0d2601;
border-right:1px solid #0d2601;
font:normal 14px Georgia, Times New Roman;
margin:0;
padding:7px 10px
}

#nav li li a:hover,#nav li li a:active
{
background:#184303;
color:#fff;
padding:7px 10px
}

#nav li a.enclose,#nav li a.enclose:visited
{
border-top:1px solid #000
}

#nav li ul
{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0;
padding:0
}

#nav li ul a
{
width:140px
}

#nav li ul ul
{
margin:-75px 0 0 171px
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul
{
left:-999em
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul
{
left:auto
}

#nav li:hover,#nav li.sfhover
{
position:static
}

#subnavbar
{
background:#004313;
width:968px;
height:24px;
color:#FFF;
margin:0;
padding:0
}

#subnav li a,#subnav li a:link,#subnav li a:visited
{
color:#f9fc01;
display:block;
font-size:11px;
text-transform:capitalize;
margin:0 5px 0 0;
padding:3px 13px
}

#subnav li a:hover,#subnav li a:active
{
color:#DCD900;
display:block;
text-decoration:none;
margin:0 5px 0 0;
padding:3px 13px
}

#nav ul,#subnav ul,#subnav li
{
float:left;
list-style:none;
margin:0;
padding:0
}

*,#nav,#subnav
{
margin:0;
padding:0
}

· Kemudian cari kode

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:section class='headerright' id='headerright' preferred='no'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
</div>Cari Berdasarkan <div id='header-wrapper'>

· Kemudian Copy paste kode di bawah ini di bawah kode tersebut

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl' title='This Blog Address'>Beranda</a></li>
<li><a href='http://jayaputrasbloq.blogspot.com/2009/12/informasi-pemasangan-iklan.html'><b>Pasang Iklan</b></a></li>
<li><a href='http://jayaputrasbloq.blogspot.com/2009/12/cara-menghasilkan-uang-dari-blog-anda.html' title='This Bisnis Online'>Bisnis Online</a></li>
<li><a href='http://jayaputrasbloq.blogspot.com/search/label/Template%20Design' title='This tamplate design'>Template Design</a></li>
<li><a href='http://jayaputrasbloq.blogspot.com/search/label/Twitter' title='This twitter'>Tutorial Twitter</a></li>
</ul></div>
</div>

· Ganti Alamat link diatas yang berwarna merah dan biru dengan link yang anda miliki

· Kemudian Simpan tamplate anda dan lihat hasilnya

Selamat mencoba......

READ MORE - Cara Menambah Menu Bar di Blog -->

Menambahkan Favicon Pada Blogger

Favicon atau Favorite Icon adalah sebuah icon mungil yang muncul pada address bar. Tampilannya seperti ini.

Untuk Memasang favorit icon. Terlebih dahulu Anda harus mempunyai sebuah gambar atau icon yang disimpan dalam format .GIF atau .PNG dengan ukuran 32x32 pixels.

Setelah Anda mempunyai icon. Upload iconnya ke image hosting. Banyak website yang menyediakan image hosting gratis. Seperti shareapic, Photobucket, Imageshack dan lain-lain. Kalau saya sendiri mengupload iconnya di photobucket.

Setelah iconnya diupload. Copy alamat URL dimana icon Anda disimpan. Login ke blog Anda. Klik Design -> Edit HTML. Cari kode yang dibawah ini:

<title><data:blog.pageTitle/></title>

Letakkan kode dibawah ini dibawah kode diatas

Jika iconnya disimpan dalam format .GIF, gunakan kode ini

<link href='alamat URL icon Anda' rel='shortcut icon' type='image/gif'/>

Jika iconnya disimpan dalam format .PNG, gunakan kode ini

<link href='alamat URL icon Anda' rel='shortcut icon' type='image/png'/>

catatan:

ingat ganti URL icon anda dengan URL dimana icon anda simpan. Misalnya, http://i25.photobucket.com/albums/e80/user/favicon32x32.gif


Kalau sudah, klik Save Template. Jika berhasil akan muncul "Your changes have been saved". Klik View blog untuk melihat hasilnya.

READ MORE - Menambahkan Favicon Pada Blogger -->

Cara Menghilangkan kotak Komentar pada Postingan

Beberapa hari yang lalu saya berusaha mencari beberapa tutorial blog di Internet ternyanta masih kurang. Tetapi hari ini saya akan memposting nya agar teman-teman juga bisa tahu.

untuk lebih jelasnya kita langsung aja!

pertama-tama silahkan anda login dulu keblog anda

kemudian pada DASBOR pilih "Rancangan"

terus pilih "Edit HTML"

kemudian cari kode dibawah ini:

kalo uda dapat kode scripnya, hapus aja kode tersebut lalu "seve template" setelah itu lihat perubahannya!!!!

READ MORE - Cara Menghilangkan kotak Komentar pada Postingan -->

Cara memasang Daftar Isi Blog

Sebenarnya saya dari dulu saya ingin tampilan blog saya memiliki daftar isi, agar kita lebih muda dalam mencari artikel yang ada dalam blog kita. Sekarang saya uda dapat solusinya.

Setelah saya cari-cari akhirnya saya menemukan cara membuat daftar isi secara otomatis pada blog saya. script ini saya dapat di dunia blog. Widget daftar isi ini akan memudahkan pembaca dalam mencari artikel yang ingin dibaca di blog Anda sehingga memungkinkan artikel blog Anda semakin populer.

silahkan link kesitus ini untuk menambah Widget :

http://www.blogger.com/add-widget

setelah situsnya terbuka maka:

Beri "judul" untuk nama Daftar isinya.
contoh:
"judul : Daftar Baca"
kemudian isi "Edit Konten" dengan kode dibawah ini:


<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;>
<script style="text/javascript" src="http://www.srbekasi.org/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://Nama.Blog.Anda/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>


Tulisan yang berwarna merah adalah isi dengan nama situs blog anda!

selamat mencoba!

READ MORE - Cara memasang Daftar Isi Blog -->