Lano Blog

Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Cara Memasang Widget Twitter (Tweet Status) di Blogger

Cara Memasang Widget Twitter (Tweet Status) di Blogger - Dengan adanya twitter dengan tweet status mungkin akan lebih mempercantik tampilan blog anda dan adanya status tweet di widget tersebut mungkin artikel - artikel yang kita buat sebelumnya akan di baca oleh pegunjung sama seperti halnya dengan artikel terkait.Nah,berikut Cara Memasang Widget Twitter (Tweet Status) di Blogger


1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen laman Tambah Gadget.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Tidak usah diberi judul.

5. Copy kode di bawah ini dan paste di kotak Konten.
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({  version: 2,type: 'profile',rpp: 3,interval: 30000,width: 240,height: 250,theme: {shell: {background: '#33ccff',color: '#ffffff'},tweets: {background: '#ffffff',color: '#333333',links: '#33ccff'}},features: {scrollbar: true,loop: false,live: true,hashtags: true,timestamp: true,avatars: true,behavior: 'all'}}).render().setUser('LaNoRamadhani').start();</script>
6. SIMPAN 

  • ganti LaNoRamadhani dengan ID TWIITER anda.

Cara Memasang/Membuat Tombol Follow Twitter Box Di Blog

Sebelumnya mungkin saya juga pernah menjelaskan Cara Memasang Tombol Like Box Di Blog.Itu mungkin Facebook dan saya akan menjelaskan Cara Memasang Tombol Follow Box Di Blog Untuk Twitter.Dengan adanya Follow Box ini dapat memudahkan pengunjung blog yang juga pengguna Twitter untuk menge-follow Twiiter kita. Dengan demikian, peluang bertambahnya followers blog kita akan semakin besar dan mungkin ini adalah salah satu cara menambah followers kita.
1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen laman Tambah Gadget.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Tidak usah diberi judul.

5. Copy kode di bawah ini dan paste di kotak Konten.


<!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 340px; px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("LaNoRamadhani");</script
type="text><div
style="font-size:10px;margin-top:-8px;">
<!-- End Twitter Follower Box --><a href="http://lanoblog.blogspot.com/2012/03/cara-memasangmembuat-tombol-follow.html">+ Get This Widget</a></div
style="font-size:10px;margin-top:-8px;">

  • width: 340 lebarnya kolom box twitter atur dengan ukuran sidebar blog anda.
  • height: 250 tinggin kolom box twitter atur dengan ukuran sidebar blog anda.
  • LaNoRamadhani ganti dengan ID twitter anda.

6. SIMPAN


Cara Membuat Tombol Follow Twitter Melayang

S
ebelumnya sudah pernah saya jelaskan mengenai cara memasang widget follow me  twitter.dan juga pernah cara memasang burung terbang twitter di blog.Tombol Follow ini dapat memudahkan pengunjung yang ingin menjadi follower akun Twitter Sobat.Mungkin dengan ini sedikit agak simple dari yang sebelumnya.dan mempercantik blog anda juga.
Nah,Berikut cara membuat tombol follow twitter melayang


1. Masuk ke akun Blogger Anda.


2. Klik Rancangan > Elemen laman Tambah Gadget.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Tidak usah diberi judul.

5. Copy kode di bawah ini dan paste di kotak Konten.

<br/><a style="display:scroll;position:fixed;bottom:200px;left:1px;" href="http://www.twitter.com/URL-TWITTER-ANDA" target="_blank"><img style="border:0;" src="http://3.bp.blogspot.com/-omYxrZ9Zaoc/T2atG33p9EI/AAAAAAAAA8c/miGx8FziiLk/s1600/followmeontwitterlanoramadhani.jpg"/></a>


  • URL-TWITTER-ANDA : Ganti dengan URL Twitter anda misal : http://www.twitter.com/LaNoRamadhani

6. SIMPAN

Cara Membuat Buku Tamu Melayang

S
ebeleumnya saya suda pernah menjelaskan cara membuat buku tamu.sekarang saya akan menjelaskan cara membuat buku tamu melayang di blog buku tamu atau yang biasa disebut shoutbox merupakan salah satu sarana untuk berinteraksi antara pemilik blog dengan para pengunjung blog. Di buku tamu tersebut para pengunjung dapat membuat pesan-pesan serta meninggalkan URL blognya atau email. membuat buku tamu di blog sangat diperlukan, disamping agar pengunjung atau pembaca dapat meninggalkan pesan buku tamu juga bisa menambah cantik blog kamu, cara membuat buku tamu bisa dilakukan dengan berbagai macam cara, banyak juga website yang menyediakan script buku tamu secara gratis juga, dan shoutmix juga cbox adalah sedikit dari website yang menyediakan buku tamu dan paling banyak penggunanya.
Nah,Berikut cara membuat buku tamu melayang di blog


1. Masuk ke akun Blogger Anda.


2. Klik Rancangan > Elemen laman Tambah Gadget.Pilih yang diatas postingan.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Tidak usah diberi judul.

5. Copy kode di bawah ini dan paste di kotak Konten.

<!-- right hidden chatbox by http://lanoblog.blogspot.com/ START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.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">

KODE SHOUTBOX ANDA DISINI<br />
<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 by http://lanoblog.blogspot.com/ END -->


  • KODE SHOUTBOX ANDA DISINI : Ganti dengan HTML Shoutmix / Cbox anda.

6. SIMPAN



Cara Membuat Widget News Update

S
ehari sebelumnya ada yang bertanya ''Sob Cara Membuat Widget News Update Seperti Di Blog LaNo Ini Seperti apa mohon Tipsnya'' oke saya akan memberitahukan tipsnya.Pengertian dari memasang widget ini adalah sebuah  widget pihak ke tiga yang dibuat dengan bantuan javascript yang berfungsi untuk menampilkan judul serta link artikel-artike terbaru dari update blog kita.di dalamnya berisi berita-berita terbaru dari blog kita sehingga membuatnya menarik perhatian.
1. Masuk ke akun Blogger Anda.


2. Klik Rancangan > Elemen laman Tambah Gadget.Pilih yang diatas postingan.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Tidak usah diberi judul.

5. Copy kode di bawah ini dan paste di kotak Konten.

<script src='http://www.google.com/jsapi'></script>
<script>
google.load("jquery", "1.3.2");
</script>
<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+'" /> Retrieving RSS feed(s)';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{text-decoration: none;}.labelfield{color:#666;font-size: 100%;}.datefield{color:#000000;font:normal 13px Comic Sans MS;}#example1{width: 600px;height: 14px;border: 0px solid #aaa;padding: 0px;font:bold 13px Comic Sans MS;text-transform:none;text-align:left;background-color:transparent;}code{ color: #000;}#example1 a:link, #example1 a:visited {color:#00bfff;text-decoration:none;margin-left:3px}#example1 a:hover {color:#000000;text-decoration:none;}
</style>
<div class='newspic'>
<div class='news'>
<div style='float:left;padding:5px 50px 5px 0;font:bold 14px Comic Sans Ms;text-transform:none;color:#000000;background:#00ffff -moz-linear-gradient(top,  #FFFFFF,  #000000);background:linear-gradient(top,  #00FFFF,  #000000);background:-o-linear-gradient(top,  #00FFFF,  #000000);background: -webkit-gradient(linear, left top, left bottom, from(transparant), to(#000000));'>
News Update :
</div>
<div style='float:left;width:740px;padding:4px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Blog LaNo", "http://AlamatBlogAnda.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div></div>
  • Ganti AlamatBlogAnda dengan alamat blog anda.
6. SIMPAN

Cara Memasang Tombol Like Melayang

M
ungkin sebelum anda memasang tombol like anda harus mengetahui Cara Membuat Fans Page.Dan sesudah anda membuat fans page anda akan mencari cara untuk Memasang Tombol Like Box.Salah satu caranya adalah dengan membuat Page blog kita di Facebook serta memasang Like Box di blog kita. Adanya Like Box ini dapat memudahkan pengunjung blog yang juga pengguna Facebook untuk menge-like Page blog kita. Dengan demikian, peluang bertambahnya fans Page blog kita akan semakin besar.mungkin dengan cara itu kurang banyak menadapatkan like.Tombol Like Melayang mungkin akan memudahkan para pengunjung untuk melike fans page.




Nah, berikut ini adalah langkah-langkah dalam Cara Memasang Tombol Like Melayang  :



1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen laman Tambah Gadget.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Tidak usah diberi judul.

5. Copy kode di bawah ini dan paste di kotak Konten.

<div class='widget-content'>
<style type="text/css">
#topbar{
position:absolute;
padding-top:300px;
padding-left:500px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
 barheight=document.getElementById("topbar").offsetHeight
 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
 var d = document;
 function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;
  }
  return el;
 }
 window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
 }
 ftlObj = ml("topbar");
 stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://lh4.googleusercontent.com/-GZFcYpNw6g0/TxozkU-AvqI/AAAAAAAAB5Y/f0h9rNW283w/s61/Close-Button-Pradisz-Wardhana.png" /></a></div>
<center>
<div style="background: #fff;">
<center>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FURL_ID_HALAMAN_ANDA&amp;width=299&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=165" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:299px; height:165px;" allowtransparency="true" rel="nofollow"></iframe></center></div></center></div></div>
  • URL_ID_HALAMAN_ANDA ganti dengan ID halaman anda.
    6. SIMPAN

    Membuat Tombol Floating Share Buttons

    S
    eperti diketahui kalau tombol share atau berbagi berguna untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jaringan mereka. Facebook LikeTwitter Tweet dan Google +1 merupakan layanan berbagi yang populer saat ini.




    Berikut cara membuat tombol floating share buttons ( melayang-layang diblog )

    1. Masuk ke akun Blogger Anda.

    2. Klik Rancangan > Elemen laman Tambah Gadget.

    3. Di Dasar-dasar pilih HTML/JavaScript.

    5. Copy kode di bawah ini dan paste di kotak Konten.


    <style>
    #pageshare {position:fixed; bottom:100px; margin-left:-670px; float:left; background-color:#ffffff;padding:0 0 2px 0;z-index:10;border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;}
    #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
    .fb_share_count_top {width:48px !important;}
    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
    </style>
    <div id="pageshare">
    <div class="sbutton" id="fb">
    <a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
    </script></div>
    <div class="sbutton" id="rt">
    <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'></script></div>
    <div class="sbutton" id="gplusone">
    <g:plusone size="tall"></g:plusone></div></div>

    6. SIMPAN
    • Bila anda ingin menambahkan goggle plus anda cuma sedikit menambahkan kode dibawah ini diatas kode </head>.

    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>



    Cara Memasang Burung Terbang Twitter

    S
    ebelumnya diblog ini juga pernah dibahas diblog ini cara memasang widget tombol follow me on twitter dan kali sedikit berbeda yaitu widget dengan burung terbang saya rasa dengan memasang twitter burung terbang bisa mempercanti blog anda juga untuk demo coba anda liat disini.gimana menarik bukan berikut caranya simak caranya..semoga berhasil..


    1. Masuk ke akun Blogger Anda.

    2. Klik Rancangan > Elemen laman Tambah Gadget.

    3. Di Dasar-dasar pilih HTML/JavaScript.

    4. Beri judul sesuai keinginan Anda.

    5. Copy kode di bawah ini dan paste di kotak Konten.

    <!-- floating twitter Bird -->
    <script type="text/javascript" src="http://mangde.googlecode.com/files/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxjOeApB1e43c-y2Jk5Y_xSDOi7WLZfYDdK4iW6IRWV02tTr0oFD8Y9U16u7CA7R2r70pWibnBQhZXkLGPsiRdqPNFY8YIPf2wNc6BRw74oW3rpu7YxzKXmy-hGVf7M9mAfI8H0KDzA4/s1600/black+bird.png";
    var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","
    h3","h4","p","code","object","a","b","strong","span");
    var twitterAccount = "http://twitter.com/LaNoHTC";
    var tweetThisText = "Twitter - UserID http://www.mangde.tk/";
    tripleflapInit();
    </script>

    6. SIMPAN

    • Silahkan ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxjOeApB1e43c-y2Jk5Y_xSDOi7WLZfYDdK4iW6IRWV02tTr0oFD8Y9U16u7CA7R2r70pWibnBQhZXkLGPsiRdqPNFY8YIPf2wNc6BRw74oW3rpu7YxzKXmy-hGVf7M9mAfI8H0KDzA4/s1600/black+bird.png ganti dengan burung twitter anda.
    • Ganti LaNoHTC dengan ID Twitter anda
    Anda dapat megganti gambar burung twitter dengan gambar twitter anda.bila tidak ada anda dapat memilih gambar-gambar burung twitter berikut :

    Warna Hitam


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxjOeApB1e43c-y2Jk5Y_xSDOi7WLZfYDdK4iW6IRWV02tTr0oFD8Y9U16u7CA7R2r70pWibnBQhZXkLGPsiRdqPNFY8YIPf2wNc6BRw74oW3rpu7YxzKXmy-hGVf7M9mAfI8H0KDzA4/s1600/black+bird.png
    Warna Coklat


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3C90JWvL93pWCN8ijjY6hxgI650bRg_9Oia3pvpYZNl1nXe7P6RngBxxL6LpbulHU1Ov_UngogOL1YtQx7NLK7_Coi4t_byVcu27qxb-S_tyfwcCZq7pR1dSvbL7_z0EbIlwrPuINgg/s1600/brown+bird.png
    Warna Biru


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8twC9ZinCSOlu_y-z1U8KtmUNmVT9Wig804tEidkkw0enwCp3a868J8_tB7iRqNAwrFykB4EmHkY8rtEzxyYJOzyp4XrY-q_AdFgIhr2IvdT3BW04h178Yw8WahZ0xpDypjvxUAyvSi8/s1600/Blue+bird.png
    Warna Putih


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI5krEPYRs3yolFGPCPCXU_-wA-ZQ5ec1kzVxp15zySvHhfTa9KAJ03eu23Bwm5_797TSvawianXDuTD0vR5CP9gfsi0YmTAhyphenhyphen8LjA8-TW_hJio5dZBk8hHxtQsTDWgY8ey8pRd1oBh5k/s1600/white+bird.png
    Warna Merah


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH7TykXFdlrK95EUmOMvG2jgrelohZ_efCxSNNkZ8dTBjyBibgLFq7sTIcEtm8IhdOrmrRR66H52I6pUB6pqeARtvqkyKzrv-xbqxlcRXWkNTE7D2ltM3KvhYHydS0D8BmRtUAxWuhu7g/s1600/red+bird.png
    Warna Hijau


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVMmdqTZ1yrM-pv32viJjShYYuKRo33PLVoXemi5HUKq9uum49fh1Ngez1llzgBqseORLGU_ccQrb0UIs3fGecRoott0N_0suBXSqtcrzVWxZ67RcVk-XXUBlJo9Yq6OKZOrFoCAASagI/s1600/Green+bird.png
    Warna Ungu


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhmLMh-7wuS95W1Lo6fWyDAApL9npTV4sJVq2oYbNqrZ1AGF_I39hrBjjeERDCKuSXr2ntHQsSlBLC5ojrokxxT2zSDURk6fjiFjdKZsGG73JGDePJYwCBpLItucECCu09V9tSEpRMijw/s1600/purple+bird.png
    Warna Kuning


    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtS5FPRPk0IhDIzRTTl8yX2GM-Y8gEw6LFtA1diJW8m7Ykq6UILuFwT6GYJjJ5XAMGvm07mH9ViupIStsfeprTOyKHV21O9rAnti7mDAG680If8YzuRWYwozAeJjmdCdRnlVewrRoOj6g/s1600/yellow+bird.png

    Cara Memasang Status Yahoo Messenger

    S
    udah tahu kan gambar apa yang ada di samping ini? Ya, gambar di samping merupakan icon yang menandakan status Yahoo Messenger sedang online. Gambar ini sering dijumpai pada banyak blog atau situs di internet. Dengan adanya gambar status YM ini di blog, maka para pengunjung dapat mengetahui apakah Yahoo Messenger sang pemilik blog sedang online atau tidak.berikut cara memasang status yahoo messenger.tapi sebelumnya anda harus memilik akun yahoo ! dulu.bila belum baca disini dulu.


    1. Masuk ke akun Blogger Anda.

    2. Klik Rancangan > Elemen laman Tambah Gadget.

    3. Di Dasar-dasar pilih HTML/JavaScript.

    4. Beri judul sesuai keinginan Anda.

    5. Copy kode di bawah ini dan paste di kotak Konten.

    <a href="ymsgr:sendIM?YahooID"><img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=14&l=us"/></a>

    6. Ganti YahooID dengan ID Yahoo Anda dan angka 14 pada t=14 dengan angka icon status YM pilihan Anda. Pilihan icon status YM dapat dilihat disini.


    7. SIMPAN

    Cara Membuat Widget Linkwithin Hanya Muncul Dipostingan

    B
    ila kita memasang widget linkwithin widget ini pasti muncul dihomepage dan halaman postingan.Mungkin anda tidak nyaman dengan adanya widget linkwithin ini muncul dihomepage saja dan juga memberatkan loading blog anda juga.Nah agar blog anda lebih ringan kita pasang saja widget linkwithin ini hanya muncul postingan.Berikut caranya...selamat menyimak..semoga berhasil...


    1. Masuk ke akun Blogger Sobat.

    2. Klik Rancangan > Edit HTML.

    3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

    4. Beri tanda centang di Expand Template Widget.
     
    5. Cara kode yang mirip seperti dibawah ini.Gunakan Ctrl + F, kemudian masukkan kata kunci LinkWithin sebagai kata kunci utamanya.

    <b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
    <b:includable id='main'><data:content/></b:includable>
    </b:widget>

    6. Tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> setelah kode<b:includable id='main'> dan </b:if> sebelum </b:includable> sehingga hasilnya menjadi seperti di bawah ini.

    <b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
    <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if></b:includable>
    </b:widget>

    7. Klik tombol SIMPAN TEMPLATE.

    8. Selesai.
     

    Cara Memasang Widget Linkwithin

    S
    ebelumnya diblog ini pernah dibahas cara membuat artikel terkait maupun dengan scroll box dan juga dengan thumbnail itu semua sudah dibahas semua diblog ini.dan kali ini berbeda tanpa perlu mengedit HTML lagi.Widget artikel terkait kali ini pemasangannya relatif lebih mudah karena kita memanfaatkan layanan dari LinkWithin.


    Widget artikel terkait dari LinkWithin ini disertai pula dengan thumbnail sehingga terlihat menarik bagi pengunjung. Dengan memasang widget artikel terkait di blog ini dapat memberikan peluang posting-posting kita yang lainnya untuk dibaca oleh pengunjung sehingga dapat meningkatkan page view blog kita. Bila Anda tertarik untuk memasang widget artikel terkait dari LinkWithin di Blogger, Anda dapat menyimak langkah-langkah pemasangannya di bawah ini.
    • Isikan email Anda pada kolom Email.
    • Masukkan URL blog Anda di kolom Blog Link.
    • Pilih Blogger pada kolom Flatform.
    • Pilih banyaknya artikel yang ingin ditampilkan, 34, atau 5 stories pada kolomWidth.
    • Beri tanda centang pada "My blog has light text on a dark background" bila blog Anda warna latar belakang blog Anda gelap.
    • Klik tombol Get Widget!
    • Klik Install Widget utnuk membuka Blogger di tab baru.
    • Pada halaman Menambah Elemen Laman, Pilih sebuah blog jika Anda memiliki lebih dari satu blog.
    • Klik tombol MENAMBAH WIDGET.
    • Drag dan drop kotak LinkWithin ke bawah kotak Posting Blog.
    • Klik tombol SIMPAN.

    Cara Pasang Widget Lencana Profil Facebook

    L
    encana Profil Facebook adalah gambaran tentang profil diri kita yang ada di dalam akun Facebook. Lencana Facebook ini dapat dipasang di blog kita. Tujuan memasang Lencana Profil Facebook ini adalah untuk memperkenalkan diri kita kepada pengunjung blog kita dengan harapan si pengunjung akan menambahkan kita sebagai temannya.contoh untuk lencana profil



    Dominic NB SnuterStars

    Buat Lencana Anda




    Bila Anda ingin memasangnya di blog, di bawah ini adalah langkah-langkahnya.

    1. Silakan masuk ke akun Facebook Anda.
    2. Klik menu Profil.
    3. Kemudian klik tulisan Tambahkan sebuah lencana pada Situs Anda  yang ada di bagian kiri bawah.
    4. Kemudian disitu ada 2 pilihan untuk lencananya anda tinggal pilih dengan selera anda.
    5. Klik tulisan Sunting lencana ini untuk menyunting.bila tidak ingin menyunting anda bisa mengklik dibagian Pilih tempat menambahkan lencana : pilih Blogger bila anda pengguna blogger.kemudian klik MENAMABAH WIDGET


    6. Silakan diatur Tata Letak dan Isi menurut kebutuhan Anda, pratinjaunya dapat dilihat di sebelah kanan. Bila sudah, klik tombol Simpan.
    7. Selanjutnya copy kode yang ada di dalam kotak


    8. Masuk ke akun Blogger Anda.
    9. Klik menu Rancangan.
    10. Pilih Elemen Laman.
    11. Klik Tambah Gadget.
    12. Pilih HTML/JavaScript.
    13. Silakan isi judul dan paste kode yang tadi di kolom Konten.
    14. Klik tombol SIMPAN.
    15. Selesai.