Monday, 30 April 2012

How to Add Bookmark this Site Widget in Blogger

, 0
by:Prayag Verma

Well this tutorial will show you how to add a bookmark this site Widget in blogger.so it is very simple Widget and it allows users to bookmark your site in a very easy manner and keep them stay updated to your Blog.so to make your bookmarking process easier just install this Widget.




  • Go to Blogger Dashboard --> Design --> Page Elements
  • Click on Add a Gadget then select HTML/JavaScript Widget
  • Copy the code shown below and paste it inside the widget.


<script type="text/javascript">

/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* Shared by Alfian J. @ HOW-TO HOUSE www.place2how-to.com
***********************************************/

function bookmarksite(title,url){
if (window.sidebar) // firefox
    window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
    var elem = document.createElement('a');
    elem.setAttribute('href',url);
    elem.setAttribute('title',title);
    elem.setAttribute('rel','sidebar');
    elem.click();
}
else if(document.all)// ie
    window.external.AddFavorite(url, title);
}
</script>
<a href="javascript:bookmarksite('Letsenjoy', 'http://technouniversityworld.blogspot.in')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRMOGCnnQCiPaQMzSzGvzZlIT3Y8vn07zoli5gqjW_YQQIDqbMmIdooKff9D9kv9_g7q9txq05yeMtkoBYqer6KLIxUutU_EwJLOZsLSbcjk22jwI6Mks6Nrc_x7wXZaZBpO0h5PZ4Qc/s1600/bookmark-this-site.png" /></a>

Now Change My Blog url and title With Your's
0 comments

How to Add Stylish Sticky Bar With Scrolling Recent Posts in Blogger

, 0
by:Prayag Verma

Hai Friends today iam back again to Share An Awesome trick.Well this post is about How to add Awesome stylish Sticky Bar with Scrolling Recent posts To blogger.Well the Widget appears on the top of your Blog page and it is Simply Awesome.




HOW TO ADD STYLISH STICKY BAR WITH SCROLLING RECENT POSTS IN BLOGGER




HOW TO MAKE STYLISH STICKY BAR WITH SCROLLING RECENT POSTS FOR BLOGGER

    • Go to Blogger Dashboard --> Design --> Edit HTML
    • Backup your Template before making any changes to your blog
    • Now  Expand Widget Templates
    • Find the code shown below using [ctrl+F]
    • ]]></b:skin>
  • Replace the above code with the code shown below :.



#latesthack-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht8i5cf3n_zc9l96fsbjQE9Oo1150CD8UkdjwHj3iani-pOHWxzwla2Y4cZlcuK6HlCt2opehmRpfT1Zub7KijpDX9Elh-15AI64B4B7BsvIjWeOTvHlWpDnG2I-RGi9V_O-kmrfQGvF0/s1600/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}
#latesthack-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}
#latesthack-stickybar a:hover{text-decoration:underline;}
#latesthack-stickybar p{margin:0;list-style:none;}
#latesthack-stickybar img{vertical-align:middle;margin-right:6px;}
#latesthackclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}
]]>



Now find the code <body>  using Ctrl+F


Now Paste the following code after/below <body>


<div id='latesthack-stickybar'>

<script>

var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 100;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>";

</script>

<script src="http://technouniversityworld.blogspot.in/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " >

</script>

<a href="#" id="latesthackclose" onclick="return false;">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPylwLD3QGK63UD2it4xHEt7YQunqdlbSp8-b3ltbwUF4EekBdQreMvtJryudzuo1JxGMFXPHbF6DW_pqg29zH7SEa8927gbukXZ72RlL0tqKjt4m3_ZjSj_Nj3sTF1KjRsZCJf4fc-kk/s1600/cancel.png"/>

</a>

</div>


Now save your template

CUSTOMIZATION TO THE WIDGET


  • Replace My Blog url with your blog url
  • 10 is the No of posts you want to display
  • left is the direction of moving post title you can change it to right
  • 100 is the speed of moving post titles you can set it according to your need
  • For N the links will open in new window . If you want that the links open in same window then replace it with Y
  • >> is the bullet charector you can change it as you want
  • F40045 is the color of the bullet charestor
  • 000000 is the background color of the sticky bar
  • FFFFFF is the color of the links
0 comments

Sunday, 29 April 2012

How to Embed Another Website(Webpage) in Blogger

, 0
by:Prayag Verma

So here Learn How to Embed one Website or Blog into Your blog Using this Small piece of code.One thing is you can also use referral links to iframe tag so that visitors can join the specific website just by filling from your blog

  1. You can Use Iframe tag in your posts as i use in this post
  2. You can Also use this code In HTML/Javascript Widget on your Blog
<iframe src ="Website URL" width="100%" height="400"></iframe>
Change Website URL With Any Website Link Or Any Specific Webpage link
So see the Below One.See how i embedded the page with a scrollbar.

0 comments

How Does Google Adwords Work [Infographic]

, , 0
by:Prayag Verma

Google AdWords is Google's main advertising product and main source of revenue. Google's total advertising revenues were USD$28 billion in 2010. 
AdWords offers pay-per-click (PPC) advertising, cost-per-thousand (CPM) advertising, and site-targeted advertising for text, banner, and rich-media ads. 
The AdWords program includes local, national, and international distribution. Google's text advertisements are short, consisting of one headline consisting of 25 characters and two additional text lines consisting of 35 characters each. Image ads can be one of several different Interactive Advertising Bureau (IAB) standard sizes.



0 comments

Saturday, 28 April 2012

How to Shift Blogger Sidebar To Left or Right

0
by:Prayag Verma

Hai friends today we are sharing another Awesome trick to shift your Blog's Sidebar from left to right or Viceversa.this is a simple css trick which can change the Whole layout of the blog.this trick is mainly for those who change the postions of sidebar wrapper.Well in this simple code.just You have to find some code manipulate it to Some extent.make sure that you have Copy of your template.i mean Backup your template Before Editing Anything.So go through the Below Tutorial:.


How to Change the Sidebar to Left or Right  ?


Go to your Dashboard > Edit html
Now search for the Below Code or the Similar Code.



#main-wrapper {
float: left;
width: 600px;
margin: 0;
padding: 0;
}

Now change float: left to float: right



So now if you have to Shift your Sidebar from right to left.find this below Code or Similar Code

#sidebar-wrapper {
float: right;
width: 320px;
margin: 0;
padding: 0 20px 10px;
display: inline;
}

Now change float: right to float: left


So now Once Check the Preview of your Template.if Everything is Ok.then Save your Template
There you will be noticed your Sidebar that is moved from right to left.
Now Save your Template and You are Done. Enjoy!
0 comments

How to Add Energy Saving Mode To Blogger

, 0
by:Prayag Verma

This is a post to Show you How to Add energy Saving Mode to Your Blogger Blog!
Well the Energy Saving Mode Hides the Heavy animations and Covers the Windows onto Dark Color.



How to Add Energy Saving Mode to Blogger :.

Go to Blogger Dashboard --> Design --> Edit HTML
Now Check Expand Widget Templates box.
Find the </head> tag in your template 
Now Paste the Code shown below just before/above it.(Inside the Stars)

****************************************************************************************

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>


****************************************************************************************



  • Now save your template
  • Now go to  Design >> Page Element  and click Add Gadget
  • Then select HTML/Javascript and paste below code. 
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=180"></script>

  • Change time=180 as you want.
0 comments

Download Google Drive For Android,Windows And Mac

, 0
by:Prayag Verma

Well Google Has working as a Competitor to Skydrive and DropBox.Google Drive will provide Users a 5Gb of Cloud Storage.





Google Drive will tightly integrate with Google Docs and allow users to create and store documents, spreadsheets, presentations, PDF files and more and collaborate with friends and family online.  Additionally, Google Drive will also provide users with apps for PC, Mac and Android.
You can download Google Drive for your computer or device by using the link below:. an iOS app will be released soon:


That's it Enjoy!



0 comments

Google Zerg Rush Easter Egg Destroys Page Fastly

, 0
by:Prayag Verma

Well Google Has introduced another Funny Easter Egg which allows you to play with their search results and you have to save your results from their giant O eaters troop.  when you search for zerg rush on Google than you will see your result with some O's falling from top and  destroys your results you have to click on all those O's faster to destroy them before they destroy your results.Well this very interesting One. After Destroying all the o's or After Completing the Game You will see All the o's Come together to form Two big G Alphabets.Also there is an option of Rewarding and By Clicking on the Clear button everything will be cleared and the Search results will be Again Back.



Google Ester Egg

So Just Go to Google.com and Type Zerg Rush and Hit enter Enjoy this Funny Game
0 comments

Friday, 27 April 2012

Opera 12 Beta :Dumps Old Features And Introducing New Features

, 0
by:Prayag Verma

After A long Time And several Months of testing Opera Has Finally Released Opera 12 Beta.Which is also called by the Name Wahoo.




Other new features in Opera 12 include:
  • Lightweight themes, similar to Chrome themes and Firefox Personas.
  • Support for right to left scripts (Arabic, Farsi, Urdu and Hebrew) in the main interface.
  • Support for “Do Not Track” header.
  • Redesigned security badges for the address bar.







Download Opera 12


Click the below Image to Download

DownloadDownload
0 comments