Make a Disclaimer Widget Like Me


Earlier, Dea asked me how to make the disclaimer widget like me above.




  • The first step, open your blogger account and login
  • Choose a layout and add a gadget
  • Scroll continues until there a HTML/JAVASCRIPT word
  • Copy code below

<style>
.colabolly a:link, .colabolly a:active, .colabolly a:visited
{
width:85px; background: #eee;
color:#aaa;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px short stack;
font-weight:normal;
padding:3px;
margin-top:2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-top:1px dashed #EEE;
border-bottom:1px dashed #fed7e6;
border-right:10px solid #DFDFDF;

border-left:7px solid #DFDFDF;
-moz-border-radius: 35px;
border-radius: 35px;
}
.colabolly a:hover{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-top:1px solid #fed7e6;
border-bottom:1px solid #fed7e6;
border-right:10px double #fed7e6;
border-left:10px double #fed7e6;
background:#FFF; color: grey;
}
</style>
<center><div style="background:url(URL BG
) repeat; border:1px double #000;-moz-border-radius: 15px;
border-radius: 15px;padding:4px;width:250px;"> <img style="width:200px;height:200px; margin-top: 5px;border-radius: 100px; box-shadow: 0px 0px 5px 4px mistyrose;" src="URL GAMBARNYA" /><br /> <br /><div class="colabolly"> <a href="http://www.blogger.com/follow-blog.g?blogID=6685195951840735324">Follow</a> <a href="http://blogger.com/home">Dash</a></div></div></center><br />
<div style="background: #000;
) repeat; border:2px dashed #fff; box-shadow: 0px 0px 0px 4px #000;-moz-border-radius: 15px;
border-radius: 15px;padding:4px; color: #fff;width:auto;"> <center><br /> remove this word and Change with u'r word
<br />
</center><br /></div>

  • Good! paste the code in html box.
  • Save 

Please edit it according to you taste 

8 comments:

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

4 ) Blog ini secara otomatis memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...