Posted by Syed Muhammad Ali
Today we are Sharing an Awesome Widget. You can Easily Share your Latest Post using this Breaking News Widget. This widget also allows your Visitor to Like your Page as it has an awesome social sharing buttons.
This widget is easy to Install. You just have to add some codes in your Blog Template.
This widgets automatically displays a slideshow of your Blog’s latest post.
Follow the Below Steps to see this awesome widget in your Blog
- Go to Blogger
- Log-In to your Dashboard
- Go to Template Section
- Click Edit Html
- Find ]]>
- Paste the Below code Just Above ]]>
.samazhlo {background: #8542AC;position:absolute;float: left;padding: 0 10px;height: 32px;line-height: 30px;color: #FFF;font-family: Oswald,arial,Georgia,serif;text-transform: uppercase;font-size: 10pt;font-weight:bold;margin-right: 10px;}.itb-brnews {width: 652px;}.itb-breaking-news {width:648px;}.itb-breaking-news marquee {padding-top:5px;}.itb-brnews{height:30px;background:#fff;width:100%;max-width:1160px;margin:0 auto;border-style: solid ;border-width: 1px;border-color: #cccccc;overflow: hidden;width: 938px;margin-top:20px;}.itb-breaking-news{float:left;height:30px;position:relative;overflow:hidden;margin-bottom:20px;}.itb-breaking-news h4{background: #9EC22D;display:block;float:left;padding:0 10px;height:32px;line-height:30px;color:#FFF;font-family: Oswald,arial,Georgia,serif;text-transform:uppercase;font-size:10pt;margin-right:10px}.itb-breaking-news ul{float:left}.itb-breaking-news a:hover{color:#333;}.itb-breaking-news ul li{float:left;display:block;list-style:none;}.itb-breaking-news ul a{padding:1px;display:block;color:#333;white-space:nowrap;float:left;line-height:30px;font-size:13px;font-family: ‘Droid Serif’, serif;display:hidden;}.itb-breaking-news span{display:block;float:left;padding:1px 10px;color:#333;font-size:12px;line-height:30px;}#itb-social { height:30px; float: right; }#itb-social .social_header { margin-bottom: 10px; }#itb-social a { border-left: 1px solid #ccc; transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; }#itb-social a:hover {transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; }#itb-social a.facebook { display:block; float:left; height:30px; width:30px; text-indent:-9999px; background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:0px -30px; background-size: 270px 60px; }#itb-social a:hover.facebook { background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:0px 0px; background-size: 270px 60px; background-color:#436eac; }#itb-social a.twitter { display:block; float:left; height:30px; width:30px; text-indent:-9999px; background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-30px -30px; background-size: 270px 60px; }#itb-social a:hover.twitter { background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-30px 0px; background-size: 270px 60px; background-color:#0598c9; }#itb-social a.flickr { display:block; float:left; height:30px; width:30px; text-indent:-9999px; background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-60px -30px; background-size: 270px 60px; }#itb-social a:hover.flickr { background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-60px 0px; background-size: 270px 60px; background-color:#e33b7e; }#itb-social a.pinterest{ display:block; float:left; height:30px; width:30px; text-indent:-9999px; background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-90px -30px; background-size: 270px 60px; }#itb-social a:hover.pinterest { background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-90px 0px; background-size: 270px 60px; background-color:#cb2027; }#itb-social a.googleplus { display:block; float:left; height:30px; width:30px; text-indent:-9999px; background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-120px -30px; background-size: 270px 60px; }#itb-social a:hover.googleplus { background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-120px 0px; background-size: 270px 60px; background-color:#d64b2e; }#itb-social a.vimeo { display:block; float:left; height:30px; width:30px; text-indent:-9999px; background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-150px -30px; background-size: 270px 60px; }#itb-social a:hover.vimeo { background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-150px 0px; background-size: 270px 60px; background-color:#86ae24;}#itb-social a.youtube { display:block; float:left; height:30px; width:60px; text-indent:-9999px; background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-180px -30px; background-size: 270px 60px; }#itb-social a:hover.youtube { background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-180px 0px; background-size: 270px 60px; background-color:#e32114;}#itb-social a.mail { display:block;float:left; height:30px; width:32px; text-indent:-9999px; background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-240px -30px; background-size: 270px 60px; }
#itb-social a:hover.mail { background-image:url(‘http://4.bp.blogspot.com/-2x-LERJnjqU/UqDWg5jizyI/AAAAAAAACpI/0s2QrfsHkwc/s1600/socials@2x.png’); background-position:-240px 0px; background-size: 270px 60px; background-color:#bc75d6;}
- Now Find or
- Paste the Below Code Just Below it
Breaking News var nMaxPosts =6; var nWidth = 100; var nScrollDelay = 60; var sDirection = “left”; var sOpenLinkLocation = “N”; var sBulletChar = “>>”;
- Replace http://www.facebook.com/infotechblogging with your Facebook Page Address
- Replace https://twitter.com/itechblogging with your Twitter Page Address
- Replace https://plus.google.com/+syedali-itb with your Google+ profile page Address
- Replace www.contact.infotechblogging.com with your Blog Contact Page Address
- Replace http://pinterest.com/ with your Pinterest page Address
- Replace http://vimeo.com/ with your Vimeo Page Address
- Replace http://www.youtube.com with your Youtube Page Address
- Replace http://www.flickr.com with your Flickr Page Address
Congrats! You are Done
You can see this awesome widget on your Blog. Ask queries in below Comments:)
Follow Us! 
About This Blog:
InfoTechBlogging is owned by Syed Muhammad.Ali who loves to help other bloggers in starting their Blogging career. He also share Blogger Widgets and Templates.
Follow Him at : Google |Facebook| Twitter
