Skip to main content

Posts

Showing posts with the label Widgets

How to remove blogger CSS Bundle speed Load Faster 2017 Tips

website speed test google pingdom speed test google internet speed test web speed test google speed test ookla leverage browser caching gt matrix google mobile friendly test Do you want to speed up your Blogger site? Are you looking for a Blogger optimization technique that can help you reduce your site load time? Lately, one of our customers asked us about how to remove widget bundle CSS file from Blogger. This specific widget bundle CSS file is automatically added to each blog that runs on Blogger platform. And to make it even worse, there is no way you can remove this widget bundle CSS file until now. However, today in this article, we will show you how to remove Widget CSS bundle file from blogger. What is Widget CSS Bundle File?  By default, every blog that runs on blogger platform (no matter it is running on either free domain or custom) domain consists of a Widget CSS bundle file. The main function of this file is to reset the CSS style according to the standards defined by ...

How to Add 360 Rotate CSS Effect in Blogger

Hello Friends, Today i’ll show you a very cool CSS trick. Rotate your blog 360 degree when loading. This effect is very eye catching so your visitor impress to you. Once adding this impact all the pages of your blog can rotate simply once the total loading of your blog. The live demo of this impact may be seen by clicking on the button below. Demo! Adding the 360 Rotate Effect To add this effect to your blog you do not need to follow completely different tedious steps simply click the 1-Click widget Install button and add this widget to your required blog. After putting in you and your visitors will see this cool rotating result in your blog. NOTE :  This result works solely in Google Chrome and Mozilla Firefox. Browsers like Internet Explorer and Opera are not supported. Hope You Like this 360 Rotate Effect. Comment Below if you have any cool effect idea. rotate css animation rotate image css text rotate css rotate background image css rotate css generator ro...

How To Add Auto Scrolling Recent Posts Widget For Blogger / Blogspot jQuery

Recent posts slider is a best way to show of you blog's recent posts as a slide show.You may see the slider such slider in many wordpress blogs but when coming to blogger it is certainly not much seen.This widget is shared by Abu-Farhan and using my own tricks further I customized this plugin to works perfect with your blog.If you are thinking that customization's will be hard then you are wrong,this gadget is very easy to customize and very easy to add.You don't need to add images,text or any links like other sliders all is Automatic :D.  Here I am giving a tutorial about adding recent post slider to blogger.First take a preview on slider. Live Demo ▼ How To Add This Slider To Blogger? Step 1 - Applying Styles Go to Blogger Dashboard > Design > Edit HTML. (In new User Interface It Is - Dashboard > Template) As always download a copy of your template first. Now find for ]]></b:skin> Add below code  just before   ]]></b:skin> /* S...

Add Facebook Popup Widge WordPress Style For Blogger Like Box

Facebook likebox popup is one of the evergreen blogger widget. Till now I have shared many versions of facebook likebox popups but this one is totally different among of them, you may have seen this type of popup on wordpress blogs. But today I am sharing a totally bloggerized version of this popup. Live Widget Demo Before going further have a look on other popup widgets by Helper Blogger Other Popup Widgets By Helper Blogger  Widget Installation The installation of this widget is damn easy, you can add this widget as an simple HTML/JavaScript widget. Follow below steps to add this widget Go to Blogger Dashboard Select your blog from Go to Layout > Add Widget > HTML/JavaScript Copy and Paste code (don't forgot to change our username with yours) Save your widget <script src= 'http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' type= 'text/javascript' ></script> <style> #hbfanback { display : none ; backgroun...

Image Slider For Blogger JavaScript

A + A - Print Email Today I am sharing another cool slider which works with JavaScript and no jQuery and flash is needed.This slider contains a ribbon at the left top corner of slider and it is named as "What's Hot" also it contains a beautiful slice effect which slices image into 12 parts,these main features increase beauty of the slider.Another great feature of this slider is it is highly customizable so that to edit it as you wish and which will perfectly suits to your blog.This slider is created by  menucool.com  and I have created a bloggerized version of this slider to works perfect with blogger blog.See the demo of the slider by clicking on the demo button below, Live Slider Demo How To Add This Slider To Blogger? Go to  Blogger Dashboard > Layout Click on  Add a Gadget Select  HTML/JavaScript (below header) Paste code inside it, <style type="text/css"> /* JavaScript Image Slider By http://www.helperblogger.com/ */ #mcis { display: none; } #s...

Alexa Site Rank Widget code your website checker All Type style Add

Alexa is a leading website statistics providing company,it provides free statistics for registered websites.Today we are sharing some alexa site info. widgets which you can use to display alexa site rank for your blog/website.Below I am providing all types of alexa widget,once you add the widget to your blog you don't need to touch it because it updates automatically also the installation of the widgets are damn easy,you just have to copy and paste the code.Now without waiting anymore lets go to the widgets. Important Note  - All below widgets works only with the sites/blog which are registered with alexa.com if you want to register your own blog then check this post:   How To Install Alexa Widgets On Blogger? As mentioned above I am providing all types of alexa widget for blogger.Just follow below simple steps to add them into your blog. Choose a widget style first Copy the code of that widget Paste it into your notepad Replace my blog URL with yours Go to  Blogger Dashb...