Hacking For Beginners.
Read User's Comments(0)
Dangerous Google - Searching For Secrets
Little Black Book Of Computer Viruses
This is the first in a series of three books about computer viruses. In these volumes I want to challenge you to think in new ways about viruses, and break down false concepts and wrong ways of thinking, and go on from there to discuss the relevance of computer viruses in today’s world. These books are not a call to a witch hunt, or manuals for protecting yourself from viruses. On the contrary, they will teach you how to design viruses, deploy them, and make them better. All three volumes are full of source code for viruses, including both new and well known varieties. It is inevitable that these books will offend some people. In fact, I hope they do. They need to.
I am convinced that computer viruses are not evil and that programmers have a right to create them, posses them and experiment with them. That kind of a stand is going to offend a lot of people, no matter how it is presented. Even a purely technical treatment of viruses which simply dis- cussed how to write them and provided some examples would be offensive. The mere thought of a million well armed hackers out there is enough to drive some bureaucrats mad. These books go beyond a technical treatment, though, to defend the idea that viruses can be useful, interesting, and just plain fun. That is bound to prove even more offensive. Still, the truth is the truth, and it needs to be spoken, even if it is offensive. Morals and ethics cannot be deter- mined by a majority vote, any more than they can be determined by the barrel of a gun or a loud mouth. Might does not make right.
501 Website Secrets
Acknowledgments .........................................................................................................ix
Introduction .................................................................................................................. xix
Part I: Secrets of the Internet Portals .........................................1
Chapter 1: Yahoo! Secrets ..............................................................................................3
Chapter 2: MSN Secrets ............................................................................................... 55
Chapter 3: AOL.com Secrets ........................................................................................ 75
Chapter 4: Excite Secrets ............................................................................................. 89
Chapter 5: Lycos Secrets ..............................................................................................99
Part II : Secrets of the Internet Search Engines .................... 117
Chapter 6: Google Secrets ......................................................................................... 119
Chapter 7: AllTheWeb Secrets .................................................................................. 161
Chapter 8: Ask Jeeves Secrets ...................................................................................171
Chapter 9: AltaVista Secrets ...................................................................................... 181
Chapter 10: HotBot Secrets ........................................................................................ 195
Part III: Secrets of the Online News and
Information Sites ....................................................................... 209
Chapter 11: CNN.com Secrets ...................................................................................211
Chapter 12: ESPN.com Secrets .................................................................................. 231
Chapter 13: CBS MarketWatch Secrets .................................................................... 247
Chapter 14: Weather.com Secrets ............................................................................. 265
Chapter 15: Microsoft.com Secrets ............................................................................281
Part IV: Secrets of Online Shopping and Services .............293
Chapter 16: eBay Secrets ........................................................................................... 295
Chapter 17: Amazon.com Secrets .............................................................................. 319
Chapter 18: Napster 2.0 Secrets ................................................................................345
Chapter 19: Expedia Secrets ...................................................................................... 361
Chapter 20: MapQuest Secrets .................................................................................. 371
Index ................................................................................................383
How to create vertical Menu
We have learned how to create horizontal menu before. Now we will try to make a vertical menu. We will make a vertical menu like the image. Ok let's do it
1. Login to blogger then choose "Layout-->Edit HTML"
2. Put the script below before this code ]]></b:skin> or put it in CSS code area.
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/blue2.gif');
}
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/blue2.gif');
}
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
You can change the menu color, look at the red text (blue1.gif and blue2.gif). Change it with some color menu below. For example, if you want to choose red color, then the code would be like this :
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/red.gif') repeat-x bottom left;
background: white url('http://blog.superinhost.com/vertical/red.gif') repeat-x bottom left;
dan
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/red.gif');
background-image: url('http://blog.superinhost.com/vertical/red.gif');
Vertical Menu Color :
 | blue1.gif blue2.gif |
 | green1.gif green2.gif |
 | red1.gif red2.gif |
 | pink1.gif pink2.gif |
 | black1.gif black2.gif |
3. Save your template.
4. Then go to "Page Elements" menu
5. choose "Add a Gadget -->HTML/JavaScript" the insert the code below.
<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>
Note :
- The red code is the links.
- The Blue code is anchor text.
- If you want to add menu, just copy the blink code and paste it.
6. Then click "Save"
Reposition Navigation Buttons in Blog
The navigation buttons or links that are displayed at the bottom of each comment section in BlogSpot blogs enable visitors to switch between new and old posts or move from one post page to another ordered by date and time. These buttons become less of use when number of comments increase too much. Normally readers do not even observe the navigation deep down and this results in loss of precious pageviews. I have always emphasized that value pageviews more than unique visitors because it is indeed pageviews that turns into revenue generating page impressions both for AdSense or any other Ad Network. You might have seen the More, Next and Previous button showing inside the top black sticky bar on MBT homepage and post pages. It is really not possible to shift a Post data item to any other widget section in blogger. Doing such results in "Data variable not found in dictionary" error or similar. PS: Tested with Chrome, Firefox, IE9 & Safari.
STEP1: Adding the sticky bar
First comes first. I have already shared a detailed tutorial on adding a stickybar to blogger. Please first install a stickybar on your blogs and then try step#2 of today's tutorial.Note: The style that I am using on MBT is different from that of the tutorial so if you want a similar color theme then simply copy the stylesheet from MBT source file or let me know to help you.
STEP2:
Now comes the interesting part. What we will do here is simply shifting your current Newer, Older & Home buttons to the top left of the stickybar and replace them with more fancy buttons like the one we are using. Follow these steps:- Go To Blogger > Template
- Backup your template
- Click Edit HTML and then check "Expand Widget Templates"
- Search for the following CSS classes and delete them all: You will find three such classes or more starting with either #blog-pager or .blog-pager
#blog-pager {5. Now after you have deleted them, add the following code in their place:
------
}
#blog-pager-newer-link {
----
---
--
}
#blog-pager-older-link {
-----
---
--
}
#blog-pager {
text-align:center;
}
#blog-pager-newer-link {
position:fixed;
z-index:9999;
margin-left:-320px;
top:0px;
margin-top:5px;
}
#blog-pager-older-link {
position:fixed;
z-index:9999;
margin-left:-290px;
top:0px;
margin-top:5px;
}
#blog-pager-more-link {
position:fixed;
z-index:9999;
margin-left:-20px;
top:0px;
margin-top:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#blog-pager-newer-link {
position:fixed;
z-index:9999;
margin-left:-627px;
top:0px;
}
#blog-pager-older-link {
position:fixed;
z-index:9999;
margin-left:-597px;
top:0px;
}
}
What we did in step4 and step5 was simply replacing your old code with the new one.
6. Next search for the following chunk of code:
Note: You are only concerned with finding the two highlighted codes. The code inside them may look different for your template so just finding these two highlighted tags and then follow step7.
<b:includable id='nextprev'>7. Replace the code inside them with the following code as shown below:
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' title='Previous'>« Prev</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' title='Next'>Next »</a>
</span>
</b:if>
<span id='home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</span>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='nextprev'>It was that easy!
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-more-link'>
<a class='blog-pager-more-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrYWm3gI23EQru18D61fvQPmQVJ-1l96nz0Yjm6a9W6p34eaFo6ZB3F-WSPItQdnyyLlsj_wMaquI4de1ghzgA4bn8ZTVg1BX-UY8fjSrQhKPd-lGrCprVxxiFIZkX2KzYJNfa9M_57XyM/s400/more.png'/></a>
</span>
</b:if>
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQIiTV9kAXDc42IrsrEVsMRNB0YysQv6PhHHvC4XN-bAzsKK7VBEmdxIufoCxaJHZaWf9cgH3AZoh73ylPY2lft03sEaYNzr9Pqs9Lic3b4Jdczvh4H4dYvpfUV7Cf11yW50i60XkroPZ/s400/Previous.png'/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDgD_LsS7XLaCcXC9Xf6wIiZxt1oUbFL5PfxmgeJmaahEhmMUKLf-SjXlZRX_2c7dm4aD0G9usr0keb_gKsQbd9nOE_HTe-ABgV1O6PxUP2_VeyhzkjesiwDe3YA6Y92vJMB3IFIapd7b/s400/Next.png'/></a>
</span>
<b:else/>
</b:if>
</div>
<div class='clear'/> </b:if>
</b:includable>
8. All done! Visit your Blog to see it functioning just fine.
How to Add Google Plus Followers Gadget To Blogger.
One of the best perks of using Google is, it has products that seamlessly integrate with each other to provide an easy and comprehensive interface to users. For example, Google Drive can be used to attach files with emails quickly. You can +1 posts outside Google+, and share search results on Google Plus. You can even auto-publish your Blogger blog feed to your G+ profile. And that is by no means the end of it. In fact, Google just announced a brand new feature, the Google Plus Followers gadget for blogger blogs! This new Google Plus followers' gadget for blogspot blogs will provide another layer of integration between your Google Plus profile and your Blogger/Blogspot blog.The Google Plus followers' gadget
Connecting your Google Plus profile with your blog is a great way to enhance your readership by increasing your followers and engaging better with your audience. You can auto-publish your blog posts on your Google Plus stream so as to deliver your content right where your readers want it delivered. Those readers can then recommend your content directly, which can lead to more exposure. This new Google Plus followers widget is another step towards enhancing your readership and boosting your authority.
This widget will tell the world how many people are following you, and will also show them some friendly faces (different for each person). It also has a follow button by default, which lets users follow your Google Plus profile page with a single click. This will help in getting your content across multiple streams, and to reach more readers on a more personal level through your blog.
Adding this widget to your Blogger blog is really simple. But for it to work, you first have to connect your blogger profile with your Google Plus account. We have detailed the process in a previous post, so make sure you read it first.
- How to automatically share blog updates on Google Plus
Once done, visit the Layout tab on your blogger dashboard, and select "Add a Gadget". You will then be able to see and add this widget easily to your blog.
A note from Google: For those who are using Google Friend Connect followers' widget, they can keep using it, even though Google retired most of Friend Connect services earlier this year. For the time being, it will keep running on Blogger.
Subscribe to:
Posts (Atom)