Stylish Static animated Flash Clock for Blogger

Here I am saying about How to Add a Stylish Flash Animated Clock to your Blogger Blog.Here is a huge collection of Clock widgets for your taste.Follow the Simple Steps below to make your Blog Stylish,Cool, and Smart looking Blog.

• First of all SignIn to your Blogger Account 
• Select Design->Page Elements
• Click on Add Gadget
• Select HTML/javascript from it,then copy the code of clock you want.

 

Step 1: If you want a NON Static Clock Widget,then Just copy and paste the code to HTML/javascript content.

If you want a cool static clock,then first do the step above and Click HERE

Add Stylish Flash Clock 1

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock"><center><embed height="140" src="http://www.hitarek.com/clock/clock24-6.swf?TimeZone=IST&amp;Place=&amp;" type="application/x-shockwave-flash" width="210"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

Add Stylish Flash Clock 2

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock"><center><!-- hitarek.com --><embed width="210" src="http://www.hitarek.com/clock/clock24-2.swf?TimeZone=IST&Place=&" height="140"  type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

Add Stylish Flash Clock 3

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock"><center><!-- hitarek.com --><embed width="120" src="http://www.hitarek.com/clock/clock5-1.swf?TimeZone=IST&Place=&" height="230" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

Add Stylish Flash Clock4

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock"><center><embed height="230" src="http://www.hitarek.com/clock/clock5-2.swf?TimeZone=IST&amp;Place=&amp;" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

Add Stylish Flash Clock4

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<center><iframe allowtransparency="true" frameborder="0" height="148" hspace="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.hitarek.com/animation/dolls5.html" vspace="0" width="100"></iframe></center><center><a href="http://fe-blogger.blogspot.com/" style="font-size: 2mm;" target="_blank">FreeWidgets</a></center></div><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>

Add Stylish Flash Clock5

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<center><!-- hitarek.com --><embed width="130" src="http://www.hitarek.com/clock/clock11-4.swf?TimeZone=IST&Place=&" height="130" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center></div>

Add Stylish Flash Clock6

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<center><!-- hitarek.com --><embed width="160" src="http://www.hitarek.com/clock/clock25-9.swf?TimeZone=IST&Place=&" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>

</div>

Add Stylish Flash Clock#

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<center><!-- hitarek.com --><embed width="140" src="http://www.hitarek.com/clock/clock22-5.swf?TimeZone=IST&Place=&" height="180"  type="application/x-shockwave-flash"></embed></center><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
</div>

Add Stylish Flash Clock 7

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object>
</div>

Add Stylish Flash Clock 8

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object>
</div>

Add Stylish Flash Clock 9

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-175.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>
</div>

Add Stylish Flash Clock 10

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-150.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>
</div>

Add Stylish Flash Clock@

• If you want to add this Clock,then Copy  and paste the below code

<div class="noop-clock">
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf" width="150" height="150" wmode="transparent"> </embed></object>
</div>

Add a Static Clock

Step 2:

• Copy and Paste the CSS code below after the code of clock.

<style type="text/css">.noop-clock {
position: fixed;
right: 0%;
top: 0%;
padding: 3px 7px;
box-shadow: -2px 2px 6px;

}</style>

•  Then click on Save.

With this tutorial you have got a Beautiful Clock.
If you feel any confusion or doubt then please do comment.

More about → Stylish Static animated Flash Clock for Blogger

Google’s New Privacy Policy - What does it mean to you?

Recently Google unveiled its new privacy policy. Privacy policy and Terms & Conditions are things which no one likes to read :) . So this blog post will explain you in short and simple terms what Google’s new privacy policy is all about and how will it affect you as a user of Google’s services.

According to Google’s new privacy policy it will centralize all your data or personal information and one service of Google can use your personal data related to another service.

Read more »

More about → Google’s New Privacy Policy - What does it mean to you?

Facebook Static Pop Out Like Box with jQuery Effect for Blogger

 Here is a Tutorial about how to add a static Pop out Like Box with Cool jQuery hover effect.This a Awesome Blogger Blog Widget that adds a little beauty to your blog.

After installing this Widget a Facebook Logo will appear on the right side of your Blog.When you Mouse over that Logo it Pop out with Smooth jQuery Effect.

Follow the instructions for installing this Widget.
 

View Demo

If you don't interested in Editing HTML,you can use our WIDGET GENERATOR.

Install Facebook Pop Out Like Box Widget

• Go to Design-> Page Elements
• Click on Add Gadget

• Select HTML/Javascript from it
• Leave title as blank ,Copy and Paste the below code into the content section.

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.noopslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7T4UJ-8Dhys7DcHRaN6nht4JoZqDiNzr57kZmrfPo24u73tc0dFSoP3UFTyDIWUeJHo4O2ttKgu-9g5ixAzVPONur4VgpA3WKZUC-BJsbzX1uaR56ayzl1ZkoWA1kIx0e-py3EEshum8/s1600/fb_static+button.jpg") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}
.noopslikebox div{border:none;position:relative;display:block;}
.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}
.noopslikebox span a{color: gray;text-decoration:none;}
.noopslikebox span a:hover{text-decoration:underline;}
</style>
<div class="noopslikebox">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/NetOops-Blog/159796530791611&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
    </div>
</div>

• Replace the RED highlighted text with your Facebook page URL.

I hope you'd liked this Article,if so please share, like this. 

More about → Facebook Static Pop Out Like Box with jQuery Effect for Blogger

Convert Blog Posts to PDF file in Blogger Blog

Here is a post that helps you to easily convert the Blog posts/Blog/Website to a Pdf file.So you can easily refer that Blog Post without the connection of Internet.

Follow the Instructions Below

How to convert Blog post to PDF

• Simply Go to http://pdfmyurl.com 
• Give the URL of Blog post you want to convert(Look the Fig. below) 

•  Then Click the button P on the left side
• That's all.You will get the PDF file.

Get PDF file of Blog post in this Blog.

• Simply open the Blog post you want to Convert.
• At the end of post there are some sharing buttons (Please share via Facebook,Twitter,etc) ,you will see an icon  P that like you found on the http://pdfmyurl.com,(Shown in below Fig.)  Click it

• You will get the PDF file of that post.

I hope you had enjoyed this post....Please Share this

More about → Convert Blog Posts to PDF file in Blogger Blog

Add Flying Letters below Mouse Pointer Animation

How to setup flying letters below mouse pointer.This a simple article that Spice your Blog.After inserting this Code,When you move mouse over your Blog, you will see that Letters you SET in the below code will flying like a Animation.

VIEW DEMO

Install Flying Letters Below Mouse Widget

Make sure you had Backed up your Template(How To BackUp Template?)

• Sign In to your Blogger Account
• Go to Design->Edit HTML
• Find </body> (Find Easily Using Ctrl+F) and Copy and Paste the below Code above </body>

<script type="text/javascript">
var text=&#39; ENTER YOUR FLYING TEXT HERE &#39;;
</script>
<script src="http://netoopscodes.googlecode.com/svn/branches/Js%20files/mousetail.js" type="text/javascript">
</script>

• Save it,its all.....you are almost done.

More about → Add Flying Letters below Mouse Pointer Animation

Find Color Code - Online Tool For Designing

Here is a color code Finder Tool for you to easily find the Hex,RGB code of the color you want.
This is an important Tool that a Blogger Blog owner need.
The Following Online Color Code Generator Help you when Design your Blog.

Online Color Code Selector Tool 1

Online Color Code Selector Tool 2

If you enjoyed this Post Please Share This...

More about → Find Color Code - Online Tool For Designing

Stylish Google friend connect Button to Increase followers

Google Friend Connect is an awesome Tool that lets your visitors to Follow your Blog and Increase your Blog Rank,gets Higher Traffic.

Here I am saying about how to add a Standalone Google Friend connect Button or Link to Your Blog/Page or anywhere in your Blog.

This Google Friend Connect Widget can only be place at Widget.This Standalone Friend connect button can place at anywhere also in the Post.

Follow the instructions below.

Add Follow button with Text

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi954txGq7Zr19DmJMtgWYjRX6B4SfZuNDx6TULZCfB_kiMZutE9p1r6zbo0E7fw78el3Hez58Lht6pQsatdLaL2nst2mM9NcaBFrndrIY2b8afSaoqMc0e1MYjAiC1TFRihHlQh-XLG6g/s1600/google+friend+connect+netoops.jpg" /></a>
Preview

How to Find your BLOG ID?

Add a Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhK5RrTL8mPSWDz0HbA6S7gkZiyB6Wmyq6OS9FPTALY3mXDKFkNz4PAXbAzz15wN1ddu09q-_hJxJZ1SJsFMMX7C1HL4L11nzUmE0xHFasuV1VtSaWXtOXJlXrMx82w0uge8XRKTPO7rU/s1600/google+friend+connect+style.jpg" /></a>
Preview

Another Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ92KQfqlNT-s8hft-d-JXJv5Q9Jvu9iwPt9Lf6I7jzztL0zA9eSRzFvO_0Z5ilm0kf8XEfy5fan48p7BMrdCWnG9_zL9A1lgRfqyhOTnez4twjMMUAxPVjvdiPX6Gc9S8bemsqzSfKjw/s1600/google+friend+connect+style2+netoops.jpg" /></a>
Preview

Another Water Blue Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbaJjxcxWMbzPpc861k9N1xEBPPCJa9tBnMFHvJwA-9pqgcnHjcvsR4xL_Lkbq4khZR3-T5mo9iYHi9FTTlR9Z5_WW2_af8VBPvzXmhhSFSFEvAY4c9GkS11EluEJMmDmQvX_XXvOoZW0/s1600/google+friend+connect+style3+netoops.jpg" /></a>
Preview

How to Find your Blogger ID

• Simply Go to Design or Settings or Posting or any other of the TAB
• Watch the URL on Address Bar of the Browser and copy the Blog ID number and replace "PLACE YOUR BLOG ID HERE" with your blog id .

How to Add Follow Button Below Every Post.

Remember that Backup your Template Before Editing (How to Backup Template)

• Go to Design->Edit HTML
• Tick the Checkbox  Expand Widget Templates
•  Find the following code

<div class='post-footer-line post-footer-line-1'>

OR

<p class='post-footer-line post-footer-line-1'>

• Place the following code Before it

<b:if cond='data:pageType == &quot;item&quot;'>

PLACE THE CODE OF FOLLOW BUTTON YOU WANT (that described above)

<.b:if>

Example:

<b:if cond='data:blog.url == &quot;item&quot;'>
<a href="http://www.blogger.com/follow-blog.g?blogID=585509540650265660" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbaJjxcxWMbzPpc861k9N1xEBPPCJa9tBnMFHvJwA-9pqgcnHjcvsR4xL_Lkbq4khZR3-T5mo9iYHi9FTTlR9Z5_WW2_af8VBPvzXmhhSFSFEvAY4c9GkS11EluEJMmDmQvX_XXvOoZW0/s1600/google+friend+connect+style3+netoops.jpg" /></a>
<.b:if>

• Save the Template..Done..

I hope you enjoyed this Post ,If any bugs with this please Comment it....

More about → Stylish Google friend connect Button to Increase followers

Awesome Rainbow animation Link Widget for Blogger

This is a simple Blogger Blog Trick,Changing the color of Link when Mouse over it.7 colors are changing like animation when hover the link.
Follow the simple steps below..












If you are a beginner in HTML editing,Use our 1 Click Widget Below(Click Add to Blogger Button below)

<br /> <!-- More Cool Widgets @fe-blogger.blogspot.com --><br /> <script type="text/javascript" src="http://netoopscodes.googlecode.com/svn/netoops-mouseover-rainbow-colors.js"><script><br /> <a href="http://fe-blogger.blogspot.com">__NooP__</a><br />

Install Rainbow Animation Hover Effect manually.

Note:Remember that Back up your Template First.(How to Backup Template)

• Sign In to you Blogger Account.
• Go to Design->Edit HTML
• Find <head> section and Place the below code inside it.

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

• Save It and Enjoy. . . !

I think you enjoyed this post.Surely you will get excited after using this widget.

More about → Awesome Rainbow animation Link Widget for Blogger

Use Search Bar to Find a code in Blogger

This article is very useful for Blogger beginners.This is a tutorial about how to find specific code in  webPages/Blogs/Websites.You may see many Blogger Tutorials on internet for the purpose of designing or to add gadgets to your blog,for eg: if you need to add some meta tags  inside <head> section.
 You go to
Design->Edit HTML
look for <head>

find <head> and place meta tags inside it. But,

It is not easy to find a code manually.So Use Ctrl + F to find.

Look the below picture

 

• Hold Ctrl on the keyboard and press F,(Ctrl+F is the shortcut to reach Find Bar in almost all browsers)
• A Find Bar will display, Type the code you want to search.
• At once that code will highlight on the Page/Blog
• Then you can edit/delete/modify highlighted code.

Please Leave Comments

More about → Use Search Bar to Find a code in Blogger

Create an Official Google plus Page to drive traffic

Google launched Google pages for Google plus.It is a business solution for promoting products,blogs,news,events etc.. to your fans.Another important feature is it will increase your blog's traffic.Now i am saying about how to create an official Google+ Fan Page for your Blog.You can share your blog posts,events,photos etc to your Google Official plus fan page.It is almost similar to Facebook Fan Page.
Lets see how to create it.(Description with images)
Follow the instructions

Create official Google+ page

You must have a Google plus Account to create Fan page.

• Sign In to your Google account and go to this LINK
• Click on Product or Brand

• Give the name of page you need to create(Blog/Site Name)
• Choose Website from the list
• Make sure you check the box below it
• Click on CREATE

•  The give your blog title and upload your Blog LOGO, If you have no LOGO for Blog click HERE
• Click on Continue
  

• Page creation is almost finished.Now you can share your Google+ page by click on Share on Google+
• Click on finish ..Done..your page has been created sucessfully.

How to add Google+ Badge to your Blog

After finishing creating page ,you can see a button Get the Badge, Click it

• It will redirect to the page like following picture.
• you can see your page link,you can share it.
• Choose the style of your G+ badge
• After that if you want check the box HTML5 valid syntax

• Then Copy the code in  the text box
• Go to your Blogger Dashboard
• Select Design->Page Elements click on Add Gadget
• A pop up window will appear look it carefully and find HTML/JavaScript
• Enter gadget title(eg:Share in Google Plus) and Paste the code on the content textbox
• Click on SAVE..,Done..

More about → Create an Official Google plus Page to drive traffic