Pages

Followers

Blue Fire Pointer
RSS
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Cara Unfollow Atau Menghapus Blog Yang Kita Ikuti

  1. Masuk Ke Blogger/Dasbor
  2. Klik Kelola Daftar Bacaan
 
3. Pilih salah satu blog yang ingin di unfollow atau hapus sebagai pengikut, lalu pilih Setelan
 
4. Maka akan muncul jendela pop-up Setelan, Pilih Berhenti ikuti situs ini
 
5. Setelah itu akan muncul lagi jendela konfirmasi , Pilih berhenti mengikuti
 
6. Tunggu beberapa saat, sampai blog yang kita follow benar-benar terhapus dari daftar bacaan.

 

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Kotak Pencarian di Blog With CSS

Tutorial membuatnya sebagai berikut;

1. Rancangan > Add a gadget (di mana anda akan meletakkan mesin telusur anda).

2. Pilih Tambahkan Html/Javascript, Setelah terbuka area html/javascriptnya, paste kan aja kode telusur yang sudah tersedia di bawah ini:

1. Kotak Telusur Model Pertama


<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKL_VZd0mv8piv1uAhfmCnygIUHHITwN4BIv3_9LIpDCFp513A67gIrFLKkw3MzllP7O2wN3S5jxZitoyalxZd-P6u3d0FSLjhIWf2ejOPk2Ih4HtIMBPpT1zOgt3r7GDk9mQ7cEmgyHvY/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Tulisan yang di Bold berwarna merah diatas adalah gambar dari background kotak pencari dengan model tampilan seperti dibawah ini.

Jika kurang berkenan, silahkan ganti dengan model seperti berikut:

background:url(http://2.bp.blogspot.com/-R2Klh9R15Go/T4kPXrmtjPI/AAAAAAAABtY/WuboxKbUS-s/s1600/kotak+pencarian+keren1.png)
 

background:url(http://4.bp.blogspot.com/-Zk5QJUtMZBQ/T4kPYjvaA1I/AAAAAAAABtc/jlO9_RNuqWw/s1600/kotak+pencarian+keren2.png)

2. Kotak Telusur Model Kedua

<style type="text/css">
#w2b-searchbox{background:url(http://2.bp.blogspot.com/-Stg7QfBri9g/T4kPZLzdqzI/AAAAAAAABto/POyK6lIxwew/s1600/kotak+pencarian+keren3.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Tulisan yang di Bold berwarna merah diatas adalah gambar dari background kotak pencari dengan model tampilan seperti dibawah ini.

Jika kurang berkenan, silahkan ganti dengan model seperti berikut:

background:url(http://2.bp.blogspot.com/-R2Klh9R15Go/T4kPXrmtjPI/AAAAAAAABtY/WuboxKbUS-s/s1600/kotak+pencarian+keren1.png)

background:url(http://2.bp.blogspot.com/-R2Klh9R15Go/T4kPXrmtjPI/AAAAAAAABtY/WuboxKbUS-s/s1600/kotak+pencarian+keren1.png)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Situs Download Template Blog Bagus Dan Keren


Berikut Situs Penyedia Template Blog Gratis Dan keren !!!
  1.  Btempaltes.com
  2. www.zoomtemplate.com
  3. www.Blogtemplate4u.com
  4. www.premiumbloggertemplates.com
  5. ww.allblogtools.com
  6. http://www.deluxetemplates.net/category/blogger-template

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Tombol Kembali Ke Hamalan Atas Di Blog


Tombol Back to Top berfungsi untuk memudahkan pengunjung untuk kembali kebagian atasdari suatu halaman. Tombol Back to Top nantinya akan terlihat di pojok kanan bawah apabila pengunjung mengarahkan scrollnya kehalaman bawah pada Blog Anda. Untuk yang ingin membuat tombol back to top atau tombol kembali ke atas menggunakan Jqueryversi 1.4.3, silahkanikutilangkahberikutini.
1. Login ke Blogger > Edit HTML
2. Carikode ]]></b:skin>
3. Letakkankodeberikutini di ataskode ]]></b:skin>

#toTop {
    width:70px;
        border:1px solid #ccc;
        background:#f7f7f7;
        opacity:0.8;
        text-align:center;
        padding:5px;
        position:fixed;
        bottom:10px;
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}
4. Kemudiancarikodepenutup </head> lalupasangkodeberikut di ataskode</head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $(window).scroll(function() {
        if($(this).scrollTop() != 0) {
            $('#toTop').fadeIn();   
        } else {
            $('#toTop').fadeOut();
        }
    });

    $('#toTop').click(function() {
        $('body,html').animate({scrollTop:0},800);
    });   
});
</script>
5. Setelahitucarilagikode </body> danpasangkodeberikut di atas</body>

<div id="toTop">Kembali</div>
6. Save template dan lihat hasilnya.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

WebSite Untuk Download Template Web Atau Blog


Free Blogger Templates (Blogspot)
1.www.btemplates.com
2.www.bloggerbuster.com
3.http://blogtemplate4u.com/
4.www.freeblogger-templates.blogspot.com
5.www.blogger-templates.blogspot.com
6.www.finalsense.com
7.www.ourblogtemplates.com
8.www.bloggerstyles.com
9.www.eblogtemplates.com
10.www.blogspottemplate.com

Free WordPress Templates
1. www.prowordpressthemes.com
2. www.wordpresstemplates.com
3. wordpresstemplates.name
4. www.skinpress.com
5. www.wordpress.org
6. www.topwpthemes.com
7. www.blogohblog.com
8. www.templatesbrowser.com
9. www.wpskins.org
10. www.freewordpresstheme.info

Premium WordPress Templates
1. www.wordpressthemesmarket.com
2. www.wpcandy.com
3. www.web20-templates.com
5. www.wpremix.com
6. www.ithemes.com
7. www.wp-magazine.com
8. www.studiopress.com
9. www.wp-vybe.com
10. www.premiumwp.com

Bonus Daftar Template Blog..^_^
1. http://www.eblogtemplates.com/
2. http://www.jackbook.com/
3. http://www.indosmart.blogspot.com/search/label/template
4. http://www.magznetwork.com/
5. http://www.freetemplate.widarto.net
6. www.simplebits.com

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Menganti Backround Blog Secara Otomatis


Loggin ke blogger sobat, trus pilih template, edit html, centang expand Template Widget, Copas Script Berikut Diatas </Body>



<script type='text/javascript'>
var bg = [
&quot;URL Background 1&quot;,
&quot;URL Background 2&quot;,
&quot;URL Background 3&quot;,
&quot;URL Background 4&quot;,
&quot;URL Background 5&quot;,
&quot;URL Background 6&quot;
];

function gantiBg(){
  var bgLeng = bg.length-1;
  var i = Math.floor(Math.random()*bgLeng);
  document.body.style.backgroundImage=&#39;url(&#39;+bg[i]+&#39;)&#39;;

  setTimeout(&quot;gantiBg()&quot;,7500);
}

gantiBg();
</script>

Keterangan: 
Yang berwarna merah diganti dengan URL gambar sobat yang mau dijadikan background blog.
Yang Berwarna Biru adalah waktu ganti background, ganti sesuai keinginan sobat blogger, contohnya punya saya 7500 berarti backgroun berganti setiap 7,5 detik.
Semoga Bermanfaat Tapi Klo Punya Aku 15000 yng arti nya 10.5 detik.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara mengganti gambar kursor di blog

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Edit HTML, centang Expand widget template.
3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.
4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor
6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS