How To Display HTML , Css, JavaScript , jQuery And Other Codes With Hover Effects In Blogger Post
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizFgcGdTNQlgV9WRCVBXvORAak96D6UxTVTDmK08bOTcGBCbNkCEv3IeCDNMFxakcWWPo2otxkPjzRKA5XWfhmlu6Eb4xNU8Uy6HCLePfuo0Uxc2efuZhcoTn9UTBVVJLvV_v7d0JPKsD/s200/HTML-CODE-IN-BLOGGER-POST.png)
If you use HTML, CSS, JavaScript or any other codes in your posts then
you can show the codes on a colored and professional looking background.
Showing HTML/Javascript codes is a most important part. Every blogger
try something new to show their HTML/Javascript codes differently. This
tutorial will show you How To Display HTML, Css, JavaScript, Script,
jQuery And Other Codes With Hover Effects In Blogger Post.
How To Display HTML , Css, JavaScript...
How To Make All External Links NoFollow Automatically In Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs_fcXQkHDvg_WTdhXLj66HrBbhzkf_kSPXeBN-a7ybBjudxy0scSi7iz5OM151nTmazYNkoQizwgi5RuGmmgbqJIk1MiC2k8tkvkAOnFicPmqiZO4DFOJjYUYqUy31ntoGpjnssusEjCN/s320/remove-nofollow.gif)
One of the useful way for best Search Engine optimization for your blog
is making all external links nofollow. NoFollow tag helps your blog to
have a stable ranking in search engines. Now a days after Google Panda
Update there is a lot of importance of no-follow tag in links because it
is the final hope to secure your PageRanks juice. Actually, Search
Engine robots come on your blog and they visit all links placed in your
blog post. Its an intelligent...
Add jQuery Popup Facebook Like Box With Timer To Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM_yZGt74pcmBw0fC-DEq9IpyrczDi4_ICLC_6MdREcGd9DmiIbwscYCMiU0jjhepkMOkIgiAwiKXNUo4XxxXYaFG1BvXkgF694u3880WDGy-2tF5PtCEdLP3vP8Hg7CpFyfNOqmaens21/s1600/popup-facebook-like-box-with-timer.png)
This is another cool jQuery popup facebook like box with timer which
comes with 4 different skins. This widget contains a facebook like
button at the footer so that your readers/visitors can like your fan
page directly through this facebook pop up widget also it contains a
cool image which is linked to your facebook fan page. Here I am
providing a widget generator for this gadget so that you can easily add
this gadget without any errors and very...
Add CSS3 Drop Down Menu Without Any Scripts and Images To Blogger
Adding a beautiful drop down menu to blog increases beauty of your blog.
Also drop down menus helps your readers to easily navigate through your
blog. This menu is designed with using pure CSS3. I really like this
menu because its uses hovering effects without using any additional
JavaScript codes or either any images at all and it loads much faster
in your browser. This excellent menu is created by Catalin Rosu without
using any images or scripts,...
Add Custom Facebook Like Box To Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOwBaOVU4afXw-IEPFfO7cEJqSI1ltYPcOIVx8KUn0yKLX4CdNkIZZkTGma5psMGYHCE111NegvU41rOTkkRiPDELLAQOf3FZCcoXWKViPY7Bdt3bsRj3hDeM-_m0HMsuHFsEqE98HJPFy/s1600/latesthack-facebook.png)
This tutorial will show you How To Add Custom Facebook Like Box To
Blogger. Facebook like box is best way to get more facebook fans. A Fan
Box or Like Box allows your Blog visitors to like your Facebook fan
page, without leaving your blog. This facebook like box is created by
line25.com
Custom Facebook Like Box Preview
Custom Facebook Like Box Demo
How To Add Custom Facebook Like Box To Blogger
Find Your Facebook Fan Page...
Add Beautiful Social Sharing Widget Just Below Of Blogger Posts
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-amhddn33C0vgH4AdIHZOQsljnaIfYVwAT6uzdi4cdQoCx4SpSW-zsvEX1I95ee8Zi169z4aK_hrV1B5symdXD26yDu7VCA1kxj4zZ8Qlfy5-yhiwoZuhocpG0nbdbvNPbuTH9gEvXcsu/s1600/beautiful-social-sharing-widget-for-blogger.png)
This tutorial will show you How To Add Beautiful Social Sharing Widget
Just Below Of Blogger Posts. We have shared many kind social sharing and
bookmarking widgets but this one is little different from all of them
because each button has a different background.This button contains a
twitter tweet button,facebook like button and google +1 button also the
installation of the widget is one step installation you just have to add
some piece of code in...
Add Spiny Leaf Menu To Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSKCZ6X1AlL7RiUSwYM_PG3VkhUnFz-lAMVXmzIglR3XKix3OE51QBAQylhxHjy7A-0DmSxqojJryTqF40IzfYR1X5FJQ2ULavzP4ZWfPmsLEi6jaOTJkfMsEC9a9McoY0kCG4jTJIUmEW/s1600/leaf-menu.gif)
This tutorial will show you How To Add Spiny Leaf Menu To Blogger. This
menu is created using pure css no javascript and images are used in it.
This amazing menu is created by css-tricks.com
Spiny Leaf Menu Preview
Spiny Leaf Menu Demo
LIVE DEMO
How To Add Spinny Leaf Menu In Blogger
Go to Blogger Dashboard --> Layout --> Add A Gadget -->
HTML/JAVASCRIPT
Now paste the code shown below inside it
<style type="text/css">
nav {
...
Add Large Drop Down Mega Menu To Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelI0mZ17jkWJBKjxzZFw_DrgR5tDonMLewOyEYg8sTyHvucNMAN3ORWfCNDXEA79hcbjTlQ-NKRX6GaU_jzs70hx8PyMfQ1K423SZrHTjd1Q576kgIoAT7mH5YXnPIdjW2zUDIWaA2IpA/s1600/dropdown-menu.jpg)
This tutorial will show you How To Add Large Drop Down Mega Menu To
Blogger. The large drop down menu is a good option for sites with a lot
of navigation items. When the user hovers over one of the list items,
the item enlarges to the width of the submenu and the submenu appears.
Drop Down Menu Preview
Drop Down Menu Demo
LIVE DEMO
How To Add Menu In Blogger Go to Blogger Dashboard --> Template
--> Edit HTML --> Proceed
Backup...
How To Create A Horizontal Scrolling Twitter Feed Using jQuery
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfhyphenhyphenVEfQazxIw8N38Mpw-APAwVlubCy_zwgOs8Vk9AHFtf3dEsm_GJx_DDPN9U7Z4v16Ulf4HPMl4iYeu0aGi2-85hWohVykclne0OWzgL4fOD0Ld-p-IrO4eAVMKcl2fybBKwIiObR7Q8/s200/SCROLLIN-TWITTER-FEED.png)
There are many widgets which display the twitter feeds on blog or site.
Most of them are displayed in a vertical manner in the sidebar.This
tutorial will show you How To Create A Horizontal Scrolling Twitter Feed
Using jQuery.
Scrolling Twitter Feed Demo
LIVE DEMO
How To Make A Horizontal Scrolling Twitter Feed Go to Blogger Dashboard
--> Template --> Edit HTML --> Proceed
Backup your Template before making any changes to your...
How To insert a warning message when someone copy your content in blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOqNrKgqoLedYDJoEUdAjYkfPVHn4fN-UeOiOe2f2in4O5gVhPSrW13HxhzE47Gn4XGHyO49iB2wRN_tw64ukIARjQsPpn9ssNExUKrZF5LEgyJ0hR6I31TLY4u-zvfgq5Sc6hEnnrrSa/s400/cpy-paste-warning.jpg)
This tutorial will show you How To Add a warning message when someone
copy your content in blogger wordpress.When someone copy your content a
warning message automatically insert in the content.
Warning message that insert is like this Warning! Content Copied
From: Your Blog Post Url Under Creative Commons License: Attribution.
How To Insert Warning Message Go to Blogger Dashboard --> Template
--> Edit HTML --> Proceed
Backup...
Add Stylish Email Subscription Box V2 in blogger with hover effect
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGY7szv07vxvaDhwCtDgpcPtWFinBQ4-QFd4qFCmeWFHbVDT2xTeN6JsX8We6LCTlRDxu8EM5dZI5m6XRxbI48_-tjmWC8HqciLKwa8ECVVR0rU1wb07sOZYcwjeVdiVFawV48zgFtaoV/s200/social-subscription-box.jpg)
You may seen Subscription box on websites it help user to stay connected
with blog. This tutorial, will show you how to add A Stylish Email
Subscription Box in blogger wordpress and websites with beautiful css
hover effect. This widget contains links of Facebook Fan page, Google+
page and twitter follow button, RSS and an attractive subscription
form that will increase the number of your Email subscribers.
Stylish Email Subscription...
Add Mashable Style Social Subscription Widget V2 With Pinterest Follow Button In Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0DMJCbzLZbB-I8VNpx0PzKYj6ms5Wm8Z7z0PfXTF_KCL8vIxHnCFKpyAMwCMdFD5eL_3pXYmjXVebpaaLO66z4QxopdxB7-lHcrq-n2-okGNDRVsR8jLWxwqYyWfSHgkiF5yqopVCUZu/s1600/mashable-subscription-box.jpg)
Recently we shared Mashable Style Subscription Widget v1 with you. Lots
of our readers found this great widget. Someone asked me to improve this
and add pinterest follow button so I kept my word and bringing this
updated version of mashable style social subscription widget. Now i will
show you How To Add Mashable Style Social Subscription Widget With
Pinterest Follow Button In Blogger.
Mashable Style Social Subscription Preview
Mashable Style...
Add Cool Social Sharing Icon With Animated Tooltip To Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjYCF7rFF_Mzja4FcuD_7loBJJWGCn73wzKvdeWjAgbiIAOlp56tASpZ-z92UdunTMHz-d40MLXyU1Rta7S0TT1gwvZx2V0WslG0bXF-9QkVlWGM_KE-658EX0FdUVc0O1Xvio3AARAz8/s1600/latesthack.png)
This tutorial will show you How To Add Cool Social Sharing Icon With
Animated Tooltips To Blogger. This widget contains three social icons of
Google +, Twitter and Facebook which shows animated tool tips on mouse
hover.
Social Sharing Icon Demo
You can see Demo by clicking on widget generator shown below
Social Sharing Icon Preview
How to Add Cool Social Sharing Icon With Animated Tooltips To Blogger
Click on Widget Generator button shown below
Widget...
How To Add Shareaholic Sassy Bookmarks Gadget To Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw6GwnT6oIpvNKf5blsm3Bp1sd1PNr57MBDBeCracnfzei9F5l6xwPUKAYiwxa8ZT5u5u66doOzNwL9kej3Hw9GUh1_EC1bg65crlKVO7HynRt-R_gCD7-f0_oiWL4pfdSjtjJQtkez4gU/s1600/share-aholic-sassly-widget.png)
This tutorial will show you How To Add Shareaholic Sassy Bookmarks
Widget To Blogger. This is another cool widget by Shareaholic, it
floats at the botttom left corner and when you hover your mouse over
it, the icons pop out or spray out.
Shareaholic Sassy Bookmarks Demo
Live Demo
How To Add Shareaholic Sassy Bookmarks In Blogger
Simple click on Add to blogger button shown below...
How To Make Dropdown Menu For Labels Widget In Blogger
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaekpSkeljLqNtlk7YyAsmVTU3Y5ZDInEgQLj-PodpdYGuo-MK9F5icW0EipT7E6SDdzaX5FokvvI73PCOUjm3ThWFO5KiOb1hyA452WcEhAVXBxQZvNvsM-Y5CIhD40hIH6nxwb9ZzdOl/s1600/LATESTHACK.png)
A labels widget displays your post labels. Displaying labels with lists
or cloud menu is good enough for new blogs or blog with few posts and
labels. It will occupy a lot of space in blog's side bar. Using this
hack, labels widget size will be reduced to just one line & will
only expand into a full list when you click it.
DEMO
How To Create Dropdown Menu For Labels Widget Go to Blogger Dashboard
--> Template --> Edit HTML --> Proceed
Backup...
How to Remove Border And Shadows From Blogger Images
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8ypmcOVMr79DBBmne6B8Z8KvIxEF0-v35Bv6tc2SIPiqVYdopMSZ6R1y7FxbXTSotQh5aGe-QIdxs9soX2e2KBFzt0h-8nQ8bkJ730MTmZ0I4_OuGfjohGqd8TtEk7tscIZ-NRMXWD2S/s1600/latesthack.jpg)
Most of the default Blogger templates display a white border and box
shadow frame around every post image. Many of blogger are having a
problem in removing shadow and border from a image. There are two ways
to accomplish this depending on whether you want to completely remove
the effects on every image or just on specific images.
DEMO
How To Remove Underlines From Links To Blogger
Method 1
If you want to remove the borders from all of the images...
0 comments:
Post a Comment