Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan

Pelajari cara blog lewat ponsel

Ketika Anda mengirimkan teks ke BLOGGR (256447) atau foto ke go@blogger.com dari perangkat ponsel Anda, maka teks atau foto tersebut akan diposkan ke blog baru Anda.

Cara kerja

MMS
  • Pertama, kirim MMS atau email dengan kata 'REGISTER' ke go@blogger.com.
  • Kami akan menjawab dengan alamat blog seluler baru Anda, ditambah dengan kode klaim.
  • Posk ke blog seluler baru Anda, atau gunakan kode klaim untuk menyambungkan ponsel Anda ke blog lainnya.
  • Untuk mencopot akses perangkat Anda ke Blogger, kirimkan MMS atau email dengan kata 'UNREGISTER' ke go@blogger.com.

atau gunakan SMS
  • Pertama, kirim SMS dengan kata 'REGISTER' ke BLOGGR (256447).
  • Kami akan menjawab dengan alamat blog seluler baru Anda, ditambah dengan kode klaim.
  • Posk ke blog seluler baru Anda, atau gunakan kode klaim untuk menyambungkan ponsel Anda ke blog lainnya.
  • Untuk tidak memilih menerima pesan SMS ke ponsel Anda, ketik STOP kirim ke BLOGGR (256447)
  • Untuk mendapatkan bantuan dari perangkat seluler, ketik HELP dan kirim ke BLOGGR (256447)
  • Untuk menghapus tautan perangkat dari Blogger, SMS UNREGISTER ke BLOGGR (256447).
  • SMS ke BLOGGR (256447) saat ini hanya tersedia untuk nomor telepon AS.

Perangkat dan lainnya

Blogger Mobile bekerja dengan perangkat apa pun yang dapat mengirim teks via SMS, atau email via MMS. Google tidak mengenakan biaya untuk layanan ini. Berlaku biaya pengiriman pesan standar.
Blogger Mobile juga terpasang di beberapa ponsel kamera Sony Ericsson, sehingga Anda dapat mengirim ke blog hanya dengan beberapa klik.
Untuk penjelasan selengkapnya tentang blog via perangkat seluler, lihat: Bagaimana cara kerja Blogger Mobile?
Pengguna iPhone: Ponsel tanpa fitur MMS tetap dapat mengirim posting ke Blogger melalui email dengan Mail2Blogger.

Posted in | Leave a comment

Cara memberi Scroll Bar pada posting Blog

Cara memberi Scroll Bar pada posting Blog sangatlah mudah
Nih tipsnya


1. Login ke Blogger
2. Klik Rancangan
3. Edit entri yg ingin kamu edit
4. Copy/Paste kode tersebut


<div style="overflow:auto;width:250px;height:200px;padding:10px;border:1px solid #eee">


MASUKKAN KODE/POSTING ANDA


</div>

 
5. Selamat Menikmati

Posted in | Leave a comment

Cara menaikkan alexa rank dengan cepat


Selamat Datang

kali ini kita akan membahas tentang alexa rank yang sekarang makin sontar aja di perbincangkan....Bagi kalian para blogger pasti tidak jauh-jauh dari misi sebagian dari kalian untuk menaikkan ranking blog anda, ada banyak sekali rank yang menunjukkan peringkat blog anda seperti alexa


dan google page rank . Nah... sekarang kita akan membahas alexa rank terlebih dahulu. Tentunya
semakin sedikit angka rank anda, semakin bagus blog anda. Sekarang pertanyaan nya adalah bagai mana cara nya agar
bisa secara cepat dan sebaik mungkin menaikkannya. Emang kalou alexa rank nya masih rendah sangat mudah untuk menaikkan nya , tapi kalau alexa rank nya makin bagus makin sulit naikinnya, karena alexa rank adalah persaingan, tentunya kalau alexa rank kalian udah tinggi harus bergulat dengan blogger lain yang alexa rank nya juga bagus pula. Mungkin saya bisa memberi tips,,
Wih.. langsung aja ya,,..
 1 .Cara menaikan alexa rank dengan cepat yang pertama adalah dengan :  Alexa toolbar
      Ini adalah cara yang mungkin sangat paling mudah untuk ningkatin alexa rank , Menggunakan browser yang terinstall toolbar Alexa bisa ningkatin ranking website kamu. Sebenarnya bukan hanya websitemu, setiap website yang dikunjungi browser yang terinstall toolbar Alexa juga mendapat “nilai” yang akan diperhitungkan dalam ranking. Lalu, bukankah pengunjung pasti dari websitemu adalah dirimu sendiri? Jadi, kalau browsermu sudah terinstall toolbar, maka penambahan point ranking akan terjadi secara otomatis! Nah, toolbar Alexa tersebut bisa di install melalui link berikut 
 2 . Cara menaikan alexa rank dengan cepat yang Kedua adalah dengan : Blogwalking
      Nih adalah cara basic, Blogwalking adalah dimana kita mengunjungi beberapa blog teman/blog orang lainrnya alexa rank sangat dominan dengan yang namanya pengunjung , lalu tinggalkan pesan di blog yang anda kunjungi itu.Otomatis si pemilik blog itu akan kunjungi blog kalian
3 . Cara menaikan alexa rank dengan cepat yang Ketiga adalah dengan : Persahabatan
     Nah,, apa bila kita mempunyai banyak teman blogger, pasti n anda itu juga akan mengunjungi blog kalian , karena beberapa dari mereka mungkin menganggap kamu jadi pesaingnya(bila blognya setara dengan kamu )
4 .  Cara menaikan alexa rank dengan cepat yang Keempat adalah dengan : Alexa Widget
Pasang Alexa site stat widget di blogmu. Alexa site stat ini mengandung javascript yang mengantarkan setiap data pengunjung (ping) ke server Alexa sehingga statistik Alexa menjadi lebih akurat. Ga perlu malu pasang Alexa widget yang gede, untuk mencapai hasil yang diinginkan tentunya ada harga yang harus dibayar kan? Siapa sangka dulunya ranking10 juta-an sekarang ranking 100 ribuan?
5 . Cara menaikan alexa rank dengan cepat yang Kelima adalah dengan : Upload Postingan
     ,,Upload postingan ini adalah dimana kamu memberikan postingan kamu ke beberapa situs yang memberikan layanan pemberian berita(seperti Lintas berita, dan lain-lain) , tapi dengan syarat postingan kamu harus yang menarik,diterima dimasyarakat,dan tidak boleh copy paste/meniru postingan lain. Kalau postingan kamu kebaca banyak orang pasti pengunjungmu akan bertambah banyak dan akan berimbas pada alexa rank mu

Posted in | Leave a comment

Cara Memberi Komentar Klasik

1. Log in ke blog anda
2. Klik Design > Edit HTML > Centang di Expand Template Widget (BackUp dulu templates anda)
3. Cari kode berikut (gunakan F3/Ctrl+F untuk pencarian)

  
<div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>


4. Tambahkan kode berikut di bawah kode Di atas



  <a expr:href='&quot; http://www.blogger.com/comment.g?blogID=6634386433859994495&amp;amp;postID=&quot; +data:post.id+ &quot;&amp;isPopup=true&quot;' onclick='javascript:window.open(this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;' rel='nofollow'><b>Form Komentar Klasik</b></a>

5. TERSERAH

Posted in | Leave a comment

Cara memberi google translate pada blog

Sekarang kita belum mempertanyakan bahasa. Karena ada google translate. Bagi anda yang berada di luar negeri atau di negara sekarang dapat menikmati teman-teman blog bahasa yang berbeda.
Sekarang saya akan posting cara menginstal google translate di blog. Jika Anda sudah tahu, kita langsung ke titik.
Ikuti langkah-langkah berikut:

    
* Silahkan login ke blogger dengan ID anda
    
* Klik Layout
    
* Klik tab Elemen Halaman
    
* Klik Tambah Gadget
    
* Klik tanda plus (+) untuk HTML / Javascript

    *  Copy/paste kode tersebut






<div style="padding: 5px 0px 0px;">
<center>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarsaudiarabi.gif?t=1281541106" title="Arabic" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarsouthkorea.gif?t=1281541106" title="Korean" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarjapan.gif?t=1281541106" title="Japanese" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer; margin-right: 0px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarchina.gif?t=1281541106" title="Chinese Simplified" align="absbottom" /></a>
</center>
<center>
<div style="margin: 0px; padding: 0px; width: 0px; height: 0px;"><a href="http://www.topseratus.com/"><img border="0" width="0" src="http://www.topseratus.com/button.php?u=pinginbelajar" height="0" /></a><a href="http://topglobalsite.com/"><img border="0" width="0" src="http://topglobalsite.com/button.php?u=pinginbelajar" height="0" /></a><a href="http://stats.bertuah.org/"><img border="0" width="0" src="http://stats.bertuah.org/button.php?u=pinginbelajar" height="0" /></a><a href="http://www.topblogarea.com/"><img border="0" width="0" src="http://www.topblogarea.com/tracker.php?do=in&amp;id=75128" height="0" /></a><a href="http://blogs.top.org/"><img border="0" width="0" src="http://img1.top.org/toporg_4257.gif" height="0" /></a><a href="http://www.dignow.net/"><img border="0" width="0" src="http://www.dignow.net/gen.aspx?idc=25611" height="0" /></a><a href="http://www.blogtoplist.com/"><img border="0" width="0" src="http://www.blogtoplist.com/tracker.php?u=84875" height="0" /></a><a href="http://www.goledy.com/"><img border="0" width="0" src="http://www.goledy.com/gen/1752" height="0" /></a><a href="http://topofblogs.com/"><img border="0" width="0" src="http://stats.topofblogs.com/send/18980" height="0" /></a><a href="http://www.blogrankings.com/"><img border="0" width="0" src="http://www.blogrankings.com/img_2167.gif" height="0" /></a><a href="http://topsites.blogflux.com/"><img border="0" width="0" src="http://topsites.blogflux.com/track_212074.gif" height="0" /></a><a href="http://www.blogtopsites.com/"><img border="0" width="0" src="http://www.blogtopsites.com/v_13086.gif" height="0" /></a><a href="http://www.top.heldiyudiyatna.net/"><img border="0" width="0" src="http://www.top.heldiyudiyatna.net/button.php?u=pinginbelajar" height="0" /></a><a href="http://www.top.bogorguide.com/"><img border="0" width="0" src="http://www.top.bogorguide.com/button.php?u=pinginbelajar" height="0" /></a><a href="http://hellblog.heldi.net/"><img border="0" width="0" src="http://hellblog.heldi.net/button.php?u=pinginbelajar" height="0" /></a><a href="http://consultant.jasakonsultan.net/"><img border="0" width="0" src="http://consultant.jasakonsultan.net/button.php?u=pinginbelajar" height="0" /></a><a href="http://top.bogorcity.net/"><img border="0" width="0" src="http://top.bogorcity.net/button.php?u=pinginbelajar" height="0" /></a><a href="http://top.cianjurcybercity.com/"><img border="0" width="0" src="http://top.cianjurcybercity.com/button.php?u=pinginbelajar" height="0" /></a><a href="http://bandungtopblog.com/"><img border="0" width="0" src="http://bandungtopblog.com/button.php?u=pinginbelajar" height="0" /></a><a href="http://tophits.bloggerian.or.id/"><img border="0" width="0" src="http://tophits.bloggerian.or.id/button.php?u=pinginbelajar" height="0" /></a><a href="http://www.blogsontop.com/"><img border="0" width="0" src="http://www.blogsontop.com/button.php?u=pinginbelajar" height="0" /></a><a href="http://www.topbloglists.com/"><img border="0" width="0" src="http://www.topbloglists.com/button.php?u=pinginbelajar" height="0" /></a><a href="http://www.blogflare.com/"><img border="0" width="0" src="http://www.blogflare.com/flare_507.gif" height="0" /></a><a href="http://pinginbelajar.blogspot.com/"></a></div>
</center>
<center>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_rusia1.gif?t=1281541917" title="Russian" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarbrazil.gif?t=1281541106" title="Portuguese" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarunitedking.gif?t=1281541106" title="English" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer; margin-right: 0px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarfrance.gif?t=1281541106" title="French" align="absbottom" /></a>
</center>
<center>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajargermany.gif?t=1281541106" title="German" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarspain.gif?t=1281541106" title="Spain" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer; margin-right: 3px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajaritalia.gif?t=1281541106" title="Italian" align="absbottom" /></a>
<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=9080780049538396230&amp;action=editWidget&amp;sectionId=sidebar1&amp;widgetType=null&amp;widgetId=HTML2#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer; margin-right: 0px;" src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_pinginbelajarnetherland.gif?t=1281541106" title="Dutch" align="absbottom" /></a>
<center><div id="google_translate_element"></div></center></center></div>




7. Simpan. selamat menikmati

Posted in | 1 Comment

Cara Membuat Judul Blog Pada Tab Bergerak

Kali ini ilmu yang akan saya ajarkan adalah cara membuat judul pada TabBar menjadi bergerak. Ok ... kita langsung saja ke inti permasalahannya, Ikuti cara-cara di bawah ini :

    * login ke Blogger anda, lalu klik Layout/Tata Letak.
    * Setelah itu klik Edit HTML lalu beri tanda centang di Expand Widget Templates.
    * Jika anda sudah masuk Edit HTML cari kode  </head> (jika mau lebih mudah mencarinya klik F3 pada keyboard dan tuliskan kata yang ingin dicari)
    * Jika kodenya telah di temukan copy kode di bawah ini dan letakan dibawah kode </head>.

 

<script language='JavaScript'>
var txt=&quot; Tulis Teks Anda Disini &quot;;
var ekhancepetandunk=170;var fress=null;function gerakyuk() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
fress=setTimeout(&quot;gerakyuk()&quot;,ekhancepetandunk);}gerakyuk();
</script>



JANGAN LUPA COMMENT !!!! terima kasih...

Posted in | 1 Comment

Cara Membuat Menubar Fixed

Satu lagi posting sebelum saya berangkat tidur malam ini. Kali ini saya akan mengajarkan anda cara membuat menubar dengan fungsi fixed tentunya sesuai judul. Tidak perlu basa basi, 
1. Login ke blog anda
2. masuk ke Design > Edit HTML
3. Cari kode ]]></b:skin>
4. Letakan kode berikut DI ATAS kode ]]></b:skin>

   
#navfix {
    position:fixed;
    text-transform : uppercase;
    background :#0d0804;
    font : bold 12px Verdana;
    float : left;
    width : 100%;
    height : 41px;
    }
    #navfix ul {
    margin : 0 10px;
    padding : 0;
    list-style : none;
    }
    #navfix li {
    display : inline;
    margin : 0;
    padding : 0;
    }
    #navfix a {
    float : left;
    margin : 5px;
    padding : 0;
    }
    #navfix a span {
    background :#363636;
    float : left;
    display : block;
    padding : 8px;
    color : #fff;
    border-radius : 8px;
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
    }
    #navfix a:hover span {
    color : #000;
    text-decoration : none;
    }
    #navfix a:hover {
    color : #000;
    text-decoration : none;
    }
    #navfix a:hover span {
    background : #555;
    color : #fff;
    text-decoration : none;
    border-radius : 8px;
    -moz-border-radius :8px;
    -webkit-border-radius : 8px;
    }


5. Cari kode  <body> dan letakan kode berikut tepat di bawahnya

  
<div id='navfix'>
    <ul>
    <li><a class='current' expr:href='data:blog.homepageUrl'><span>HOME</span></a></li>
    <li><a class='current' href='#' title='#'><span>Edit Me</span></a></li>
    <li><a class='current' href='#' title='#'><span>Edit Me</span></a></li>
    </ul>
    </div>


Jangan Lupa Comment!!

Posted in | Leave a comment

Cara memberi Favicon blog

# Masuk ke akun blogger anda.
# Pilih menu Layout (Tata Letak) » Edit HTML.
# Cari kode di bawah ini.



<b:include data='blog' name='all-head-content'/># Copy-paste kode berikut di bawah kode tadi.
# Copy-paste kode berikut di bawah kode tadi.



<link href='url-gambar' rel='shortcut icon'/>

Ganti tulisan berwarna merah dengan url gambar yang akan dijadikan favicon.

# Simpan template.

Posted in | Leave a comment

Cara Membuat Menu Navigasi Horisontal di Blog

Pada tutorial kali ini, saya kan membahas tentang menu navigasi horizontal, langsung saja yak!


1. Masuk ke blogger
2. Rancangan » Edit HTML » Expand Template Widget
3. Cari ]]></b:skin>
4. Letakkan kode tersebut diatasnya :



#nav {
background:url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIaq121dACWt1H-ONTXMgtpA8Ekyje3skltGF7ApPIDccCNLVfPxX50Km-gj68kM-FY9XZCjbjBtPl4VZ9I4T-pM94DwyrlExIWlndUEkzEZNCrPG4MzXoiD2lsTCYdtdgOJ41bkhMzASN/s1600/topmenu-c.png”) no-repeat scroll 0 0 #FFFFFF;
clear:both;
height:32px;
margin:0 auto;
padding:4px 0 0;
}
#nav-left {
display:inline;
float:left;
padding-left:6px;
padding-top:1px;
width:660px;
}
#nav-right {
display:inline;
float:right;
padding-right:15px;
padding-top:3px;
width:200px;
}
#nav ul {
font:bold 1em Verdana,Arial,Helvetica,sans-serif;
margin:0;
overflow:hidden;
padding-left:0;
position:relative;
}
#nav ul li {
float:left;
list-style:none outside none;
}
#nav ul li a, #nav ul li a:visited {
color:#FFFFFF;
display:block;
margin:1px 4px;
padding:4px;
text-decoration:none;
}
#nav ul li a:hover {
-moz-border-radius:3px 3px 3px 3px;
background-color:#999999;
color:#FFFFFF;
margin:1px 4px;
padding:4px;
}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover {
-moz-border-radius:3px 3px 3px 3px;
background-color:#999999;
color:#FFFFFF;
margin:1px 3px;
padding:4px;
}

5. Untuk meletakanya di dalam template, cari kode : <div id=”header-wrapper”>
kalau tidak ada, coba pakailah add-ons mozilla FIREBUG! untuk mempermudahnya
6. Setelah itu, pastekan kode HTML berikut di bawah kode tadi. Ini kode HTML-nya :



<div id=”nav”>
<div id=”nav-left”>
<ul>
<li><a href=”#“><img border=”0&#8243; style=”padding: 0px;” src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4IIV_2WbbCQngbf9jtxjnMl9N1Kn-TCajEvWACb0vqIwq-pJCWs_ffTpSGQB6bXrEXpW84TccwOXWz_m0Ovx3YSKKK68tB9OQT_RlJOi22wZuhHbCDdMq4eEAHWRRRRIM56RDtyL4axm1/s200/icon-home.png”></a></li>
<li><a  href=”#“>About Me</a></li>
<li><a  href=”#“>Archives</a></li>
<li><a  href=”#“>Contact</a></li>
<li><a  href=”#“>Help Me</a></li>
<li><a href=”#“>Guest Book</a></li>
<li><a href=”#“>Testimonials</a></li>
<li><a  href=”#“>Top Post</a></li>
</ul>
<script language=”javascript”>setPage()</script>
</div>
<div id=”nav-right”>
<div id=”tsrc-m”>
<div id=”src-m”>
<form name=”searchform” method=”get” id=”searchform” action=”/search”>
<input type=”text” value=”Cari artikel..” onfocus=”if (this.value == &quot;Cari artikel..&quot;) {this.value = &quot;&quot;}” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Cari artikel..&quot;;}” name=”q” id=”s-m” class=”keyword”>
<input type=”image” style=”border: 0pt none; vertical-align: top; padding-top: 3px;” src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzFPVIiXFTJtyT7Ai3SAwJ6gGl2VBzhbM4wYWFFIAZ6jHZJfsuyawnzfNDQM_uEkAO0leH3k_ebw2AWcWe6k89pKAI_3vnTuN2xT6neMeuIbVVHojllFNiwJNgNgB-0UihmQWewnkasis/s200/search-c.png”>
</form>
</div>
</div>
</div>
</div>

7. Simpan & Give Comment

Posted in | Leave a comment

Agar posting blog tidak dicopy/paste orang lain

Sebenarnya cara agar postingan tidak bisa dicopy orang lain bisa dilakukan dengan menonaktifkan klik kanan,

Baiklah langsung saja, jika anda tertarik, silahkan ikuti lagkah demi langkah dibawah ini:

    * Login dulu ke akun Blogger anda

    * Klik pilihan Rancangan »» Edit HTML

    * Klik Expand Template Widget

    * Letakan kode dibawah ini sebelum kode <head>


<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>


10. simpan templeat

Posted in | Leave a comment

Cara memberi jam pada blog

Bagi anda yang ingin meningkatkan blog anda, ada solusi yaitu dengan memasang jam. Jam penyedia link, yaitu: http://www.clocklink.com/. Setelah Anda masuk ke dalamnya, silahkan pilih jam link sesuai dengan keinginan Anda.

Posted in | Leave a comment

Cara Menggati Blogspot Menjadi Co.cc


Kalau dalam postingan terdahulu saya sampaikan pembuatan situs dengan domain gratis tapi hosting bayar, sekarang saatnya saya berikan tutorial membuat situs blog 1000% gratis :-D

Disini kita akan menggunakan layanan blog gratisan dari google (blogger/blogspot). Syarat yang harus dimiliki adalah mempunyai blog terlebih dahulu, jadi silahkan mendaftar gratis di blogger.com.

Setelah selesai mendaftar secara default kita akan mendapatkan subdomain dari blogspot.com (nama-bog-anda.blogspot.com).

Sampai disini kita sudah bisa memulai menjadi seorang blogger.

Sekarang kita akan menngubah alamat blog yang masih menggunakan subdomain dari blogspot.com tadi menjadi nama-blog-anda.co.cc caranya anda harus mendaftar terlebih dahulu ke situs co.cc gratis kok Setelah selesai mendaftar, kita akan melakukan sedikit setting agar co.cc dan blogger dapat singkron alias bisa kerjasama dengan menggunakan Zone Record :-D

Login dahulu ke co.cc terus klik "Manage Domain"
kalau belum mendaftarkan domain, silahkan daftarkan domain sesuai keinginan anda, dan jika sudah mendaftar silahkan klik nama-domain.co.cc anda untuk memanagenya.




Kemudian klik Set up


Akan tampil tiga buah pilihan (radio button) yaitu Manage DNS, Zone Records dan URL Fowarding. Pilihlah pilihan kedua yaitu Zone Record untuk menghubungkan blogger dengan co.cc


Pada pilihan ini akan disediakan beberapa isian yang harus anda isi. Untuk host, isikan dengan alamat domain anda di co.cc (harus memakai www). Untuk TTL pilihlah 1 D dan CNAME sebagai typenya, untuk value isikan "ghs.google.com" kemudian klik Set up



Sampai disini setting yang di situs co.cc sudah selesai, sekarang kita lakukan sedikit setting di blogger.




Login ke account blogger anda terlebih dahulu untuk dapat melakukan setting, jika sudah klik "Pengaturan"





Lalu klik bagian "Publikasi" dan pilihlah: berpindah ke "Domain Custom"



Klik link yang bertuliskan "Beralih ke pengaturan lanjut" untuk pengaturan lebih lanjut.



Isikan alamat domain co.cc kita tadi dan pilih "Tidak" pada pilihan "Gunakan host file yang hilang?" Kemudian masukkan Verifikasi Kata dan klik "Simpan Setelan".





Semua proses pengaturan yang di co.cc dan blogger sudah selesai, sekarang tinggal menikmati hasilnya :-D



Catatan :

Jika anda baru mendaftar di domain co.cc, maka akan dibutuhkan waktu paling lama 48 jam agar domain bisa aktif (kadang2 kurang dari 1 jam juga sudah aktif).

Dalam memasukkan alamat situs, harus memakai awalan www.


selamat mencoba

Posted in | Leave a comment

Cara Menambahkan Button Retweet Di Data Postingan

Bagi anda pembaca setia rhoedal (rhoedalisme) tentunya kemarin membaca cara membuat tombol share facebook, bagi anda yang baru pertama kali dateng ke rhoedal, silahkan mungkin mau baca cara membuat tombol share facebook dengan penghitung (counter) nah kali ini kita akan menambahkan tombol button retweet dari twitter

Caranya
>> Silahkan login di Blogger
>> Rancangan/Design
>> Edit HTML
>> Centang Expand Widget Template
>> Copy Paste salah satu kode di bawah ini di atas atau di bawah

Gambar, Cara menambahkan Tombol Twitter, Cara menambahkan Retweet Button


<script type='text/javascript'>
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>


Atau yang ini :


Gambar, Cara menambahkan Twitter Button, Cara menambahkan Retweet Button Di blog atau blogger

 <script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>

Yang berwarna merah ganti dengan User Name Twitter anda, Kemudian simpan template anda...
Agar tombol retweet tidak muncul di halaman depan (home) tambahkan kode seperti ini



<b:if cond='data:blog.pageType == &quot;item&quot;'>

...

</b:if>


Seperti ini contohnya :



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = &#039;UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>
</b:if>

Selamat mencoba dan semoga bermanfaat...

Posted in | Leave a comment

cara membuat random post

CSS

1. Log in ke blogger.
   2. Pilih menu Layout (Tata Letak) » Edit HTML.
   3. Cari kode ]]></b:skin>.
   4. Copy kode berikut di atas kode tadi.




.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

5. simpan 

SCRIPT RANDOM POST

1. buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Add a gadget
3. pilih HTML
4. copy-paste kode tersebut

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://namablog.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>

<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>
5. ganti tulisan warna merah dengan nama blog anda
6. simpan

Posted in | Leave a comment

Search

Swedish Greys - a WordPress theme from Nordic Themepark. Converted by LiteThemes.com.