Cara Membuat Tombol Follow Me Twitter di Blog

Selamat sore sobat Blogger. Pada kesempatan kali ini saya akan berbagi tentang  Cara Membuat Tombol Follow Me Twitter di Blog. Apa sih kegunaan tombol ini untuk kita para Blogger. Sederhana sob, berguna sekali jika sobat suka share artikel-artikel pada Blog sobat ke Twitter. Lalu pengunjung Blog sobat meng-klik tombol ini dan otomatis menjadi follower Twitter sobat. Dengan demikian, pengunjung tadi akan mendapatkan informasi-informasi terupdate dari Blog sobat.
Banyak cara bagi para Blogger untuk membuat Blog-nya populer. Contohnya dengan sering share konten Blog-nya ke sosial media, seperti Google plus, Facebook dan Twitter. Berbeda dengan share di Facebook yang pada umunya membuat sebuah halaman khusus dahulu untuk media share. Silakan baca juga Cara Membuat Halaman Blog di Facebook. Twitter tidak menyediakan halaman khusus, jadi pastikan sobat mempunyai Twitter yang akan dijadikan media sharing konten pada Blog sobat.


OK, kita mulai saja membahas  Cara Membuat Tombol Follow Me Twitter di Blog:
1. Pastikan sobat telah masuk ke akun Twitter Sobat.
2. Kunjungi halaman ini.
3. Karena kita akan membuat tombol Follow Me, jadi pilihlah follow/ikuti.

4. Isilah pilihan tombol sesuai dengan yang sobat inginkan. Hal ini tidak perlu dipandu yah, saya yakin kalian akan mengerti. Lalu salin semua kode script yang diberikan Twitter.

Kode script di atas contoh hasilnya akan seperti ini:

Follow @Regy_Brader
Tombol diatas hanya menampilkan tombol follow me.

Untuk kode yang ini, selain menampilkan tombol follow me, juga menampilkan jumlah follower. Dan sobat hanya perlu mengkopi-paste kode berikut ini.

<a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/Regy_Brader">Ikuti @Regy_Brader</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

#Ubah kode berwarna merah dengan ID Twitter sobat. Hasilnya akan seperti berikut.

Ikuti @Regy_Brader
5. Sobat telah mendapatkan kode scriptnya. Pastekan kode tersebut pada elemen mana pun, seperti pada widget atau postingan.
Selesai sob, gampang kan? OK, semoga bermanfaat...

Read more

Cara Membuat Widget Random Posts Keren di Blog

Telah dijelaskan pada posting sebelumnya, Widget Random Posts ini adalah widget untuk menampilkan posting-posting pada Blog sobat secara acak dan berbeda pada setiap penayangannya. Namun kali ini saya akan berbagi tentang Cara Membuat Widget Random Posts Keren di Blog yang tentunya berbeda dalam hal tampilan dengan widget random posts yang sebelumnya.
Untuk tampilan pada widget random posts sebelumnya sangat minimalis, hanya menampilkan Title Posting saja. Namun untuk Widget yang akan kita bahas kali ini terlihat lebih menarik. Widget Random Posts ini selain menampilkan Title Posting, juga menampilkan Tumbnail (Gambar ukuran kecil), dan sedikit deskripsi posting.
OK, tidak perlu berlama-lama lagi. Sobat yang tertarik untuk memasang widget ini, beginilah Cara Membuat Widget Random Posts Keren di Blog:

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Tata Letak pada Blog yang sobat inginkan.
3. Klik Tambahkan Gadget pada posisi yang sobat inginkan.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut.

<style>
.rp-post-link {
font-weight: bold !important;
font-size: 12px !important;
}
.rp-summary {
margin-bottom: 5px !important;
border-bottom: 1px dotted #686868;
font-size: 12px !important;
line-height: 20px !important;
word-wrap: break-word !important;
}
.rp-thumbnail {
margin: 5px 5px 2px 0px !important;
float: left !important;
width:60px;height:60px;
}
.rp-pubdate {
font-style: italic !important;
margin-bottom: 3px !important;
}
</style>
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var lengthsummary = 120;
var numofpost=10;
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0; i < numofpost;){
flag=0;
randarray.length=numofpost;
l=Math.floor(Math.random()*total);
for(j in randarray){
if(l==randarray[j]){
flag=1;
}
}
if(flag==0&&l!=0){
randarray[i++]=l;
}
}
document.write('<div>');
for(n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var item ="";
var posttitle = entry.title.$t || "[Untitled]";
"[Untitled]"
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
break;
}
}
item += "<br"
item += "/>"

if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
document.write(item);
}
document.write('</div>');
}
</script>
<script src="http://regibrader-free.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>

<small><a href="http://regibrader-free.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a></small>
<small><a href="http://regibrader-free.blogspot.com/2013/05/cara-membuat-widget-random-posts-keren.html" target="_blank">Get This Widget</a></small>

#Ubahlah kode warna merah dengan URL Blog sobat. Tentukan jumlah posting yang akan ditampilkan pada kode warna biru. Dan kode berwarna ungu adalah jumlah huruf yang akan ditampilkan pada deskripsi posting pada widget.
Untuk tinggi widget bergantung kepada jumlah posting yang ditampilkan.

6. Setelah sobat selesai mengaturnya, klik Simpan dan Widget pun telah berhasil dipasang. Lihat hasilnya..

Read more

Cara Memasang Widget Random Posts di Blog

Sudah malam begini seharusnya saya sudah tidur. Namun karena susah tidur, lebih baik membuat posting saja  deh.
Kali ini saya akan membahas tentang Cara Memasang Widget Random Posts di Blog. Widget Random Posts ini tidak kalah penting dengan popular posts ataupun recent posts. Dimana Widget Random Posts ini menampilkan posting-posting pada Blog sobat secara acak dan berbeda pada setiap penayanganya. Sehingga posting-posting lama pada Blog sobat bisa ditampilkan kembali dengan Widget ini.
Dengan bisa ditampilkanya posting lama tersebut, tentunya membuat posting itu tidak terlalu diabaikan. Namun widget ini tidak disertai Gambar dan Penjelasan Konten, hanya memuat link Judulnya saja. Sehingga bagi sebagian sobat Blogger mungkin menilainya kurang menarik. Tapi cocok sekali untuk para Blogger yang menyukai kesederhanaan widget. Jika sobat ingin Widget Random Posts yang lebih menarik, silakan kunjungi Cara Membuat Widget Random Posts Keren di Blog.

OK, sobat Blogger yang tertarik dengan widget ini silakan simak Cara Membuatnya:
1. Login ke akun Blogger sobat tentunya.
2. Masuk pada bagian Tata Letak.
3. Klik Tambah Gadget di posisi yang sobat inginkan.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut.

<div style="overflow:auto; width:auto; height:250px; padding:5px;border:px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ol>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ol>');}
</script>
<script src="http://regibrader-free.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
</div>

<small><a href="http://regibrader-free.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a></small>
<small><a href="http://regibrader-free.blogspot.com/2013/05/cara-membuat-widget-recent-posts.html" target="_blank">Get This Widget</a></small>

#Ubahlah kode berwarna merah dengan URL Blog sobat. Pada kode diatas terdapat kode-kode ukuran dan warna yang bisa sobat ubah. Contohnya kode yang berwarna hijau adalah tinggi widget. Dan kode berwarna biru adalah jumlah posting yang akan ditampilkan pada widget.

6. Klik Simpan dan selesai. Lihat hasilnya.

Read more

Cara Membuat Widget Recent Posts Bergerak di Blog

Oke para sobat Blogger. Tengah hari bolong begini enaknya minum es jeruk tambah bikin posting lagi kali ya, haha. Kali ini saya akan berbagi tentang Cara Membuat Widget Recent Posts Bergerak di Blog. Mungkin memang widget recent posts ini telah disediakan Blogspot yang dapat sobat pasang dengan mudah. Namun ada kelebihan dengan widget Recent Posts yang satu ini yang membuat para Blogger lebih memilih widget ini daripada dengan yang telah disediakan Blogspot.
Widget ini akan menampilkan posting-posting terbaru dari Blog sobat dengan jumlah tampilan yang telah disesuaikan. Kelihatan tambah bagus lagi karena widget ini bergerak dropdown ke bawah. Dan posting yang ditampilkan paling bawah akan kembali lagi ke paling atas. Begitu juga seterusnya.

OK, langsung saja berikut cara-caranya:

1. Login ke akun Blogger sobat.
2. Masuk pada bagian Tata letak.
3. Klik Tambahkan Gadget di posisi yang sobat inginkan.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut ini.

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
 
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
 
</script>
<ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;
 
</script>     <script src="http://regibrader-free.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://regibrader-free.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a></small>
<small><a href="http://regibrader-free.blogspot.com/2013/05/cara-membuat-widget-recent-posts.html" target="_blank">Get This Widget</a></small>

# Jumlah posting yang ditampilkan adalah 5 posts.
Ubah URL warna merah dengan URL Website/Blog sobat.
 Terdapat banyak kode ukuran dan kode warna yang dapat sobat ubah. Namun widget ini sudah saya sesuaikan dengan ukuran dan warna yang ideal. Jadi lebih baik jangan diubah, karena takut nantinya jadi berantakan.

6. Klik Simpan, selesai.

Read more

Cara Memasang Widget Like Box Facebook Melayang di Blog

Selamat sore sobat Blogger, bagaimana kabar kalian semua? Semoga dalam keadaan baik-baik saja. Dan semangat Blogging kita sebagai Blogger semakin meningkat OK.
Kali ini saya akan membahas Cara Memasang Widget Like Box Facebook Melayang di Blog. Widget ini dilengkapi dengan tombol close. Semoga dengan widget ini pengunjung pada Blog sobat akan tertarik untuk memberikan jempolnya pada halaman Blog sobat di Facebook dan Fan Page Blog sobat di Facebook pun semakin banyak.
Sebenarnya kita sebagai Blogger kurang baik untuk memasang widget ini. Karena widget-widget seperti ini akan mengganggu pengunjung. Ketika pengunjung sedang asyik membaca artikel, eh tiba-tiba muncul si widget ini, sungguh mengganggu kan?

Namun jika sobat tetap ingin memasang widget ini, silakan simak panduanya OK.

1. Pertama sobat wajib mempunyai Halaman Blog sobat di Facebook dan script Widget Like Box Facebok-nya. Silakan baca artikel tentang Cara Membuat Halaman Blog di Facebook dan Cara Membuat Widget Like Box Facebook di Blog untuk mendapatkan scriptnya.
2. Kalau sobat sudah mempunyai Halaman Blog sobat di Facebook dan telah mendapatkan script-nya, sobat bisa mulai memasang widget ini. Login ke akun Blogger sobat.
3.  Masuk pada bagian Tata Letak.
4. Klik Tambahkan Gadget di posisi mana saja tidak jadi masalah. Karena hasilnya tetap akan melayang di halaman Blog.
5. Pilih mode HTML/Javascript.
6. Masukan kode berikut.

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
      position:fixed !important;
      position:absolute; /* IE6 */
      bottom:-1000px;
      right:40%;
      margin:0px 0px 0px -182px;
      width:310px;
      height:auto;
      padding:16px;
       -webkit-box-shadow: 0px 0px 7px #222;
      -moz-box-shadow: 0px 0px 7px #222;
      box-shadow: 0px 0px 7px #222;  background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
      color:#111;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
    #kotak-facebook a.close {
      position:absolute;
      top:-10px;
      right:-10px;
      background:#333;
      font:bold 16px Arial,Sans-Serif;
      text-decoration:none;
      line-height:22px;
      width:22px;
      text-align:center;
      color:#fff;
      border:2px solid #fff;
      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      -webkit-border-radius:10px;
      -moz-border-radius:10px;
      border-radius:10px;
      cursor:pointer;
    }
</style>
    <script type='text/javascript'>
    $(window).bind("load", function() {
         // animasikan nilai top saat halaman telah selesai dimuat
         $('#kotak-facebook').animate({bottom:"50px"}, 1000);
        // hilangkan kotak pesan saat tombol (x) di klik
         $('a.close').click(function() {
             $(this).parent().fadeOut();
         return false;
         });
    });
    </script>
    <div id='kotak-facebook'>
<p style=" margin-right:10px;  font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

-----Letakan Script Widget Like Box Facebook disini-----

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right;  margin-right:35px;  font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/search/label/Widget%20Blogspot">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/2013/05/cara-memasang-widget-like-box-facebook.html">Get This Widget</a></p>
    </div>

#Masukan script Widget Like Box Facebook yang telah sobat dapatkan pada tulisan berwarna merah (hapus tulisan berwarna merah). Ubah tulisan berwarna biru dengan pesan-pesan pada widget yang sobat inginkan. Script di atas memuat kode-kode warna, ukuran dan posisi yang bisa sobat ubah sesuai keinginan. Namun tidak diubah pun sudah bagus, posisinya berada tepat ditengah halaman. Hasilnya akan terlihat seperti ini.

7. Klik Simpan dan Selesai.

Read more

Cara Membuat Headline News di Blog

Lagi tidak ada kerjaan nih sob. Daripada diam saja lebih baik buat posting di Blog tercinta ini. Kali ini saya akan mennyampaikan Cara Membuat Headline News di Blog. Headline News itu apa sih? Sedikit gambaran saja yaah. Headline News di Blog ini berfungsi untuk menampilkan beberapa berita atau konten pada Blog Sobat dalam satu baris dan bergantian.
Mungkin sobat Blogger pernah melihat atau bahkan sudah tidak asing lagi dengan Headline News ini. Banyak sahabat-sahabat Blogger yang telah memasang Headline News ini pada Blog-nya. Umumnya mereka memasang pada bagian atas Blog, sesuai namanya "Headline". Namun, tidak jarang juga yang memasang pada bagian bawah Blog.
Nah, sekarang saya akan membahas Cara Membuat Headline News yang dipasang di atas Blog atau pada bagian Header. Dan Headline News versi ini menampilkan konten-konten terbaru pada Blog sobat dengan jumlah yang akan ditampilkan bisa disesuaikan. Jadi fungsinya mirip dengan Recent Post (Dapatkan Widget Recent Posts keren, Klik disini), hanya beda penempatanya saja. Jika sobat berhasil membuatnya, hasilnya akan seperti berikut.

OK, tanpa basa-basi lagi, berikut cara-caranya:
1. Login ka akun Blogger sobat.
2. Masuk pada bagian Template pada Blog yang diinginkan.
3. Pilih Edit HTML.
4. Cari kode HTML ]]></b:skin>, dengan tombol ctrl+F.
5. Masukan kode berikut diatas kode ]]></b:skin>.

.newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRtHSWuBOKzjAppuadB98gXy3NLC-yIvDzWxYNQQt0lIZNz1X-TG2vpzRyDvO-oasPr94o7fX0nbBYJxvwkyiXpXWqjuxU2yjz9btqPL99a6Wk6TrgFn0ST5sBXpEhCRJnjvjhfiE3lQw/s1600/BRK+NW.png) no-repeat top left;width:1000px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 1000px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

#Kode berwarna biru bisa sobat ubah sesuai dengan keinginan sobat. Kode berwarna merah sesuaikan dengan Lebar Blog sobat.

6. Cari kode </head>, dengan tombol ctrl+F.
7. Masukan kode berikut diatas kode </head>.

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>

8. Cari kode kode <div id='header'> atau <div id='header-wrapper'> atau <div id='header-outer'>, dengan tombol ctrl+F.
9. Masukan kode berikut di atas kode yang sebelumnya saya sebutkan.

<div class='newspic'>
<div style='float:left;width:1000px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://regibrader-free.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

 #Pada kode warna merah, sesuaikan width atau lebarnya dengan lebar Blog sobat. Ubah URL-nya dengan URL Blog sobat. Dan tentukan berapa banyak entri yang akan ditampilkan pada Headline News.

10. Terakhir, klik Simpan Template dan lihat hasilnya.

Read more

Cara Memasang Widget Sitemeter di Blog

Sitemeter adalah situs yang menginformasikan traffic pengunjung pada Blog/Website. Data Traffic Pengunjung yang lebih mendetail dari Blog sobat dapat diketahui melaui Sitemeter. Mulai dari Visit dan Pageview hari ini, rata-rata visit dan pageview perharinya, total visit dan pageview dan lain-lain.
Sebenarnya masih banyak Situs yang menginformasikan data traffic Blog sobat. Namun apabila sobat menginginkan Sitemeter, ikutilah cara daftar dan pembuatan widgetnya seperti berikut:

1. Masuk ke situs Sitemeter.
2. Klik sign up pada menu bagian kiri Sitemeter.

3. Jika sobat ingin membuat akun yang gratis, klik sign Up pada Site Meter Basic Free.

4. Isi Form Profil sobat diantaranya: Your site's URL (alamat website sobat), Your site's name (Nama Website sobat), Codename (berfungsi seperti username), dan Your current time (zona waktu yang sesuai dengan tempat sobat berada). Codename jangan kurang dari 5 huruf. Setelah itu centang kotak ketentuan dari Sitemeter dan klik Next.

5. Isi form berikutnya yang memuat Email Address (Alamat E-mail), Title (Profesi/Bisnis), Postal Code (Kode Pos), Country (Negara), Gender (Jenis Kelamin), dan pilihan Yes atau No pada "Can you receive HTML email?" (mungkin artinya "Dapatkah anda menerima e-Mail HTML?"). Setelah pengisian selesai, klik next.

6. Setelah itu akan ditampilkan kembali form yang telah diisi untuk mengingatkan sobat apakah telah mengisi form dengan benar. Jika sobat rasa sudah benar, klik next.

7. Jika sobat melakukanya dengan benar, maka pembuatan akun sobat telah berhasil dan akan muncul pemberitahuan seperti berikut. Pilih dan klik manager untuk mendapatkan kode html.

8. Bagian penting adalah sobat membuat password, buatlah pada menu di bagian kanan Sitemeter. Masih pada menu bagian kanan, sobat pilih HTML Code. Coppy kode yang diberikan Sitemeter.

 

9. Login ke Akun Blogger sobat.
10. Masuk pada bagian Tata Letak pada Blog sobat.
11. Klik Tambahh Gadget di posisi yang sobat inginkan.
12. Pilih mode HTML/Javascript.
13. Paste kode dari Sitemeter dan klik Simpan.
Selesai.

Read more

Cara Membuat Halaman Email Me Form di Blog/Web

Email Me Form adalah situs yang menyediakan form pengiriman pesan pada Website/Blog sobat agar mempermudah pengunjung mengirimkan pesan kepada sobat sebagai Admin melalui E-mail. Bagi sobat Blogger yang mengelola Blog-nya dengan serius, Email Me Form ini mungkin perlu dipasang pada blog sobat. Alasanya, Email Me Form ini dapat mempermudah pengunjung setia pada Blog sobat untuk mengirimkan pesan yang lebih detail dan bersifat pribadi pada sobat sebagai admin baik berupa pertanyaan, permintaan penulisan artikel, atau bahkan permintaan pemasangan iklan pada Blog sobat.
Baik, beginilah langkah-langkah untuk membuat halaman Email Me Form pada Blog/Website.

1. Masuk ke situs Email Me Form.
2. Klik Tombol Free Sign Up.

3. Isilah form yang diberikan diantaranya: Username, password, confirm password, email dan confirm email. Setelah itu, centang pada kotak "I agree to EmailMeForm Term of Service" dan klik Create Account.

4. Akan muncul halaman baru, abaikan saja. Buka e-Mail sobat dan akan ada pesan dari EmailMe From. Klik link yang diberikan oleh EmailMeForm untuk verifikasi akun sobat.

5. Buatlah desain form sesuai dengan keinginan sobat. Maaf tidak bisa memberikan intruksi lebih detail karena bagian ini terlalu banyak. Yang jelas sebelah kiri adalah bagian untuk membuat desain form, dan sebelah kanan adalah hasil pembuatan desain form. Karena kita akan membuat form pesan ke e-mail kita, agar sesuai maka sobat masuk dulu ke bagian Templates dan pilih "Contact Form" Jika telah selesai membuat desain form-nya, klik "Save Form".

6. Sobat akan diberikan kode-kode script dari EmailMeForm. Salin kode yang sobat inginkan untuk diterapkan di Website/Blog sobat. Namun direkomendasikan untuk memilih Easy Embed-Javascript Version. Jika sobat tidak diberikan kode script secara otomatis, maka sobat masuk ke bagian "My Form" dan klik "code" di Form yang sobat inginkan.

7. Masuk ke akun Blogger sobat.
8. Karena kita akan membuat Halaman untuk e-MailMeForm, maka masuk pada bagian laman.
9. Pilih Halaman Kosong, masukan judul Halaman misalkan: Contact Us.
10. Isi halaman pada mode HTML dan Paste kode dari EmailMeForm, klik Publikasikan.

EmailMeForm sobat telah dibuat, setiap pesan yang dikirim melalui form ini akan dikirim ke akun EmailMeForm dan Email sobat.

Read more

Cara Membuat Iklan Melayang di Bawah Blog

Beberapa waktu lalu pada posting Cara Membuat Kolom Widget di Bawah Header Blog ada salah satu pengunjung Brader Blog yang memberikan komentar dan memberikan permintaan untuk saya agar menuliskan Cara Membuat Iklan Melayang di Bawah Blog. Namun saya baru bisa menuliskan posting tersebut saat ini. Semoga Iklan Melayang di Bawah Blog ini sesuai dengan permintaan pengunjung.
Tidak usah panjang lebar lagi, Iklan Melayang di Bawah Blog ini disertai dengan tombol close untuk mempermudah pengunjung ketika ingin menutup iklan tersebut. Beginilah cara membuatnya:
1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 105px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO6QbD1NqMRUldK2FyZA3AOQZfUKtf74q8A2ZrVirHNCvDnq6eQTj3qsyPimVk4cVwyMQ_UXkpjcbxunRiTKfe3gzbTKgBE5a8eB9QliJmMJg3izA-5bzQpXilcka9ourC7nP9VsEUgcQr/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

<a href="http://regibrader-free.blogspot.com/p/blog-page_1328.html" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhamdj4GamR810qB05BjY5nK4z1c6_4Ni8ms2oPALZDSB6CYpr-KsJFpMWGEAXEM7akJr9bf-ecWQxZyMbjT8Ff3plTcacFWPCAGRHA23NWv5V1IKAu-S8EQ8q-P5p9aTbFcM0czwImdOY/s1600/pasang+iklan+728x90.gif" /></a>

</center></p>
</p>
</div>

#Untuk mendapatkan script iklanya, silakan sobat baca pada paling bawah posting Cara Membuat Banner Iklan di Blog

6. Ubah script berwarna merah dengan script iklan sobat.
7. Ubah ukuran pada script berwarna biru. Karena kolomnya berdampingan dengan tombol close, maka tinggi kolomnya harus lebih besar dari ukuran tinggi pada banner/gambar iklan sobat. Tombol close memerlukan space kolom 15px. Maka sobat buat kolom dengan ukuran: tinggi banner + 15px.
8. Klik simpan, dan selesai

# Jika tombol close tidak berfungsi, itu berarti area untuk tombol close kurang tinggi. Silakan tambah lagi tingginya.
Sebenarnya tombol close ini bisa disimpan diatas kanan atau disamping kanan iklan, untuk disamping kanan, tinggal tambah ukuran lebarnya. Untuk selebihnya, silakan ulik sendiri OK.

Read more

Cara SEO Blog di Google

Jika sobat membuat Blog, jangan asal memberikan tampilan menarik dan membuat konten yang banyak. Percuma saja bila Blog belum teroptimasi. OK deh yang buat Blog hanya untuk iseng aja. Namun jika sobat serius dalam membuat Blog dan ingin Blog sobat dikenal dan banyak dikunjungi orang, maka lakuakanlah optimasi Blog sobat di search engine.
Berikut salah satu langkah-langkah agar Blog dapat teroptimasi dengan Baik.

1. Hubungkan Blog dengan Alexa untuk meningkatkan Alexa rank. Alexa rank telah banyak digunakan oleh para Blogger dan dipercaya akurat dalam menilai Traffik rank suatu Blog. Dengan dihubungkanya Blog pada Alexa, maka Alexa rank akan meningkat. Pasang juga Widget Alexa rank dan Alexa Toolbar. Silakan baca Cara Mendaftarkan Website/Blog ke Alexa.com.

2. Saya sarankan sobat menggunakan Template yang SEO friendly. Tidak memasang widget yang tidak terlalu diperlukan, apalagi hanya memberatkan Blog sobat ketika dimuat. Seperti pemasangan jam, kalender, pemutar musik yang auto on. Pengunjung mengunjungi Blog sobat tidak untuk mendengarkan musik kan? Apalagi widget jam atau kalender, pengunjung sudah punya kali di rumahnya masing-masing, hehe. Pasanglah widget yang memuat konten Blog sobat dan mempermudah pengunjung mencari informasi di Blog sobat seperti popular posts, Blog archive, lebel, artikel terkait dan lain-lain. Yang penting tampilan rapih terorganisir dan simple, jangan terpaku pada bagusnya tampilan seperti memasang banyak animasi dan banyak warna, itu tidak dipentingkan pada nilai SEO.

3. Daftarkan Blog sobat ke Google Webmaster Tools. Hal ini dilakukan untuk memberi kepemilikan yang sah pada Blog sobat. Disni juga sobat dapat mengatur setelan-setelan SEO pada Blog sobat. Silakan baca Cara Verifikasi Website/Blog di Google.

4. Daftarkan Blog sobat di Google Analytics. Hal ini dilakukan untuk memanatau perkembangan Blog sobat. Silakan baca Cara Mendaftarkan Blog di Google Analytics.

5. Optimasi sitemap pada Blog sobat. Hal ini dilakukan agar mempermudah google mengindex Blog sobat dan memberikan informasi pada Google tentang konten Blog sobat. Silakan baca Cara Mengoptimasi Sitemap Blog.

6. Daftarkan Blog sobat ke Google Feedburner.Google Feedburner adalah layanan umpan web dari Google. Pendaftarn Blog ke Google Feedburner bermanfaat untuk menganalisis lalu lintas pengunjung pada Blog sobat. Silakan baca Cara Mendaftarkan Website/Blog ke Google Feedburner.

7. Lakukan Ping ke Google setiap sobat memperbarui Blog sobat. Hal ini dilakukan untuk memberikan informasi kepada Google bahwa konten pada Blog sobat telah diperbarui. Sehingga Google juga akan segera menyegarkan informasi konten-konten pada Blog sobat termasuk menyegarkan konten Blog sobat di search engine. Silakan baca Cara Ping Blog ke Google.

8. Promosikan Blog sobat pada komunitas-komunitas dan forum-forum di internet, situs jejaring sosial atau dengan cara apapun yang sobat Blogger ketahui. Hal ini dilakukan agar Blog sobat dikenal dan dikunjungi selain dari pengunjung yang menemukan Blog sobat dari search engine. Inilah salah satu cara mempromosikan Blog sobat di Facebook, Membuat Halaman Blog di Facebook.

Begitulah salah satu cara SEO Blog di Goole. Semoga Blog sobat dapat teroptimasi dengan baik dan memiliki banyak pengunjung. Buatlah artikel yang berkualitas, bermanfaat, original, dan sekiranya sedang hangat dan banyak dicari pengguna internet. Saya sarankan carilah Backling untuk Blog sobat untuk menambah link-link menuju Blog sobat.

Sekian, dan Terimakasih.

Read more

Cara Ping Blog ke Google

Ping Blog ke Google adalah cara untuk menginformasikan bahwa konten pada Blog sobat telah diperbarui. Bagaimana jika sobat telah memperbarui konten Blog sobat namun belum diketahui oleh Google? Maka informasi konten Blog sobat di Google masih yang dulu sebelum diperbarui. Maka lakukanlah ping ke Google setiap sobat memperbarui konten pada Blog sobat.

Berikut cara Ping Blog ke Google:

1. Kunjungi halaman ini http://blogsearch.google.com/ping.
2. Jika telah masuk ke halaman tersebut, masukan URL Blog sobat dan klik Submit.

3. Akan muncul tampilan baru yang menampilkan teks "Thanks for sharing your Blog".

Selesai, Teks diatas menandakan bahwa sobat telah menginformasikan bahwa konten Blog sobat telah diperbarui. Maka Google segera  menyegarkan informasi konten-konten pada Blog sobat termasuk menyegarkan konten Blog sobat di search engine.

Read more

Cara Mendaftarkan Blog di Google Analytics

Mungkin bagi Blogger yang memanfaatkan Blog-nya hanya untuk kesenangan saja hal ini tidak penting. Namun untuk para Blogger yang menggunakan Blog-nya lebih serius, pendaftaran Blog di Google Analytics jelas sangat penting. Selain Untuk meningkatkan nilai SEO Blogspot, juga dapat digunakan untuk memantau perkembangan Blogspot. Google telah sedikit merubah cara untuk mendaftarkan Website/Blog di Google Analytics. Jadi inilah cara ter-update mendaftarkan Website/Blog di Google Analytics.
Sebelumnya, sobat terlebih dahulu harus mengatur kepemilikan Blog di Google. Silakan sobat baca Cara Verifikasi Website/Blog di Google. Setelah Blog memiliki kepemilikan yang sah di mata Google, sobat bisa mendaftarkan Blog ke Google Analytics.
Berikut langkah-langkah mendaftarkan Blog ke Google Analytics.
1. Login ke Akun Blogger sobat.
2. Masuk ke Google Webmaster Tools dengan Tab Baru.
3. Klik Kelola Situs di bagian kanan pada Blog yang akan didaftarkan ke Google Analytics. Lalu pilih Properti Google Analytics.

4. Akan muncul tampilan baru. Klik Buat Akun Google Analytics.

5. Akan muncul pemberitahuan bahwa anda harus kembali ke halaman ini jika telah selesai membuat akun Google Analytics. Klik OK.

6. Jika terbuka jendela baru meminta sobat untuk sign up, maka lakukanlah sign up.

7. Buatlah akun Baru pada Google Analytics. Hal ini mudah buatlah seperti biasa dalam membuat akun.
Jika sobat telah memiliki akun, maka klik admin, pilih akun sobat dan klik + Properti (web atau apl)

8. Dalam penambahan properti, Pastikan opsi yang sobat pilih adalah Situs Web. Pilih jenis Analytics, apakah classic atau universal. Saya sarankan agar memilih yang Universal Analytics agar analisis pada Blog lebih menyeluruh.

9. Isikan Nama Website/Blog, URL Blog (pilih http://), Kategori Industri (konten Blog sobat), dan zona waktu.

10.Pada akun Baru, Masukan nama Akun sesuka sobat, centang opsi yang sobat perlukan, lalu klik Dapatkan ID Pelacakan.

 11. Akan muncul jendela baru berisikan ketentuan dari Google Analytics. Pilih ketentuan pada negara sobat, jika perlu baca terlebih dahulu ketentuan tersebut dan klik Saya Setuju.

12. Jika sobat telah menyetujui ketentuan tersebut, sobat akan masuk pada halaman dimana sobat akan diberi ID pelacakan dan kode pelacakan oleh Google Analytics. Coppy semua kode pelacakan tersebut.

13. Masuk pada akun Blogger sobat.
14. Pilih blognya dan Masuk pada bagian Template.
15. Klik Edit Temlate.
16. Cari kode </head>, gunakan tombol ctrl+F.
17. Paste kode pelacakan tepat di atas kode </head>.
18. Klik Simpan Template.
19. Kembali pada halaman Google Webmaster Tools tempat sobat menambahkan akun Google Analytics. Refresh halaman tersebut dan akan muncul akun yang baru dibuat. Klik untuk menandai akun yang baru dibuat dan klik Simpan.

20. Masuk ke halaman awal Google Webmaster Tools. Klik kelola situs pada Blog yang telah dihubungkan dengan Google Analytics, pilih tambahkan atau hapus pengguna, klik pada kotak pemilik, muncul menu dropdown dan klik laman verifikasi pemilik, klik verifikasi dengan menggunakan metode yang berbeda, klik pada Google Analytics dan klik Verifikasi. Blog sobat akan terverifikasi dengan Google Analytics.

Selesai, Jika sobat melakukanya dengan benar maka akan ada pesan pada Google Webmaster Tools tentang Blog sobat yang telah memasang Google Analytics. Sekarang sobat dapat menerima info analisis tentang Website/Blog sobat yang mendetail dari Google Analytics.

Read more