News Update :
Home » , , , , » Add an amazing shadow featured posts widget with thumbnail in blogger

Add an amazing shadow featured posts widget with thumbnail in blogger

Penulis : Arafat Hossain on Feb 17, 2013 | 4:16 PM

Now I am going to tell you that how can you add an amazing featured post widget in your blogger blog. This widget is really easy to install and all properties are adjustable. There are no need to preadjust your images width and height. Only add the link of images and title links and enjoy. You can add number for posts whatever you want. Now take a look what you are going to do...

featured posts widget


Adding Style:
1.  Go to Dashboard and click on the Template at the left side bar.
2.  Backup your template for security.
3.  Click on the Edit HTML and Tick on Expand widget templates.
4.  Now press Ctrl+F to open search interface and find the code given below.


5.  Now add the code given below just before the above code.

<!--tecnocarebd featured post box style start-->
<style type='text/css'>
#outer-wrapper {width: 680px;margin: 0px;background:none;float: left;border: 0px solid;}
#tcbox {width:160px;margin:5px 5px 5px 5px;float: left;position: relative;}
.tcbox-wrapper{background:#fff;-moz-box-shadow:0 0 10px #000;border:8px solid #fff;text-align:left;font-family:Arial;margin:5px 5px 5px 5px;padding:8px;height:150px;box-shadow:0 0 7px #0A2A29;-moz-box-shadow:0 0 7px #0A2A29;-webkit-box-shadow:0 0 7px #0A2A29;border:0px solid #0A2A29;}
.tcbox img {margin:5px auto; float: left;}
#tcbox h2 {font-size: 12px;color: #003366;font-family: Arial;text-align: center;}
#tcbox h2 a{color: #003366;text-decoration: none;}
#tcbox h2 a:hover{color: #ff9c01;}
#tc-credit a{font-size: 11px;font-style: italic; float: right;margin-right: 10px;text-decoration: none;}
#tc-credit a:hover{color:#ff9c01;}
<!--tecnocarebd featured post box style start-->

Note: Adjust the Red marked to adjust your template which proportionally decrease the each post box width which is mentioned in Orange color.

6.  Now Save the template.

Adding gadget:
7.  Go to Layout section.
8.  Click on Add a gadget.
9.  Now paste the code given below.

<!--technocarebd featured post code start-->
<div id='outer-wrapper'>
<div id='tcbox'>
<div class='tcbox-wrapper'><img width='135px' height='95px' src="YOUR IMAGE LINK1"><h2><a href="YOUR POST LINK1">YOUR POST TITLE1</a></h2></div>
<div id='tcbox'>
<div class='tcbox-wrapper'><img width='135px' height='95px' src="YOUR IMAGE LINK2"><h2><a href="YOUR POST LINK2">YOUR POST TITLE2</a></h2></div>
<div id='tcbox'>
<div class='tcbox-wrapper'><img width='135px' height='95px' src="YOUR IMAGE LINK3"><h2><a href="YOUR POST LINK3">YOUR POST TITLE3</a></h2></div>
<div id='tcbox'>
<div class='tcbox-wrapper'><img width='135px' height='95px' src="YOUR IMAGE LINK4"><h2><a href="YOUR POST LINK4">YOUR POST TITLE4</a></h2></div>
<!--you don't have permission to remove the code below-->
<div id='tc-credit'><a href="">Get this gadget</a></div>
<!--technocarebd featured post code end-->

Note: Replace Red color with your image links, Green to your post link and Blue to your post title.

10. Now Save the gadget. Now check it out.
Share this article :

+ comments + 6 comments

June 06, 2014

Really helpful information for my website study.
Professional Website Developer in Bangalore | Ecommerce Website Development in Bangalore

January 07, 2015

Wellcome to | Cashout E-curreny to Bank Account Directly.
There is no doubt about the fact that the Internet is the best place to sell your perfect money for local cash, the reason being that there are thousands of prospective buyers who are willing to pay any amount to get your Perfect money funds therefore you can capitalize on this to make a significant gain by selling to them. Perfect money is quite scarce for many interested buyers and buying from third parties can cost some fortune, however you can sell at discounted rates to prospective buyers directly from your Perfect money account.
The best place to sell your Perfect money for local cash is, this website has a huge market place where interested buyers can easily locate you and then you can set your own prices and negotiate with the buyers online. Once you have completed pricing negotiation with interested buyers, will then help you collect the funds in your Perfect money account where you can proceed to request for bank transfer.
okpay to bank
Cashout perfect money to bank account
Perfectmoney Debit card
Egopay to bank
Bitcoin to Bank account
Bitcoin Debit card

This is a good and most beautiful effect for a blog page and thanks a lot for sharing this article.I think it is most helpful for me.

July 06, 2015

Tour is always exciting and interesting. If it is night tour, it is more enjoyable. Night tour in new york city is really magical . The high line, a public park built on a historic freight rail line elevated above the streets on Manhattan’s west side is mind blowing. New york’s night harbor cruise, with awesome views of New york’s unforgettable skyline as well as opportunities to take up-close and personal photos of status of liberty removes the monotonous of life. Anyone can see the beauty of Chinatown, soho and Green village by the luxurious coach. The tour will continue to gran central station and Rockefeller center which is exceptional for you. At last one can enjoy the sight of 50th street of New york city at night, you can’t believe your eyes. So everyone should go on a tour like New-york city in any age.
tours in washington dc
Washington DC tours
Day and night tours washington dc
USA Guided tours

July 06, 2015

USA Guided Tours offers comprehensive guided tours of New York and Washington DC. Contact us for New York day and night tours or DC day and night tours.
Washington, DC is a city of monuments, memorials and historical landmarks. You’ll get a guided exploration of memorials, historic landmarks and monuments that proves our commitment to educating and entertaining you. It is very interesting and enjoyable place. Tour's in Washington, DC is also fantastic. Night tour is better than day tour's. Our Best of DC – VIP Tour begins at the Capitol Visitors Center. Beat the long entrance lines and experience Washington, DC like a true insider. New York's most reliable and enjoyable guided tours!
Would you rather create your own special New York City tour? If so, USA Guided Tours is ready to put together a custom tour that suits your interests and schedule.
private tours
tours and atractions
day tours
night tours
group tours

July 20, 2015

Waar moet je op letten bij het kopen van Nootropics, welke soorten Nootropics zijn er en hoe werken ze. Wil je meer focus, of een beter geheugen, of allebei? Lees meer over Nootropics.

Post a Comment

Privacy policy | Term of use | Widget | Advertise with Us | Site map
Copyright © 2011. :: TechnocareBD :: . All Rights Reserved.
Design Template by panjz-online | Support by creating website | Powered by Blogger