Cara Membuat Gambar Berjalan di Blog

Untuk kali ini saya akan menjelaskan tentang Cara Membuat Gambar Berjalan di Blog. Mungkin untuk membuat gambar berjalan sobat hanya menambahkan/memasukkan URL ke dalam gambar. Mungkin sobat blogger yang pengen tahu sekali carannya, monggo sobat blogger ikuti langkah- langkahnya di bawah ini :

MUNGKIN BEGINI YANG SOBAT INGINKAN 

Copy di bawah di Javascsript : 

<marquee width="180" direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" height="100"><img src="alamatURL gambar 1" /></br><img src="alamatURL gambar 2" /></br><img src="alamatURL gambar 3" /></br></marquee>

Note :

• Ganti  alamatURL gambar 1 dengan URL gambar sobat.
• direction"up" bisa sobat ganti dengan :

1. down ===========>>> Bergerak turun
2. left ===========>>> Bergerak ke kiri
3. right ===========>>> Bergerak ke kanan 
4. width="180 ===========>>> Menetukan lebar area 
5. height="200" ===========>>> Menentukan tinggi area
6. scrollamount="2" ===========>>> Menetukan kecepatan gerak 

Semoga Bermanfaat ^_^

Posted in: tips blogger

Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog

Hai para sobat blogger. Kali ini saya akan menjelaskan bagaimana tentang  Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog. Menurut saya chatbox/buku tamu sangatlah penting bagi pengunjung blog kita.Tahu nggak kenapa? karena buku tamu adalah tempat berinteraksi antara pengunjung dan pemilik blog itu sendiri. Makanya saya menganjurkan sobat blogger untuk memasang chatbox/shoutbox.Caranya cukup mudah kok, coba lihat di bawah.



Langkah-lankah membuatnya :

1. Login ke Blogger 
2. Klik "Rancangan"
3. Klik "Tambah Gadget"
4. Klik tandan plus HTML/javascript
5. Setelah itu masukkan kode di bawah ini:

<style>
#hcr {
position:fixed;
top:80px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1074.photobucket.com/albums/w418/imboh46/Bukutamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

Masukan Kode Shoutbox / Buku tamu sobat di sini

<!-- END CBOX -->
<div class="hc-credit">
<span style="float:left">

</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- right hidden chatbox END -->

Selamat Mencoba.

Posted in: tips blogger

Cara Membuat Blog Menjadi Dofollow

 Apa Kabar Sobat Blogger. Pada kesempatan kali ini saya akan menjelaskan sedikit tentang  Cara Membuat Blog Menjadi Dofollow. Blog dofollow itu adalah setiap komentar yang menyertakan url di post komentar akan mendapatkan backlink, jadi setiap blog dofollow akan mmemberikan keuntungan backlink kepada komentator dan pemilik blog itu sendiri.






Kalo ingin mencoba, ini caranya:

1. Login ke blogger

2. Klik "Rancangan" -> "Tata Letak"

3. Lalu, Klik "Edit HTML"

4. Terus cari kode seperti di bawah ini :

<a expr:href='data:comment.authorUrl ' rell=’nofollow'>

Supaya cepat mencari kode tersebut dengan " CTRL + F "
lalu masukan dengan kata kunci='nofollow'

5. Setelah itu hapus kode 'nofollow'
    menjadi :

<a expr:href='data:comment.authorUrl'>

6. Terakhir, Jangan lupa Simpan Template


Selamat Mencoba

Posted in: tips blogger

Cara Mengetaui Seberapa Berat Blog Anda

Dalam membuat blog kita tentunya kita ingin blog kita semenarik mungkin.Tapi karena saking semangatnya kita mempercantik blog kita, kita sampai melupakan ukuran (size) dan kecepatan (speed) yang digunakan untuk membuka blog kita.Walaupun Blog kita bagus tetapi untuk membukanya lama.Mungkin pengunjung nggak jadi singgah ke blog kita.

Nah!! dibawah ini ada alat untuk mengukur berapa besar ukuran (size) blog sobat dan seberapa cepat loadingnya... Untuk menggunakan alat dibawah ini kamu tinggal memasukkan alamat blog yang ingin di cek. Kemudian hasilnya akan langsung keluar. Hasil yang ditampilkan yaitu : Size, Load Time dan Avarege Speed per KB. Yang perlu diperhatikan adalah "Size", karena "Load Time" dan "Avarege Speed per KB" hasilnya akan selalu berubah-ubah. Jika hasil tes menunjukkan blogmu size-nya lebih dari 100 KB, usahakan untuk menguranginya dengan cara mengurangi pernak-pernik yang kurang begitu berguna seperti jam, kalender, dll. Dengan alat ini km juga bisa membandingkan dengan web/blog kepunyaan orang lain.
Selamat mencoba.

Masukkan Alamat Blog/Web Max 10 : (http://bagas2090.blogspot.com)

Posted in: tips blogger

Cara Membuat Daftar Isi Di Sidebar Untuk Label Tertentu

Hai para sobat Blogger. Kali ini saya akan memposting Cara Membuat Daftar Isi Di Sidebar Otomatis Untuk Label Tertentu. Mengertikah sobat akan maksud dari judul di atas? Sobat mungkin sering menemukan artikel mirip seperti ini dengan kata kunci " Membuat daftar isi per label", atau tak jarang juga dengan keyword cara membuat daftai isi sitemap. tapi satu mungkin yang membedahkan trik ini dari cara membuat daftar isi yang lain, yaitu cara ini yang hanya menampilkan  artikel - artikel dalam 1 kategori atau label tertentu. Masih kurang mengerti juga?
Kali ini kita akan coba membuat daftar isi otomatis pada satu kategori tertentu. Untuk lebih jelasnya, coba sobat lihat daftar isi di   sidebar paling atas di blog ini.

Trik seperti ini sebenarnya bisa sobat lakukan secara manual dengan cara memasukkan secara manual link - link artikel sobat , namun seperti biasa, waktu sobat mungkin akan sedikit terkuras. Untunglah jika sobat hanya memiliki sedikit artikel.. bagaimana jika banyak?? wah. bisa pegel ni jarinya.. hehe

Widget ini di lengkapi scroll yang berfungsi menghemat  halaman sobat, jadi jangan perlu takut kalau - kalau tidak muat lamannya karna kebanyakan artikel. Bagi sobat yang tertarik untuk membuat daftar isi otomatis pada label tertentu silahkan ikuti tutorial berikut.

Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu :

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah Gadget -->HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan dan berikan judul sesuka hati sobat.

<div style="overflow:auto; width:auto; height:100px; padding:5px;border:1px solid #e6e4e3; font-size:15px;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tateluproject.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://bagas2090.blogspot.com/feeds/posts/default/-/tips%20blogger?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<span><a href="http://kangdansen.blogspot.com/2012/01/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span>

Keterangan :

• width:auto :  menunjukkan bahwa  lebar scroll box akan menyesuaikan dengan lebar sidebar.
• height:100px : tinggi scroll box. silahkan sobat ganti sesuai keinginan.
• border:1px solid #e6e4e3 :  adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border ( jenis - jenis border lihat di sini!) dan #e6e4e3 adalah warna border.( kode warna lihat disini! )
• font-size : adalah ukuran huruf.
• <ol> : adalah Numbered LIst , sobat bisa menggantinya menjadi bullet list dengan kode <ul>
• Ganti http://bagas2090.blogspot.com dengan Url blog sobat.
• Ganti tips%20blogger dengan label yang sobat inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang terterah, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.

3. Klik simpan.

Untuk menampilkan daftar isi lebih dari satu label, misalnya untuk label Android dan Antivirus , maka kode yang harus sobat pakai adalah seperti berikut.

<div style="overflow:auto; width:auto; height:100px; padding:5px;border:1px solid #e6e4e3; font-size:15px;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tateluproject.googlecode.com/files/label-post.js'></script>
<h3>Android</h3>
<ol>
<script src="http://kangdansen.blogspot.com/feeds/posts/default/-/BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>Antivirus</h3>
<ol>
<script src="http://kangdansen.blogspot.com/feeds/posts/default/-/SEO%20BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<span><a href="http://kangdansen.blogspot.com/2012/01/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span>

tambahan :

• Sesuaikan tulisan yang berwarna biru dengan label yang sobat gunakan.

Posted in: tips blogger

Cara Membuat Blog Anti Dari Copy Paste

Hai para sobat Blogger. Kali ini saya akan membahas tentang  blog agar aman dari copy paste dari tukang copas. Mungkin sobat sekalian sudah tahu tukang copas,yaitu orang yang suka mengcopy/ paste blog kita.

Sekarang ini banyak tukang copas yang tidak memberikan link pada artikel yang mereka copy/ paste. Makanya itu saya memposting Cara Membuat Blog Anti  Dari Copy Paste di Blog Kita.

Ini Langkah-langkahnya:

1. Login ke akun Blogger Sobat.

2. Klik menu Rancangan

3. Klik Edit HTML

4. Masukkan Script berikut di bawah kode </head>, jangan lupa centang Expand Template Widget

<script type='text/javascript'>
function addLink() {
    var body_element = document.getElementsByTagName(&#39;body&#39;)[0];
    var selection;
    selection = window.getSelection();
    var pagelink = &quot;<br/><br/> Read more at: <a href='&quot;+document.location.href+&quot;'>&quot;+document.location.href+&quot;</a><br/>Copyright  www.bagas2090.blogspot.com Under Common Share Alike Atribution&quot;; // change this if you want
    var copytext = selection + pagelink;
    var newdiv = document.createElement(&#39;div&#39;);
    newdiv.style.position=&#39;absolute&#39;;
    newdiv.style.left=&#39;-99999px&#39;;
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
        body_element.removeChild(newdiv);
    },0);
}document.oncopy = addLink;
</script>

Ganti yang berwarna Merah dengan URL blog sobat.


Selamat Mencoba.

Posted in: tips blogger

Cara Menambah Gadget Alexa Ke Blog Kita.

Hai para Sobat Blogger. Kali ini saya telah memposting  Cara Menambah Gadget Alexa Ke Blog Kita mungkin Sobat Blogger ingin mempratekkannya/ ingin mencobanya  lansung aja kita ke TKP:

Caranya cukup mudah kok  :

• Kunjungi www.alexa.com
•  KlikRegister dan isi data Anda
• Silahkan ke kotak email anda dan verifikasi.
• Setah itu Login
• Klik Site Tools pada halaman menu Alexa, pilih dan klik Alexa Site Widgets, jika bingung nyari nya, klik di sini
• Ada 3 model tampilan pada Alexa Traffic Widgets (saya memilih Alexa Site Stats Button)
• Isi alamat URL blog atau web Anda tanpa http://
• Klik tombol Build Widget
• Akan tampil kode HTML dalam 3 model (saya memilih Button (120×95))
• Copy dan paste di gadget blog Anda
• Selesai

Selamat Mencoba dan Silahkan Berkomentar di Bawah.

Posted in: tips blogger

Cara Memasukkan Video Youtube Ke Posting Blog

Sudah kenal sama YouTube kan?...

Saya yakin teman-teman sudah tau, siapa sih yang ga kenal sama youtube.

Pada kesempatan kali ini saya ingin membahas bagaimana cara memasukkan Video YouTube ke postingan blog blogger, bukan Cara Download Video YouTube lho..

Bagi teman-teman yang ingin membuat blog yang berisi dengan Video YouTube pada khususnya, sudah tentu wajib mengetahui cara memasukkan vide youtube ke postingan.

Sebenarnya Memasukkan Video Youtube ke posting blog bukanlah hal yang susah, tapi kalau ga tau caranya tetap saja susah. Selain video youtube kita juga bisa memasukkan video yang ada di komputer/laptop kita ke postingan blog.

Ok Langsung saja.

Cara Memasukkan Video Ke Postingan Blog Blogger

Langkah pertama

Silahkan cari video youtube yang ingin anda masukkan ke posting di situsnya yaitu www.youtube.com

Langkah keDua


Silahkan klik tulisan Embed yang letaknya di sebelah kanan Video tersebut dan silahkan tunggu sampai kode html nya terlihat . Lihat Gambar Berikut.

Langkah keTiga


Kopi kode html yang sudah di sediakan oleh youtube tadi kemudian paste ke postingan blog, ingat pastenya di bagian Edit HTML, jika anda belum tau di mana letak Edit HTML tersebut silahkan baca artikel Cara Memasukkan Kode Html Di Posting Blogger.

Langkah keEmpat


Letakkan kode html vide youtube tersebut di tempat yang anda inginkan, setelah itu silahkan publikasikan Postingan tersebut.

Jika anda mengklik Menu Compose (yang bersebelahan dengan Edit HTML itulho), maka video youtube tersebut akan terlihat seperti ini:

 

Silahkan agan coba. . .!!

Posted in: tips blogger

Cara Membuat Readmore Otomatis

Cara Membuat Readmore Otomatis - pada postingan kali ini saya akan membahas bagaimana cara membuat readmore otomatis pada blog, readmore berfungi untuk pemenggalan suatu artikel dengan karakter kata yang bisa disesuaikan dengan tujuan untuk mempersingkat artikel pada suatu Homepage blog, readmore ini sudah otomatis terpasng pada blog jadi kalian tidak usah menggunakan cara kuno dan juga readmore otomatis ini juga dilengkapi dengan gambar jadi bisa disebut juga untuk memperbagus blog, sekarang bagaimana cara membuat Readmore Otomatis, sekarang coba lihat tutorial di bawah ini.

• Pertama, masuk ke Blogger kalian,
• Masuk ke Rancangan,
• Pilih Edit Html,
• Jangan lupa ceklist Expand Template Widget,

• Gunakan ctrl-F untuk mencari kode di bawah ini.

</head>

• Selanjutnya letakan kode di bawah ini persis di bawah kode di atas,

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 

• Ganti tulisan yang berwarna tersebut sesuai anda,

• Selanjutnya cari kode di bawah ini,

<data:post.body/>

• Sekarang hapus kode tersebut dan ganti dengan kode di bawah ini,

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>Selengkapnya</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

•  Terakhir, Save Tenplate dan lihat hasilnya.

Posted in: tips blogger