Install Jelly Bean Blast Custom Firmware In Samsung Galaxy Y S5360 Easily

We all Love Android and Day by Day Android is Becoming one of the top Best Smart Phone  OS. Android is Developing day by day and Developers are adding lots  of new and amazing features in latest versions of Android. Currently latest version of Android is 4.2 ( jelly Bean). Many Smart Phones get this update officially But low end smart phones like Samsung Galaxy Y didn't get this official update due to its Hardware requirements, Even more costly smart phones could not update to Jelly Bean because of their Hardware Requirements, so Today I m going to share how to Install Android 4.1 Jelly Bean Blast on your samsung Galaxy Y S5360. This is not an official Rom, this is a Custom Rom developed by Senior members of xda. This Custom Rom is specially Developed to make you feel like you are using 4.1 Jelly Bean on Galaxy Y.

Before moving forward let me tell something more about this Rom as I have used this on my Galaxy Y :). This Rom is Totally Safe & Easy to Install if you follow the below procedure But it consists a little Bug as sometimes you will not receive any Text messages after Installing this Rom but Don't worry, a solution is Here For you just Install GOSms Pro App ( Free Version) from Play Store and simply Install it, after that you will receive all Text messages smoothly.
I m 100% confident as I have also Done this same process with my Galaxy Y :)

So Here are some Feature's of This Jelly Bean Blast Android 4.1 ROM :

• Replaced launcher with Stock ICS like launcher.( HOLO LAUNCHER from Mobint)
• Added ICS circle lock
• All apps like ICS
• Upgraded: Google play Store(not Market), Google PLAY music, new Google maps, and much more!!!
• Added link2sd ( You can move ALL apps to SD with this app!!!)
• Retains DSP Manager for great sound.
• Swype with ICS theme.
• Exactly ICS like FOLDERS
• Removed more bloatware!!!
• Added ICS gallery!!!!! Much, much faster.
• Transparent notification panel( from Creed…)
• Contains full ICS ANIMATIONS….please activate it under settings >display ..because it is turned off to save battery ….
• A BEAUTIFUL Custom ROM, which looks exactly like GALAXY NEXUS!!! YAY!!!
• Based on S5360DDLA1, but works on any version you are using!!
• Completely stable!!!

Point to Remember :

Your phone SHOULD be rooted.(if not Rooted yet Follow this Link)

This tutorial will wipe out all your data. Proceed at your own risk.

Samsung KIES will NOT detect your phone after installing Jelly Blast ROM because it is a custom ROM.

ClockworkMod recovery should be installed from before.

Make sure you backup all your data in your phone before proceeding.

Screenshots :

Steps :

Step 1 : Download Jelly Blast ROM for your Galaxy Y. (Link)

Step 2 : Place the rom zip file in your sd card. Do not place it in any folders.

Step 3 : Then, turn off your phone.

Step 4 : After your phone is switched off, hold the Volume Up, Home and Power button altogether .

Step 5 : Use the volume keys to move up and down.

Step 6 : Select apply update from sd card, then press CWM.zip - Click here to download CWM.zip

Step 7 : In CWM recovery, (first backup your current Rom in Backup & Restore option. it will take 5-10 mins to Backup your all Rom. When Backup is Finished go back.

Now Click on wipe data and cache. 

Step 8 : Select install zip from sd card.

Step 9 : Choose JellyBlastGenED.signed.zip

Step 10 : Choose "Yes" (It will be installed)

Step 11: After the rom has been installed, reboot your phone!

Step 12 : After your phone has rebooted, you have sucessfully updated your galaxy y to Android 4.1 Jelly Bean.

That’s it! Your Galaxy Y should now have Jelly Bean Blast Android 4.1 ROM installed on your phone! Go to Settings > About phone to verify.

Disclaimer : The Android version is displayed as 4.0.4 to complete the look and feel of the ROM. Users should keep in mind that it is actually 2.3.6

We will not be responsible for any damage of your phone, flash this at your own responsibility. No one will be liable for any damages.

More info at xda thread: http://forum.xda-developers.com/showthread.php?t=1679563

Hope you UNDERSTAND this Easiest Tutorial to Install Custom Rom on your Galaxy Y,

Video Tutorial will Added soon In This Post so stay updated with us, You can also Subscribe us free for more latest Updates :)

Read More

How To Root Samsung Galaxy Y S5360 ( Easiest & Working Method )

Hello Visitors, After a Long Time I m going to Post something about Android. In this article you will see Simple, Easiest  & Working method of Rooting Galaxy Y. Samsung Galaxy Y is a Low end Smartphone which runs on Android 2.3 ie: Gingerbread OS.This Smartphone has 2MP camera, Android 2.3 OS, 832 MHz processor and 3.0 inch TFT capacitive touch screen.

However as this Samsung Galaxy Y S5360 was at low cost it has got some less features as well as low optimization on Operating System all in order to come to its low price. In order to remove the limited functionality of this device the rooting of the Smartphone is necessary. Rooting process is known to be quite risky but yes if followed properly you will be completely safe. Rooting is very compulsory step required for low end Smartphones. So let’s get started. But remember to completely charge your device as this is the starting requirement.

Admin : * I also owns a Galaxy Y and I have Rooted my Device with this Simple method, It Works For me :), I haven't made Video of that Process but I have captured a screenshot of my Android after Rooting, you can see it Below.

Safety First :

• Your Smartphone should be fully charged or at least with 60% charged, in order to get ready for rooting. If you try on low battery your Device will crash and hence will get Jammed.
• Backup all your Data like Images, Contacts etc before rooting because all files will get removed during rooting of the device.
• Close all the background applications, especially antivirus and battery checkup utility.
• Before Starting, Enable USB Debugging on your mobile. This can be done as follows Settings > Applications > Development

Steps Required in Rooting your Samsung Galaxy Y S5360 :

• Download the Required Root Package from HERE
• Connect your Device Samsung Galaxy Y  to the computer only via USB.
• No Extraction is required. Copy the Zip file to the root of the SD card and remember not to paste in any folder as it would cause an interruption.
• Now Unplug your Device Samsung Galaxy Y from your PC.
• Switch off your Smartphone to enter into recovery mode.
• Keep pressing The Volume Up Key, Home key and Power Button  to enter the recovery mode.
• Now, as you are in the recovery mode only Volume up and down would work to select the file and Home Button will work for OK. So use those  buttons and select Apply Update from sdcard.
• Now After that Select Update.zip and Press Home Button.
• The rooting will start taking place after you have selected on Update.zip. It would usually take about 10-15 mins.
• After rooting the device will automatically restart and then normal booting will take place. The rooting of your Phone is now done!

Congratulations! You have successfully rooted your Smartphone Samsung Galaxy Y S5360.

Now you can add any applications without any limitation as well as you can even install Custom ROM or Cyanogen Mod, if you wish.

Disclaimer: Neither Admin nor TricksHunt is responsible in case of any damage to the mobile. So, try this at your own risk.

Read More

Exclusive Social Sharing Widget For Blogger

Hello Visitors, I m posting after so many days as I was Busy in my Exams, Toady I m going to share an amazing and beautiful widget for Blogger, As a blogger we all know that social sharing is most Important for all, Social sharing can Bring lots of Traffic on Your Blogs as well as mine too :). I m Using this This Widget on my Other Blog : DownloadJunction.org. This widget looks amazing, You can see live Demo of this widget here :

Live Demo

Features of this Widget :

• This widget wont's makes your Blog Loading speed more.
• 8 most popular social networks
• Looks amazing :)
• Easy to Install.

So let's move and see how to add this widget on Your Blogs :

How To Add This Widget In Blogger

• Go to Blogger Dashboard > Template\
• Click on Edit HTML (Please Backup Template First)
• Search for this code (Using Ctrl+F)

<b:if cond='data:blog.pageType == &quot;item&quot;'>

• Now paste the Below Code just after the above Code

<style type='text/css'>
.custom_images ul {display:inline; list-style:none}
.custom_images ul li {float:left; margin-right:1px}
</style>
<div class='addthis_toolbox'>
<div style='margin: 50px 0px 10px; font-family: Arial, Helvetica, Sans-serif;color:#000000;font-size: 22px;'><b>Share this Article with Your Friends :</b></div>
<div class='custom_images'>
<span class='fade'><ul>
  <li><a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='65' src='https://lh3.googleusercontent.com/-ErgrNe7VaTM/T4ywntBsxGI/AAAAAAAAJHA/79YM4bBqnf4/s57/Facebook%2520alt%25202.png' width='65'/></a></li>
  <li><a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='65' src='https://lh5.googleusercontent.com/-jZW7xfQfo5c/T4ywo5r5yBI/AAAAAAAAJHM/4ZtK0i8IXyA/s57/Twitter%2520alt%25204.png' width='65'/></a></li>
  <li><a class='addthis_button_google_plusone_share'><img alt='Share to Google+' border='0' height='65' src='https://lh5.googleusercontent.com/-l682ZOmTPl8/T4ywn1Z13TI/AAAAAAAAJG8/ncHs61veQOo/s57/Google%252B%2520alt%25202.png' width='65'/></a></li>
  <li><a class='addthis_button_stumbleupon'><img alt='Share to Stumble Upon' border='0' height='65' src='https://lh4.googleusercontent.com/-OBxyCfQlXV4/T4ywonzZx6I/AAAAAAAAJHI/UBRTcapYwCw/s57/StumbleUpon%2520alt.png' width='65'/></a></li>
  <li><a class='addthis_button_evernote'><img alt='Share to Evernote' border='0' height='65' src='https://lh4.googleusercontent.com/-RCzpjgpIEcE/T4y74V6mhzI/AAAAAAAAJH8/ex7WdsezcYk/s57/evernote-icon.png' width='65'/></a></li>
  <li><a class='addthis_button_blogger'><img alt='Share to Blogger' border='0' height='65' src='https://lh6.googleusercontent.com/-DkPVHUpO5Mc/T4y73abYX4I/AAAAAAAAJH0/1xfolEU-Y_k/s57/Google%2520Blogger.png' width='65'/></a></li>
  <li><a class='addthis_button_email'><img alt='Share to Email' border='0' height='65' src='https://lh4.googleusercontent.com/-CxGRg2HeAXc/T4y73bmCVAI/AAAAAAAAJHw/gaA6Y7GwQZU/s57/Mail%2520alt.png' width='65'/></a></li>
  <li><a class='addthis_button_yahoomail'><img alt='Share to Yahoo Messenger' border='0' height='65' src='https://lh6.googleusercontent.com/-z9ucAlSwZ1o/T4y-uaIEpNI/AAAAAAAAJIc/YL6sPfqvFkk/s57/Yahoo%2521%2520alt%25201.png' width='65'/></a></li>
</ul></span>
</div>
</div>

• Now Find </body> on your template.
• And just above it paste the Below code.

<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=nguoiaolam' type='text/javascript'/> 

• Now save your template and you are done :)
• You will see see this widget below your Posts.

Hope you Like this widget as well as this post, If you are getting any problem with this widget or getting problem during installing it then feel free to ask via comments.
Keep Visiting Trickshunt for more latest Blogger wiidgets, Tricks and many more....

Read More

How to Remove Border From Blogger Images

Hello Readers, If you are a Blogger then you must know that Image borders makes blogs loading speed more so many bloggers remove this image borders from their blogs, If you also want to remove borders and shadows from your images in your blog then here I have a simple trick.We will do this with using a small piece CSS code.Just follow my steps carefully.

How To Remove Border & Shadows Of Your Blogger Images?

1. Go to Blogger Dashboard > Design > Edit HTML
2. Download/Backup your template
3. Now search for ]]></b:skin>
4. Add below code just above ]]></b:skin>

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
    padding: none !important;
    border: none !important;
    background: none !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
}

Now save your template and refresh your blog.Now your blog should appear without any borders and shadows.

Enjoy :) 
For any help, Feel free to ask in comments..

Read More

Remove ‘H’ Badge From HELLOBAR Toolbar Easily

Hellobar Toolbar Is the most Used Notification Toolbar for Both Blogger and Wordpress Platform, The main reason of Installing Hellobar Toolbar is because its too simple, It just need a simple signup process to their Account and Simple Customizing of Toolbar, then after saving that customizing it provides a small script which we have to add on our Blogger blogs/Wordpress blogs.

Hellobar is amazing widget to show any particular article of your blog/site which a link of that article, You can also add social profiles name on this toolbar and let your visitors to like or follow that page.

Hellobar provide both free and paid service to their customers, with a free account you can Install hellobar but you will get only 25 clicks per month on your particular link and you will get a badge of Hellobar on left Side of it, You can see this bagde in upper Image.

Today I m going to share How to Remove this Badge/Attribution from Hellobar Toolbar Easily.

It is so simple process but you need to have Hellobar Toolbar Installed on your Blog. If you haven't signed up for Hellobar, just go through this Link and make a free Account of it and install   the toolbar on your Blog.

Live Demo of Hellobar Toolbar

Finally After Installing Hellobar :

• Go to Blogger account > Template > Edit HTML
• Now, find </head>
• Paste the below code just above it:

<style type='text/css'>

a#hellobar-logo, a#hellobar-logo:link, a#hellobar-logo:visited {

display:none}</style>

• Now save your Template and Go to your Blog you will see that Badge on that Toolbar is no more and your Toolbar will look more professional.

Hope You Enjoyed this Easiest Tutorial, This tutorial is only for educational and testing purpose.  If you find this toolbar useful, then please purchase it! , if you afce any problems, then feel free to ask viacomments! 

Read More

Remove Underline from Links in Blogger

Hello Readers, Today I m going to share you an Small but amazing Trick of Blogger. You all have visited lots of Blogs/sites and have seen a lots of Links mentioned on them, some links have Underline and some one don't. 

Links that are underline does not looks better so many Bloggers remove this underline from their link, Removing underline from the link is too easy, we just have to find a single code from our template and replace it with new one.

So let's move and see how to do this on your Blogs :

How To Remove Underlines From Links?

• First Go to your Blogger Dashboard > Design > Edit HTML.
• Download a copy of your template.
• Now find for below code in your template.

a {
color: #0000FF;
text-decoration: underline;
}

Note - You will find this code little code different as coding of each template is differ.If you could not find this code then do not panic and simply post your Blog URL in the comments.

Now replace text-decoration: underline; with text-decoration: none;

Now save your template and you are done...

Read More

Add HackingUniversity Style Email Subscription Widget in Blogger

Hello Readers, Most of you know about Hacking University, It is very popular blog run by Rishabh Jain, The widget I  m going to share today is first seen in This Blog, this is one of the most famous Subscription widget for Blogger and used by many Blogs/Sites.

You can See the Live Demo of this Widget Here:

LIVE DEMO

features of this widget

• Attractive Design
• Responsive
• Fast Loading

Also See : Add Cool Email Subscription Widget Below Blogger Posts

how to add this widget in blogger

• Log in to Blogger account
• Go to Layout > Click on Add a Gadget
• Choose HTML/Javascript
• Add the following code inside the box.

<style type='text/css'>#sidebar-subscribe-box{background:url(http://1.bp.blogspot.com/-IyEBRR8yOQQ/UBhYdBd23PI/AAAAAAAAFTU/aeW3JdAlrCs/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-tUlo5p5gP8o/UBhYciGNgwI/AAAAAAAAFTM/x22pIuNLVPw/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(http://1.bp.blogspot.com/-n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Subscribe to our email newsletter & receive updates right in your inbox.</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=trickshunt" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=trickshunt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="trickshunt" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></div></div>

• Now Replace Trickshunt with your Feedburner Username.
• Save Widget and you are Done

You've successfully added the HU style widget to your blog.

If you are having any problems with this widget then you can leave your comments below.

Keep Visiting Trickshunt for more Blogger Tricks, wIdgets & Techno Updates.

Read More

Add Beautiful CSS Buttons with Bubbles Animation in Blogger

Hello Guys, After a long Interval of Time Today I'm going to Post about an amazing widget for Blogger, This Widgets are actually Buttons widget, You all have seen this widgets in many Blogs/site, So now I will show you How to Add this Beautiful CSS Buttons with Bubbles Hover effect on Your Blogs. These buttons come in four different colors and they are: Green, Orange, Grey and Blue. You must have seen these CSS buttons on many blogs, You can use these buttons for Download Links, Demo Links etc. on your blog. 

Features & Advantages of this Widget

• Fast Loading
• Mouse Hover Animation (Bubbles)
• Four Different Colors
• Professional Look
• You can use it for Download Links, Demo Links etc.
• You can place it anywhere inside blog post.
• Does not slow your blog load time

Widget Demo

    DEMO 1 | DEMO 2

How To Add Beautiful CSS Buttons To Blogger 

Installation is simple, Just follow the steps given below and Enjoy :)

• Go to Blogger Dashboard > Template\
• Click on Edit HTML (Please Backup Template First)
• Search for ]]></b:skin> (Using Ctrl+F)
• Copy Paste the following code just before ]]></b:skin>

.button{
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
}
.button:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}
.button:active{
bottom:-1px;
}
/* The three buttons sizes */
.button.big { font-size:30px;}
.button.medium { font-size:18px;}
.button.small { font-size:13px;}
/* BlueButton */
.blue.button{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.button:hover{
background-color:#63c7fe;
background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.green.button{
color:#345903 !important;
border:1px solid #96a37b !important;
background-color: #79be1e;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.green.button:hover{
background-color:#89d228;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.orange.button{
color:#693e0a !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.button:hover{
background-color:#ec9732;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/* Orange Button */
.gray.button{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.button:hover{
background-color:#b6bbc0;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

• Don't worry this code just looks BIGGER but it won't effect your Blog loading Time.
• So Finally Save Template and Done!!!

Now you've successfully added the CSS code inside your Blogger Template.

How to use this Buttons

After adding CSS. Now whenever you want the button to appear, simply use the code of the color you want.

<a class="button big blue" href="Your Link" target="_blank">Live Demo</a>

<a class="button big orange" href="Your Link" target="_blank">Live Demo</a>

<a class="button big green" href="Your Link" target="_blank">Live Demo</a>

<a class="button big gray" href="Your Link" target="_blank">Live Demo</a>

Replace Your Link with the Link and Live Demo with the Button Text.

Hope You Enjoy this Widget :), please share your views about this widget. It you face any problem During this methods then feel free to ask.

Keep Visiting TricksHunt for more Blogger Tricks and Widgets :)

Read More