New Marina Blogger Template SandyTuesday, December 4, 2012 1 comments

New Marina Blogger Template

New Marina blogger template is featured with awesome sliding bar with description. You can add your post title and description on the slider as featured posts. This template also includes inbuilt popular post with thumbnails

 Live Demo     Download

 

Template Details 

Template name : Marina


Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from WordPress, Elegant, Featured Section, Fixed width, Fresh, Grey, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White, Yellow


Author Name and URL : NewBloggerThemes / http://newbloggerthemes.com/

Read More

Cool Social Sharing Buttons for Blogger Sandy 0 comments

In this tutorial i am sharing social widget with awesome colorful effect. Its cool to set on sidebars specially attractive hover buttons. You can link your all Facebook, RSS, YouTube, G+ and other widgets

 Live Demo 

Steps 

• Go to Blogger Dashboard 
• Then Select Layout Add Gadget>> Add HTML  
• Copy Paste Following Code and Save

<div class='social-profiles-widget'>
<a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggM79XQ3FfuEdrKct118WcJpC53zqKajoKRIuMaCZAmkiKqAfQ6IDI1ccW2UZaZ06q0QyBg1KowD8OvJCrqKaTUvGTWWO7PrTV_SLftI5JOgekfOZJfJy-hE5EJBqswg4VfjOAIvzUfCMz/s1600/Twitter_78x75.png' title='Twitter'/></a><a href='http://facebook.com/' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPIKm380Tlk9lzHqdaBvt6a6HsIVM5tjGpgk1K8-GbEs0lHcajAz-dMDdPlEeeyk4u5EixxROli0aLLZr56d3hVkTrRWO99qaO-8SibGni-nhkhN_MjWt9exbDGnnxXmM17PUbx7yCFa1/s1600/Facebook_78x75.png' title='Facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPTOikagwH3Ngxuzhd6C5SATXmAdzPsIf35tw8SerDDsK5xb_VsiIbODTBp8VU9dsc9csX9-FBQv1uqeVET9e6I2T93VtJAj4b9CuOJlXuCcNX0nsZ49JIMjPfnSKkWZ0wCLp85wfh2Vew/s1600/Google+_78x75.png' title='Google Plus'/></a><a href='http://www.pinterest.com/' target='_blank'><img alt='Pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX0geIUsoCcl31FbB8dIASXkmTBlrUKZy1tGWKJETVL2rnApsQbGgvQ9uWa-cVvljgNINFEYpyxjzby5LKxbHnBSZ9GXlhRcvHcx_b9LCjQt4yHlP3F1cchKRi5reRfLG1KVW1s51mf05M/s1600/Pinterest_78x75.png' title='Pinterest'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_1PVc3sfzE53ELtXIOuig4FCIpAN_00ndmbSYTfjT2_e7h7jneH4VKX-eB_xCd2mXdb3Br8E8KiGXKoXqNQQtgnRKIm_bJPIEMk14ZMHbkbiCp9Kjyu8jTXiqMgt2YNtfQK5hn2VpESM/s1600/RSS_78x75.png' title='RSS Feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhooyHnbGhkRZUWQ9HRMINQB2N9pMpSC5icrs1ZxLQRCBIb5wXxo8i_NtLZldjYiZwLHgW6FmTyBsNQUvNHW0V9N73Dld5ASZ5mPnbvSML04XuKYLN2KaMBFREly20gfBEhuk4F40AsJz-V/s1600/Email_78x75.png' title='Email'/></a>
</div>

Replace All your social URL with urs happy Blogging :)

Read More

Stylish 3D Social Buttons with Rotating Effect for blogger SandySaturday, December 1, 2012 0 comments

Stylish 3D Social Buttons with Rotating Effect for blogger

In this Tutorial we are going to give your new social media buttons trick. This 3D Social Buttons are amazing we have used Blogger CSS in this tutorial. When you move your mouse cursor on the button it will start rotating 360 Degree and also it will start spin back when u move back cursor from it.

These Social Buttons Includes

Facebook

Twitter

Google+

Pinterest

Feedburner reader count

Live Demo

<style>

#social a:hover {

background-color: transparent;opacity:0.7;
}
#social img {

all 0.8s ease-in-out;
-webkit-transit
-moz-transition
:ion: all 0.8s ease-in-out;

-in-out;
-ms-transition: all 0.8s ea
-o-transition: all 0.8s eas
ese-in-out;
transition: all 0.8s ease-in-out;
}

g);
-webkit-transfo
#social img:hover {
-moz-transform: rotate(360d
erm: rotate(360deg);
-o-transform: rotate(360deg);

0deg);
}
</style>
<center>
<di
-ms-transform: rotate(360deg);
transform: rotate(3

6v id="social"><a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9TCTCNd15DcBC9gUagk4WZj4TQdph_rozxwCt6xa0A_OtPCkodK3geHarqdYsto8XCNgW-DudU5tRGH8t7bksjBCBHhWtmOzHJtUdy0cQFzkpl7twd40W08EoV8JWidAIMj9GCzLgA9M/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCG0Jp5BKNSpyJYLOvlqkAl_t1Z7I4vwVkCLxRdW-i7ej2Ii6DAS5bE_tl9MF1bk0tiGYt_dU3o9Kp92hJQjd-xinsltIDYvrm-RvpY_FLp_6G1WkE_cYg5XMYFmXd9QS6roAgLXkSPAZo/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl2RimWN_yCTexw1uGkbaysxaZAbc_QrU9N2e8Q8_xf5p2IQxeBrJwhX6oDbEr1VXvDlvb9-Nw4k7OhYODytzyyvdxYEkW0CWNwJaQQlWFmN6knMldRKFb5NG51DMh0LR7VwvxvtxkoOWG/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHe3Y5oORbIxYqPiLRaeQC7bTwH2-SMG4UW4P8OZ8VjGLPsOjh75NqVQDcQl14nCaBxCMR1KD4TG8BISmnCaiaYkpEVgo9h-JH9uPnzV8EFZxvsZK6c10iiN5etUOFj-uXh9LGqni9ZGNg/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT2srdtzLCC9EosoXGy5eJ3EoTfaLxJt1kml21MwoaYy8TExFbSjpE3ZQQp0CFfoezwaSb38889wYEu9R_U1mMW9uCpp4g5yFosgBpJ2zl1nvbqNbuKy9kynuKzbDwPyahZPtbMYugkQAe/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK2-wrK66iRix-w_hWHDXYuzrMu_N5jeZZwahyphenhyphenEmxmOHhjO0LEk0aa8o4aFH-CvvjhhCFxrA7aO9XXkWPxOqHEyaEiMnF073PtPy4CtTjZxlg1tKzRwqBZbfgQbbqgTnloJkP7yZZXdTcM/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div>
<br/>
<a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="Beautiful Blogger Widgets" src="http://feeds.feedburner.com/~fc/beautifulbloggerwidgets?bg=ff9933&fg=000000&anim=1" style="border:0" /></a>
</center>

Note: You have to Replace following with your URL

YOUR-FEED-URL-HEREYOUR-EMAIL-RSS-URL-HEREYOUR-FACEBOOK-PAGE-URL-HEREYOUR-TWITTER-URL-HEREYOUR-GOOGLE-PLUS-URL-HEREYOUR-PINTEREST-URL-HEREYOUR-FEEDBURNER-URL-HERE

Read More