Skip to main content

Posts

Showing posts with the label Java Code

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 PUT ADS BETWEEN POSTS IN BLOGGER WEBSITE PAGE ANY adsense code

HELLO FRINDS, I MAKE NEW IDEA many time i search as: how to put ads between posts in blogger how to place adsense ads in the middle of blogger posts how to add ads between posts wordpress insert ads between posts wordpress plugin add adsense below post title blogger adsense converter how to insert ads within your post content in wordpress parse adsense code Place Adsense Ads Automatically In Middle of All The Posts In Blogger: Follow The below process to place adsense ads in Middle of all the posts automatically in blogger. Step 1: Login to Your Blogger Account Go to  Template >Edit HTML Step 2: Search For Below Code in your template. <data:post.body/> You will get multiple codes similar to above code. You have to select the second code which is similar to above code in order to make the script work properly. Step 3: Replace The above Code With The Below Code. <div id='jobmiddlenew'> <data:post.body/> </div> <b:if cond='dat...

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...

Automatically Add Attribution posts page Link website blog

Hello Bloggers firstly I would like to welcome you to Techno Geek Zone hope you will get some help from our tutorials posts. Today I am going to show you how you can add your page link to that place automatically where someone pastes text copied from your blog. Below is an Example: To add attribution links to Text Copied From Your Blogger : Go To Setting of Blogger Blog in which you want to add this feature. Move to Template>Edit HTML Press Ctrl+f to open search box and search for </body> tag and paste the below script above this </body> tag. <script type='text/javascript'> function addLink(){var a=document.getElementsByTagName("body")[0];var b;b=window.getSelection();var c="<br/><br/>    Read More  : <a href='"+document.location.href+"'>"+document.location.href+"</a>";var d=b+c;var e=document.createElement("div");e.style.position="absolute";e.style.left="-9...

HOW TO ADD Hover Effect Social Icons FACEBOOK TWITTER with Tooltip COOL MOUSE

Today I am going to teach you how you can add yet another social icons to your blogger blog. These social icons are a bit different as it has tooltip hover effect in them. This widget is made from pure CSS without the use of any image or JavaScript. The concept behind this widget is quite simple. There are four social icons in which you can add your own desired URL. On hovering over these buttons one can see tooltip appearing with the help of transition and transform CSS. These icons are really eye-catching and have a attractive look. A live working demo of this widget can be seen just below. Once you have seen the demo to add this widget to your blog just follow the below given instruction. Adding the HTML/CSS in Layout To add this widget firstly go to Blog Title → Layout → Add Widget → HTML/JavaScript and paste the code in the box below. Cool Social Icons with Tooltip Hover Effect <div class="container"> <ul class="action-bar clearfix"> <li> <...