Add Breaking News Widget For Blogger - Gourab Design

Add Breaking News Widget For Blogger


Friends Everyone has more than one website today. And writes new articles every day. Due to which many posts are posted.And due to the many posts that write new, it does not appear in front of the visitor. Because its visitors when reading old posts.So he does not have the new post. Now you tell him how he will know that you have just written a new content. This is used to tell this.

Today we are discussing Add Breaking News Widget For Blogger . Very simple tricks. First of all we tell you about it. Which you probably will not know. No matter, I'll explain everything. I will also tell you how to use it.

As you watch news on TV. Then the breaking news on the screen comes. Meaning of this that happened a few minutes ago, it looks like it is by its support.

In the same way, when you write a new content, it is used to tell your visitor that you have written it now.It appears on the top of your website, in the words. Which comes in everyone's eyes. This increases your traffic.

add breaking news widget for blogger

Tips On Writing Good Quality Articles

How to add breaking news tricker widget for your blogger 

And your reader realizes that you have written this post now. So when he sees it, he reads it by clicking. And it is also an important. This tricker is a simple formula to show your latest or recent pst one by using this trick your blog so you can easily present your new content on your reader EYES. 


I think some search engine like it to show top of site under the navbar menu. If you decide to add this gadget of your blogspot wbsite.  Then first you decide it where you put this?.  I suggest to you add this widget in your blog top and under of nav menubar.  These place it all your readers choice.

I will tell you the simple way to apply it now. Read this carefully. If you make a few mistakes then this show will not be there. So do it carefully to make it.

I hope all of this will be liked. Together you will also like it after seeing it. And I use it in my other site.

headline news widget for blogger

  • Step 1:- 
First you go to your dashboard. Now see the down. Then you fine TEMPLATE option. Simply click it. >> Edit html >> now press the ctrl+f .

A search box will be opened as soon as it is pressed. Write in it </style> 

Nw copy this below code and paste it above </style> tag. πŸ‘‡

Code by :- Ms designbd

Shared by :- gourab das

/*==========================Shared by gourabdesign==========================*/ #gdbreaking {margin-right:15px;height:30px;line-height:30px;overflow:hidden;width:35%;float:left;} #gdbreakingnews li a {font-family:inherit;font-weight:400;color:#666;transition:all 0.5s ease-in-out;} #gdbreakingnews li a:hover {color:#EE8F04;} #gdbreakingnews {float:left;margin-left:60px;} #gdbreakingnews ul,#gdbreakingnews li{list-style:none;margin:0;padding:0} #gdbreaking .breakhead {position:absolute;display:block;float:left;font-size:11px;font-weight:700;text-transform:uppercase;padding: 2px 6px;}

Now copy this javascript code before the </body> tag.

<script type='text/javascript'> //<![CDATA[ // widget by $(document).ready(function(){var e="",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#gdbreakingnews li:first").slideUp(function(){$(this).appendTo($("#gdbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#gdbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#gdbreakingnews").html("<span>No result!</span>")},error:function(){$("#gdbreakingnews").html("<strong>Error Loading Feed!</strong>")}})}); //]]> </script>

 scrolling news widget for blogger

 Nw adding the below html code to where you showing this. NOTE ALSO :-  you can also add this code πŸ‘‡ in Html/Javascript gadget.

<div id='gdbreaking'><span class='breakhead'><i class='fa fa-refresh fa-spin'/> Latest</span> <div id='gdbreakingnews'>Loading...</div></div> <div style='clear: both;'/>

 πŸ‘100% DONE πŸ‘Œ.

 Save it now. And then visit your site. Watching this show will take place. Which everyone will love.I used it for 1 year in my career. I like this very much. You will also like it after seeing it.

How to make romantic talks on the phone from girlfriend

.So let's finish the job. I hope you have liked this little trick. So make sure to share it in the social site..If there is a problem in applying this, then please comment here and ask me carefully. I will do your help immediately. 

No comments