Tuesday 24 March 2015

How To - Grab My Button



How to add Grab My Button for your blog.
For Blogger Blogspot.

First copy the code below,
Paste it in "HTML/JavaScript" blog widget,
Replace the highlighted text with your blog info:

<div class="grab-button" style="width: 180px; margin: 0 auto;">
<img src="YOUR BUTTON IMAGE URL" alt="IMAGE NAME" width="180" height="180" />
<!--end grab button header -->
<!-- button code box -->
<div style="margin: 0; padding: 0; border: 1px solid gray; width: 170px; height: 170px; overflow: scroll;"> &lt;div class="YOUR BLOG NAME" style="width: 170px; margin: 0 auto;">
&lt;a href="YOUR BLOG URL" rel="nofollow">
&lt;img src="YOUR BUTTON IMAGE URL" alt="IMAGE NAME" width="170" height="170" />
&lt;/a>
&lt;/div></div></div>

     

For your button image that represents your blog,
Have it ready - create the button image using
any illustration & drawing software such as
Photoshop, or you can get from internet.
Standard size would be 125 x 125.
Upload image in a photo library/
Free image hosting i.e, Photobucket or Flickr,
There you can grab the image URL.
DONE!  photo ezgif-2023763682_zpsrhdp5jzd.gif

Grab Ryu no Sekai Button
<div class="Ryu no Sekai" style="width: 170px; margin: 0 auto;"> <a href="http://ryunosekaidiary.blogspot.com/" rel="nofollow"> <img src="http://i1163.photobucket.com/albums/q547/Ryu666x/Guess/Ryunosekai_zpsqcwe1bmj.png" alt="Ryu no Sekai" width="170" height="170" /> </a> </div>

How To Copy Code: Highlight code, press CTRL + C
If you find this helpful, please like, share, tweet - support me. Thank you!


0 comments:

Post a Comment