Archive for Maret, 2010

23 Maret 2010

Cara menghapus komentar blog


Wah…posting kayak gini…tapi gak apa2 deh..coz ini tutorial buat pemula atau newbie kayak aq ini,he he…cos gak tahu kok ada koment yang bertanya cara menghapus komentar blog,aneh ya….masak gak bisa,oh jangan ketawa! aq sendiri juga baru bisa loh menghapus komentar pada blog.he he he…
caranya mudah kok sob…kamu masuk aja ke blogger kamu,klik edit entri, pilih komentar yang mana yang ingin kamu hapus,setelah kamu klik maka akan muncul halaman postinganmu yang diberikan komentar tadi,lihatlah didekat komentar yang ingin kamu hapus akan muncul tools yang mirip kunci dah nongol maka kita masuk di kolom komentar dan kliatan kotak sampah, lihat gambar dibawah ini:

klik aja sob…maka hapus permanent aja komentar yang tidak kamu sukai atau nyepam ke blog kamu. selamat mencoba menghapus aja ya…semoga bermanfaat!

NB:Jika kamu tidak menemukan lambang tools atau tong sampah dimungkinkan struktur dari html template kamu yang kurang sempurna maka harus di edit dulu untuk menampilkan tools tersebut.

20 Maret 2010

Cara Membuat Iklan Melayang dengan Tombol Close


kali ini mau berbagi tips ngeblog yang berhubungan dengan iklan. Bagi Anda yang mempunyai blog yang rame pengunjung tidak ada salahnya kalau selain blog digunakan untuk menulis dan berbagi sesuatu baik cerita maupun tips dan trik, Anda jadikan sebagai tempat mencari uang di internet.

Yups dengan traffic yang rame pasti pendapatan akan mendatangi Anda dengan sendirinya. Nah ini saya mempunyai trik membuat iklan melayang dengan tombol close, yang mana trik iklan ini kelanjutan dari cara mebuat frame iklan dengan show/hide javascript. Memang trik kali ini adalah pengembangan atau trik yang simple, untuk caranya mari kita pelajari bersama-sama.

  1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
  2. Masuk ke Tab Tata Letak
  3. Pilih Elemen Halaman
  4. Tambah Gadget Pilih HTML / JAVASCRIPT
  5. Dan Copy kode di bawah ini kedalamnya…

<a onblur=”try {parent.
deselectBloggerImageGracefully();} catch(e) {}” href=”http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s1600-h/Widget.JPG”><img style=”margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;” src=”http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s400/Widget.JPG” alt=”” id=”BLOGGER_PHOTO_ID_5433478876639914642? border=”0? /></a>

<style type=”text/css”>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type=”text/javascript”>
function showHideGB(){
var gb = document.getElementById(“gb”);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(“gb”);
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + “px”;
if(x0!=xf){setTimeout(“moveGB(“+x+”, “+xf+”)”, 10);}
}
</script>

<div id=”gb”>

<div onclick=”showHideGB()”> </div>

<div>

<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.center = (30-gb.offsetWidth).toString() + “px”;
</script></center></div></div>

Simpan, dan lihat hasilnya

14 Maret 2010

Cara Pasang Bendera Google Translate Secara Vertical Atau Horizontal


Banyak sekali rekan-rekan yang kesulitan memasang bendera translate secara horinzontal (mendatar) di blognya. Sebenarnya cara membuat bendera translate agar mendatar sangat mudah, namun hal ini sangat terasa sulit bagi mereka yang belum mengetahui caranya. Anda tidak perlu khawatir, kali ini saya akan menjawab semua pertanyaan mengenai pemasangan bendera translate secara horizontal.

 Ambil kode google translatenya dulu disini.

  1. Setelah anda mendapatkannya copy-kan ke widgets Text, seperti terlihat pada gambar dibawah.
  2. Beri tanda centang pada [Automatically add paragraphs.], jika anda ingin membuatnya secara vertical. Dan jangan beri tanda centang, jika anda ingin membuatnya secara horizontal.
  3. Dan klik tombol [Save].
12 Maret 2010

Memasang histats blog


cara memasang widget histarts blogYa pasang histat juga ni di web baruku ini…bagi yang belum pasang widget histats pada blog atau web kamu silahkan aja pasang juga! disamping memantau trafik blog kita juga akan menambah keindahan blog kamu pastinya.

  • Masuk ke alamat http://www.histats.com/ dan login dengan e-mail dan password yang kita daftarkan sebelumnya
  • Klik Add Website
  • Isi form- form yang tersedia
    site url : isi dengan url blog / website sobat.. dengan format http://www.namablog.blogspot.com [misalnya http://www.didikandweta.blogspot.com atau http://www.didikweta.com (website)]
    title : isi dengan judul blog
    description : deskripsi blog
    Page views start value: jumlah page views awal
    visitor start value: jumlah visitor awal
    time zone : aturlah format wakunya
    type : tipe blog / websote
    category: termasuk jenis apa/ kategori apa blog/ wesbsite sobat
    caphtcha isi kode capchta yang muncul
  • Klik Continoue
  • klik icon seperti gambar di bawah ini:
  • klik Counter code
  • klik Add new counter
  • Selanjutnya;
    1. pilih kategori style widget histats yang tersedia
    2. pilih dan klik salah satu style/ model widget histats yang teman- teman minati
    3. Pilih dan atur informasi yang tampil
    4. klik simpan

    klik gambar untuk melihat ukuran sebenarnya
  • klik id counter yang telah kita buat tadi maka otomatis di bawahnya akan muncul kode script pemasangannya [Copy kode-kodenya]
  • Login ke blogger – pada halaman dashboard klik Tata Letak
  • klik Add Gadget – HTML/Javascript
  • Paste kode tadi
  • Simpan dan lihat hasilnya

Selamat mencoba dan sampai jupa di postingan berikutnya.

NB; jika histats tidak muncul sesuai settingan anda maka coba anda centang dulu kotak kecil di atas kode tersebut.

Tag: ,
11 Maret 2010

Membuat Menu Horisontal pada blogger


Membuat menu horisontal atau menu navigasi pada blogspot sudah sepatutnya anda ketahui,tapi kalo template yang kamu gunakan sudah ada menu horisontalnya mungkin kamu pengen mengganti dengan menu horisontal baru yang kamu sukai juga gak apa2,biasanya menu navigasi berada tepat dibawah header.dan kali ini aq akan share tutorialnya aja buat temen2 yang pengen membuat menu horisontal tepat dibawah header.

  • Login ke account blogger kamu.
  • Pilih Tata Letak –> Edit HTML –> centang “Expand Templte Widget”. Sebelum melakukan edit template, sebaiknya simpan dulu kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
  • Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #000000;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#bg_nav a:hover {
color: #000000;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}

#navleft {
width: 500px;
float: left;
margin: 0px;
padding: 0px;
}
#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 5px 0px 0px;
}
#navright a img {
border: none;
margin: 0px;
padding: 3px 5px 0px 0px;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #ffffff;
color: #000000;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #ffffff;
}
#nav a:hover {
background: #c06000;
color: #000000;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

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

}


  • Kode css yang berwarna merah diatas sesuaikan dengan blog kamu.
  • Kemudian cari kembali kode seperti di bawah ini.

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′
showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’test
(Header)’ type=’Header’/>

… dan seterusnya …

</b:section>
</div>


  • Letakkan kode dibawah ini tepat dibawah kode yang berkedip

<div id=’bg_nav’>

<div id=’navleft’>
<div id=’nav’>
<ul>
<li><a href=’http://Alamat_Blog_Kamu.blogspot.com/’>home</a></li&gt;
<li><a href=’http://Link_yang_dituju’>Add Link</a></li>
<li><a href=’http://Link_yang_dituju’>Add Link</a></li>
<li><a href=’http://Link_yang_dituju’>Add Link</a></li>
<li><a href=’http://Link_yang_dituju’>Add Link</a></li>
</ul>
</div>
</div>

<div id=’navright’>

<form action=’http://Alamat_Blog_Kamu.blogspot.com/search&#8217; id=’searchform’ method=’get’ name=’searchform’> <input id=’s’ name=’q’ type=’text’ value=”/> <input id=’searchsubmit’ type=’submit’ value=’Cari’/>
</form>

</div>

</div><!– akhir bg_nav –>


  • Lalu save template kamu.

Petunjuk: rubah kode yang berkedip dengan link kamu.