Customize Google+ Stream Layout

 

This customization will be visible only to you and your friends can not see it but it will put a good impression on them when they connect to Plus through your personal computer. :> There is another add-on available too that will change the entire color scheme of your Google Plus account. I will share it in my coming posts.

Source: http://www.mybloggertricks.com/2011/07/customize-google-stream-layout.html

Add Twitter To Google Plus: Send & Receive Tweets

Install Twitter Application for Google+

  1. [a href="http://crossrider.com/install/529-google-tweet" rel="nofollow" target="_blank"]Click here[/a] to install the twitter app
  2. Once installed, restart your browser and log into your Google Plus account
  3. At the top you will see a twitter button. Click it and click the Sign in button so that you could permit the application to access your twitter feed.

If you wish to customize your dashboard then read this post:

  • [a href="http://www.mybloggertricks.com/2011/07/customize-google-stream-layout.html" target="_blank"]Customize Google+ layout[/a]
Source: http://www.mybloggertricks.com/2011/07/add-twitter-to-google-plus-send-receive.html

Add Twitter Fan Box To Blogger Blogs

If you needed any help then feel free to post your question. Peace! :)

Source: http://www.mybloggertricks.com/2011/07/add-twitter-fan-box-to-blogger-blogs.html

Disadvantages of Pinging Servers With Windows Live Writer

[a href="http://lh6.ggpht.com/-7QNFYFxkGdc/Tgx9wTusOmI/AAAAAAAAEB8/HhBKg9CyXFQ/s1600-h/PINGING-wlw%25255B7%25255D.gif"]PINGING-wlw[/a][a href="http://www.mybloggertricks.com/2011/05/use-windows-live-writer-kick-blogger.html" target="_blank"]Windows Live writer[/a] offers an option where you can ping social networks and search engines whenever you publish a new post. Pinging is not a bad thing unless you do it frequently like 3-4 times a day. According to some previously asked questions WLW team has confirmed that the Ping function if turned on can put unnecessary burden on the servers that can cause you getting banned by search engines, blog directories and social networks. [a name='more'][/a]This can badly effect your search engine listings and social network repo if you are requesting an update request frequently from different traffic sources may that be search engines or social media networks. However if you want a special attention of search engines and blog directories for a selected post then you can do that by temporarily activating your Ping function as follows:

How to Ping Servers in Windows Live Writer?

Go To WLW Options menu and select Ping Servers as shown below,

[a href="http://lh3.ggpht.com/-ZEmVw_d11YE/Tgx90qfwWuI/AAAAAAAAECE/IzRhD28iu6E/s1600-h/image%25255B4%25255D.png"]ping servers[/a]

Check the box and paste the following pinging URLs inside the big box,


http://rpc.technorati.com/rpc/ping
http://blogsearch.google.com/ping/RPC2
http://ping.feedburner.com
http://rpc.icerocket.com:10080
http://services.newsgator.com/ngws/xmlrpcping.aspx
http://api.feedster.com/ping.php
http://rpc.pingomatic.com
http://rpc.weblogs.com/RPC2

The above URLs will ping technorati, google blog search, Feedburner, Feedster and most importantly pingomatic which will update dozens of directories about your latest blog update.

Please use this utility carefully and ping all these services only when you think that your post is not indexed or needs special attention. You can do this for unique posts 3-4 times a week but not daily. But don't be too afraid of using this tool, I use it too but when I need to. Stay safe and have fun. Peace and blessings. :)

Source: http://www.mybloggertricks.com/2011/06/disadvantages-of-pinging-servers-with.html

Add Cool Floating Feedback Buttons in Blogger

FEEDBACK-BUTTONSHere is yet another PNG set for Feedback buttons which can be added in a similar method as we did for the previous [a href="http://www.mybloggertricks.com/2011/06/floating-feedback-buttons-set-for-blogs.html" target="_blank"]Feedback Buttons[/a] set. This time we will mouse hover effect to these buttons. The buttons will change color on mouse hover. You can do that using a simple code as shared below,

[a name='more'][/a]
[a href="#download" rel="nofollow"]Download[/a]

Add Floating Feedback Buttons With Mouse Hover in Blogger

  1. Go To Blogger > Design > Page Elements
  2. Select HTML/JavaScript widget
  3. Paste the following code inside it,


<a style="display:scroll;position:fixed;bottom:10px;left:0px;" href="URL OF CONTACT PAGE" title="Feedback Please, Can't go further without your help"><img onmouseover="this.src='IMAGE LINK 2'" src="IMAGE LINK 1" onmouseout="this.src='IMAGE LINK 1'"/></a>

Make these changes:

  • Replace URL OF CONTACT PAGE with the Link of your contact page
  • Replace IMAGE LINK 1 with the URL of image in active mode
  • Replace IMAGE LINK 2 with the URL of image which appears on mouse hover
  • Change left to right if you want the button to appear at right side of your page

     4. Save your widget and you are done!

[a name="download"]Download[/a]

The rules are old. Kindly subscribe by submitting your Email ID below,


name="loc" type="hidden"/>
type="submit"/>

Activate your feeds and post the same Email ID below so that I could send the icons immediately. By subscribing once you get free access to all blogger resources published so far.

Source: http://www.mybloggertricks.com/2011/06/add-cool-floating-feedback-buttons-in.html

Google Changed Search Results Format and Design

[a href="http://lh5.ggpht.com/-6EhPgWAWa98/Tgzfb2wF_MI/AAAAAAAAECQ/avsMjbtCz5Y/s1600-h/SEARCH-FORMAT%25255B2%25255D.gif"]GOOGLE SEARCH-FORMAT[/a]

June 2011 saw a rapid change in Google's development performance. We heard of Google [a href="http://www.mybloggertricks.com/2011/06/add-google-1-button-to-your-blogger.html" target="_blank"]+1 Button[/a], then the [a href="http://www.mybloggertricks.com/2011/06/google-1-button-will-start-appearing-on.html" target="_blank"]+1 Project[/a], the [a href="http://www.mybloggertricks.com/2011/06/1-report-stats-added-to-google.html" target="_blank"]+1 Metrics[/a], then Social Plugins tracking in Analytics and [a name='more'][/a]now just few days have past that the entire search format and appearance have been changed. Now the Webpage titles are immediately followed by Webpage URL and then Description in the last. Previously the webpage titles were followed immediately by description but now URL has taken a jump up. This signals towards the priority of Webpage URL over Page Description.

How can this change effect your Organic Traffic?

To be honest no one can give a confident answer except logical views. Every single move taken by Google has always put a drastic impact on web traffic and with the latest introduction of +1 recommendation plugin this shift in URL position can have a significant meaning.

What are the Design Changes?

Now you see a black navigation bar appearing at the top with all available search options. After the query is being submitted by the user, a left pane appears where you are given several search tools. An interesting new feature is that now you can view what information is been fed in Google every single second by clicking the latest Link under Any time option. You can also select a custom time range to search for specific data over a selected time period. All these new developments made Google to stand out once again.

[a href="http://lh6.ggpht.com/-SBbtILwMOR4/Tgzfdh4zZoI/AAAAAAAAECY/NU8nav13xus/s1600-h/image%25255B3%25255D.png"]Google navigation bar[/a]

 

[a href="http://lh4.ggpht.com/-AKNu-XgrqNE/TgzffJDjrVI/AAAAAAAAECg/ike2DezEfH0/s1600-h/image%25255B7%25255D.png"]Google Left pane[/a]

and not just that! Looks like even Google designers are bored with the old search button and therefore they changed it into a attractive light blue one,

[a href="http://lh6.ggpht.com/-8_ln7i3LdEQ/TgzfiNnZGiI/AAAAAAAAECo/ttOkppEE1O0/s1600-h/image%25255B11%25255D.png"]new google search button[/a]

What do you have to share?

Keeping the design thing aside, what do you think the sudden change in the position of Page URL and Page Description can cause to search engine ranking criteria. Can it effect your +1'd recommendations?

Source: http://www.mybloggertricks.com/2011/07/google-changed-search-results-format.html

Guest Posting at MBT- A True Rocket Ride!

This is a success story published by our Guest Poster Hassam Ahmad Awan
PAgerank 2011

Make sure that you have some basic writing skills and does not make grammatical errors. And further with more and more writing, your language would get polished. The better your article would be the more readers would like to visit your own blog. But this doesn't mean at all that your blog would get to the highest point without any of you own effort at your own blog. You need to follow the basic SEO techniques at your own blog too. 
Plus as they say "Content is king" makes quite a sense. If people would visit your blog through  MBT, they would certainly be needing something to read, and you got to make sure that you grab that moment. In an all, I would definitely recommend writing at MBT. You may want to read [a href="http://www.mybloggertricks.com/2011/06/how-to-write-and-submit-guest-post.html" target="_blank"]How to Write and Submit a Guest Post[/a], to get to know about Guest posting. 
To all of the young bloggers there, i would say- do work hard, [a href="http://www.mybloggertricks.com/2011/06/8-time-management-tips-for-bloggers-how.html" target="_blank"]manage your time[/a] well and you would certainly get the reward. And thanks to the MBT audience that liked my guest posts and gave great responses in the comments.
Thanks a Lot! :)[/a]

 

  Hassam Ahmad Awan


About the Guest Author:

Hassam is a young A Level Student who loves to learn and share tech related stuff. He has an ambition to become a Software Engineer. He is a passionate blog author and publishes regular tutorials to newbie bloggers at [a href="http://bloggingehow.blogspot.com" rel="nofollow" target="_blank"]BLoggingeHow[/a].

You can always keep in touch with him at [a href="http://www.facebook.com/pages/BLoggingeHow/126203964129170" rel="nofollow" target="_blank"]@Facebook[/a]

Source: http://www.mybloggertricks.com/2011/07/guest-posting-at-mbt-true-rocket-ride.html

Show Nick Name in Posts Instead of Profile Name

You can now also use a [a href="http://www.mybloggertricks.com/2011/07/replace-author-name-in-blogger-comments.html" target="_blank"]custom name[/a] in Blogger Comments

[a href="http://lh5.ggpht.com/-SjBfQAHvOO4/Tg3CmJ7vZNI/AAAAAAAAEDg/lTzPp4JktRw/s1600-h/nickname%25255B4%25255D.png"]nickname[/a]If you have a lengthy name like mine :p then may be you would like to use a nick name instead when you publish new posts. This name will appear normally like your profile name under your post titles and visitors can see who the author is. By default in all BlogSpot blogs the name of the author display is one with which appears in all his blogs. But sometimes you may want a different name to be displayed if you own an associated blog. I have also come up with a code that will display different author names on label pages. I will share it soon.

[a name='more'][/a]
[a href="http://zailab.blogspot.com/" rel="nofollow" target="_blank"]Live Demo[/a]

How To Replace Author Name with a NICKNAME?

The steps are really simple,

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand Widgets Template"
  4. Search for this,

<data:post.author/>

     5. Replace it with your nickname. That's it!

How To Replace Author Name With an Image in Blogger?

You can also add an image instead of a text using the code below,

<img src="ADD IMAGE LINK HERE" border="0" />

For a good quality image kindly keep your nickname image dimensions to be 150px by 20px. You can also add your signature to it in the form of a gif image.

Hope you liked this new interesting trick that can add more colors to your blog.

Source: http://www.mybloggertricks.com/2011/07/show-nick-name-in-posts-instead-of.html

Add +1 Button To Homepages To Increase Traffic

If you want one like mine then use this code,

<div style='float:right'>
      <p style='font:12px bold arial, verdana; float:left; margin:5px; 15px;'>Liked us?</p>
<g:plusone href='http://www.mybloggertricks.com' size='standard'/>
</div>

 

Make sure to replace my blog link with yours.

2.   If you have previously added the +1 buttons to your blog then you can skip this step else continue. 

  • Go To Blogger > Design > Edit HTML
  • Backup your template
  • and search for this,

</head>

 

and just above it paste the following code,

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

  3. Save your template and you are done!

Source: http://www.mybloggertricks.com/2011/07/add-1-button-to-homepages-to-increase.html

Add Social Networking Buttons Below Blogger Posts

[a href="http://lh4.ggpht.com/-RoMXZUw_BCQ/Tg3j9cklX8I/AAAAAAAAEDw/4zayvvGm0lk/s1600-h/image%25255B4%25255D.png"]Social Networking buttons[/a]

So Far we added social networking buttons below posts in different forms and today we have yet another cool design with our [a href="http://www.mybloggertricks.com/2009/09/presenting-animated-social-bookmarking.html" target="_blank"]Flapper Icons[/a] in it. These social icons are arranged in symmetrical order and size with image [a href="http://www.mybloggertricks.com/2009/09/learn-how-to-add-image-pop-up-and.html" target="_blank"]opacity effect[/a] added to each by default. The social buttons go fade on mouse hover and stick to the bottom of all your posts thus increasing the traffic to your blog. The steps of installing it are really simple.

[a name='more'][/a]
[a href="http://bloggertricks-testblog.blogspot.com/2009/10/this-is-how-peacful-land-turned-into.html" rel="nofollow" target="_blank"]Live Demo[/a]

How To Add Social Networking Icons In Blogger?

To add these icons below posts kindly follow these steps,

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand Widgets Template" box
  4. Search for this,

]]></b:skin>

and just above it paste the Opacity code below,

/*------------ MBT Image Opacity--------------*/

.Fadein img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.Fadein:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

 

     5.    Next search for this code,

<data:post.body/>

and just below it paste the following code,


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

<center><span style='color: #7AA1C3; font-size: 12px; font-family: Verdana;'><b>Thanks For Making This Possible! Kindly Bookmark and Share it.</b></span><br/><br/>
<a class='Fadein' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ztFifBgOFQM2-Zxi8KdaXureGgWLbi4-iLRocnUh9u-xKx93uTTtT1Wb8Ddd3q3RhE9O6BDVI8oC-A5BeQcBYSuJ1gC3xEz5GR8qF7jKkJVCipMGR2nz_nkwYWofOb7M-wI_w_QLqBw/s400/TECHNORATI1.png ' width='64px'/></a>
<!--DIGG-->
<a class='Fadein' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGiIg26dKP-4iKVVjkJXdilw8y-B-LH5XGOxkw-kMGo-4odFxAJ_xbBD6RJKcvR8r6Viy_H6qzLzvQBvBd2cB828kb0XErpRGP989JSnrBB3-heC5eb1fFQwk3KwcwcJcy06jPWQx0ck/s400/DIGG1.png ' width='80px'/></a>
<!--Stumble-->
<a class='Fadein' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZF2PcZ2xMWlEp7oHgNJzKREHV_6tmWVnobrUd8fXn0fV9beFl5tQtcWD2g057r5Y45RFfNDvjRzZWpuOMMZh5OGl_czyH9KmO78byN14EPzgdjNe6_1oKwmgUTzYpYJO1sXnSoUCbzSM/s400/stumble1.png' width='100px'/></a>
<!--Reddit-->
<a class='Fadein' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUtf30UmikzUn5CUpx-N9C4cR1RLUQ5isCn9HyDKUMZGYT6NdnKSXO0c8D_TxGfYVwLW97QDdM0eC70Vfca1khT4l6iuf1LZhedY6f3Q05FoGOi47jh87vvypo7NXtUW6AQ7QpGNaSwCY/s400/REDDIT1.png' width='100px'/></a>
<!--Facebook-->
<a class='Fadein' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0n8abE6JFUFd7iCuLNHAVaCTvIOID4EIE6TQQS8W0dy_xwrwcWabQ1t9TGaEjWf5SA-H_TePe4tHuxDeN5v2mxA4aQBnpILfB71gfSHQv-EUdQrpRltdYEC9tVXywbqhOIL8RJxgXG0/s400/FACEBOOK1.png ' width='80px'/></a>
<!-- Twitter -->
<a class='Fadein' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1bzPBrJiqoiivbNaW56blQCkXKgvM6PHfhnAUYL87_c3dHXdjWsfYMJ9v0IWFAy9JRAeWOcq5CHSO3ytYuajfgH4As0MNE4uDhthbcW-ImYpObm_MP7L8r2YUDebDXkLg_QW3xlPhjk/s400/TWITTER1.png' width='64px'/></a></center>


</b:if>

 

    6.  Save your template and you are done!

Visit your blogs to see a beautiful change. :) You may also like these social networking buttons and widgets,

  • Flapper [a href="http://www.mybloggertricks.com/2009/12/add-css-based-social-bookmarking-widget.html" target="_blank"]Social Networking Widget[/a]
  • [a href="http://www.mybloggertricks.com/2009/08/releasing-gorgeous-mbt-social-media.html" target="_blank"]Social Networking Icons[/a] - Triangular style
  • [a href="http://www.mybloggertricks.com/2009/08/introducing-mind-blowing-circular-style.html" target="_blank"]Social Networking Icons[/a] - Circular Style
  • And Finally The Oval Style [a href="http://www.mybloggertricks.com/2009/10/window-style-social-bookmarking-icons.html" target="_blank"]Social Icons[/a]
Source: http://www.mybloggertricks.com/2011/07/add-social-networking-buttons-below.html

Symantec Gives Green Card to Apple iOS in Security against Android

This is a guest post by Bhavesh Mohanlal Pamecha from [a href="http://www.plentyofebooks.net/" target="_blank"]Plenty of Ebooks[/a]


[a href="http://lh6.ggpht.com/-RCGl0fQYcnI/Tg4yttk9sTI/AAAAAAAAED4/ySFLYosV8z4/s1600-h/iphone%252520vs%252520android%25255B6%25255D.jpg"]iphone vs android[/a][a href="http://www.mybloggertricks.com/2011/06/free-blogging-apps-for-iphone-ipod.html" target="_blank"]Apple iOS[/a] and Google [a href="http://www.mybloggertricks.com/2011/05/mobile-blogging-using-android-phone.html" target="_blank"]Android[/a] are the most widely used mobile operating systems in today's smart phones and are considered to safer than a traditional Desktop operating system. Due to the increasing popularity the privacy features provided are not enough to maintain a certain security level. [a name='more'][/a]
According to a recent research conducted by Symantec about the security of Google Android and Apple's iOS, Symantec gave a green card to Apple iOS being more secure than Google Android. The research was conducted keeping in mind to examine the core security architecture & determining their strengths & weaknesses of both platforms.
Below is the summary of analysis of the two platforms:

Apple iOS

Advantages:

  • Better Access Control & Encryption
  • Control Policies using password with more options such as automatic data wipe after a certain number of failed password attempts.
  • App Store more secure due to certification and control.
  • Sandboxing to isolate applications.


Disadvantages:

  • Built-in hardware encryption increases the changes of a Hacker getting control of your device.
  • Apps can perform a wide range on actions which can raise potential privacy flags.

Android

Advantages:

  • Better Application Isolation
  • No built-in hardware encryption in Android 2.2 & 2.3. However, the tablet OS, Android 3.0, do have an option but is turned off by default.
  • Sandboxing to isolate applications.
  • Apps are blocked from accessing most of the system services unless a user explicitly grants permission after checking the list of permissions shown while installing an app.


Disadvantages:

  • Control Policies using password but no advanced options.
  • Android Market is more prone to Malware due to its openness.


For an in-depth, technical evaluation view this 23 Page "White Paper" ([a href="http://www.symantec.com/content/en/us/about/media/pdfs/symc_mobile_device_security_june2011.pdf?om_ext_cid=biz_socmed_twitter_facebook_marketwire_linkedin_2011Jun_worldwide_mobilesecuritywp" rel="nofollow" target="_blank"]PDF INFO[/a]) released by Symantec.

What are your views?

Although I don’t see much difference regarding security in both of these platforms I guess Apple iOS wins the race with better control policy and app store. What’s your view?
Source: http://www.mybloggertricks.com/2011/07/symantec-gives-green-card-to-apple-ios.html

Create a Drop Down Menu In Blogger

If you wish to add the same menu to Blogger Template Designer templates then read this post -> [a href="http://www.mybloggertricks.com/2011/07/add-custom-drop-down-menu-to-templates.html" target="_blank"]Custom Drop Down menu[/a]


[a href="http://lh6.ggpht.com/-jfZ7pOa1NRk/Tg51rg9V3-I/AAAAAAAAEEA/BOQF9ZWZZmM/s1600-h/image%25255B14%25255D.png"]image[/a]

      </ul>
    </div>

Replace # with your Page Links and the bolded text with relevant page names. The yellow highlighted code is responsible for the drop down menu. You can copy and paste it under any tab you want just before </li>

To add another tab just paste this code above </ul>

<li>
          <a href='#'>Tab Name</a>
        </li>
       

    3.   Now Go to Design > Edit HTML

    4.   Backup your template and search for ,

]]></b:skin>

     3.   Just above it paste the code below,

/*----- MBT Drop Down Menu ----*/


#mbtnavbar {
    background: #060505;
    width: 960px;
    color: #FFF;
        margin: 0px;
        padding: 0;
        position: relative;
        border-top:0px solid #960100;
        height:35px;

}


#mbtnav {
    margin: 0;
    padding: 0;
}
#mbtnav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#mbtnav li {
    list-style: none;
    margin: 0;
    padding: 0;
        border-left:1px solid #333;
        border-right:1px solid #333;
        height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
    color: #FFF;
    display: block;
   font:normal 12px Helvetica, sans-serif;
   margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
       

}
#mbtnav li a:hover, #mbtnav li a:active {
    background: #BF0100;
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 10px 12px;
       
   
       
}

#mbtnav li {
    float: left;
    padding: 0;
}
#mbtnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
#mbtnav li ul a {
    width: 140px;
}
#mbtnav li ul ul {
    margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
    left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
    left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
    position: static;
}

#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
    background: #BF0100;
    width: 120px;
    color: #FFF;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;

   
}
#mbtnav li li a:hover, #mbtnavli li a:active {
    background: #060505;
    color: #FFF;
    display: block;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}

Make these changes:

  • Change #060505 to change background color of the Main menu
  • Change  the yellow highlighted text to change font color, size and family
  • Change #BF0100 to change the background of a tab on mouse hover
  • Change #BF0100 to change the background color of the drop down menu
  • Change #060505 to change the background color of drop down menu on mouse hover

      4.    Save your template and you are done!

 

Visit your Blogs to see a beautiful Navigation menu just below Header. Have Fun! :)

If you have any questions feel free to post them.

Source: http://www.mybloggertricks.com/2011/07/create-drop-down-menu-in-blogger.html

Add Mp3 Music Player in Blogger



[a href="http://lh4.ggpht.com/-wJHWsNqCgTE/Tg6X-axsJmI/AAAAAAAAEEQ/NeW9K8qxFhQ/s1600-h/music-player%25255B8%25255D.gif"]music-player[/a]Today's player is much different from the [a href="http://www.mybloggertricks.com/2009/11/customize-color-scheme-of-wordpress-mp3.html" target="_blank"]music mp3 player[/a] I previously shared. It created by [a href="http://www.alsacreations.fr/dewplayer-en" target="_blank"]alsacreations[/a] and provided for free use. It is called Dewplayer, which is a smart easy to use flash mp3 player that comes in different sizes and shapes. You can create a beautiful playlist in your blogger blogs with it and with a professional look. I personally liked it a lot! Turn off the music below and lets try this new discovery.







How To Add Music Player To your Website?


1.  First you need to download this file: [a href="https://sites.google.com/site/mybloggertricks/Home/dewplayer.rar?attredirects=0&d=1" rel="nofollow" target="_blank"]DewPlayer Bundle[/a]

2.  Unzip the file using winrar or winzip

3.  Now you can see a lot of files in it. I have compressed the popular types as shown below.

[a href="http://lh6.ggpht.com/-x2jwg5iw74s/Tg6X_2asAFI/AAAAAAAAEEY/ja8JLQh-Muw/s1600-h/image%25255B3%25255D.png"]music player types[/a]

In this tutorial we will learn to create all types accept the playlist as I will be writing a more detailed post on it tonight. Select your favorite player and upload it (swf file) on a free hosting website along with your mp3 file.

4.  Now you just need to copy and paste anyone of the codes below inside your blogger posts, sidebars, anywhere you want.

PS: In each case below replace the highlighted text with the swf file link of the Player and replace MBT.mp3 with the mp3 link. For more options you can visit and create it using their [a href="http://www.alsacreations.fr/dewplayer-en" rel="nofollow" target="_blank"]tool[/a] or of course you can call me for help :d

Mini:


<object type="application/x-shockwave-flash" data="dewplayer-mini.swf" width="160" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-mini.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

Classic:


<object type="application/x-shockwave-flash" data="dewplayer-classic.swf" width="200" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-classic.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>



Multi:


<object type="application/x-shockwave-flash" data="dewplayer-multi.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-multi.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>



Multi Rect:


<object type="application/x-shockwave-flash" data="dewplayer-rect.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-rect.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>



Bubble:


<object type="application/x-shockwave-flash" data="dewplayer-bubble.swf" width="250" height="65" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-bubble.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>




Troubleshooting



If you get into a problem then do not hesitate to post your query. Would be a pleasure to help you. I just hope you find useful and easy to implement. I will be publishing several other types of Music players soon in my future posts inshAllah. Have Fun Folks!

Source: http://www.mybloggertricks.com/2011/07/add-mp3-music-player-in-blogger.html

Replace author Name In Blogger Comments by an Image

[a href="http://lh6.ggpht.com/-3jjAKim55RQ/Tg8j9LY2AuI/AAAAAAAAEFA/ntypFGRhVS8/s1600-h/image%25255B6%25255D.png"]author comments[/a]

You learned how to [a href="http://www.mybloggertricks.com/2011/07/show-nick-name-in-posts-instead-of.html" target="_blank"]replace author name[/a] with a nickname in posts and now its time that you may change the author name appearing in comments also with either a text or image. This will again display a custom name instead of the blogger profile name. This will help you to use different names on each of your blog instead of the profile name.  The steps are really simple to implement. Follow up:

[a name='more'][/a]
[a href="http://zailab.blogspot.com/2011/06/password-protect-post.html" rel="nofollow" target="_blank"]Live Demo[/a]

How to use a Custom Name in Blogger comments?

  1. Go To Blogger > Design > Edit HTML

  2. Backup your template

  3. Click the "Expand Widgets Template"

  4. Search for this,

<data:comment.author/>

This code will appear twice so replace it twice with your custom nickname. You can either use a fancy text name like this one,

J0|-|N

or an image,

<img src="ADD IMAGE LINK HERE" border="0" />

Replace the bolded text with image link. Keep you image as small as 150px by 20px in size.

     5.   Save your template and you are done!

 

I just hope you find this tiny trick useful. For any help, feel free to post your questions. Peace out buddies. :)

Source: http://www.mybloggertricks.com/2011/07/replace-author-name-in-blogger-comments.html

Add Nofollow Tag To all Download, Demo & Iframed Link Pages



This is a short informative post for all those who share Download files or any other web related resources with there readers. A PageRank by Google is an important rank that determines the importance of your website or blog in the eyes of search engine spiders. A spider is a robot that is responsible for crawling your content and indexing it on data bases. Since the entire infrastructure of GOOGLE PR is based on quality backlinks therefore it very important that you should flow the [a href="http://www.mybloggertricks.com/2010/01/how-to-inter-link-pages-smartly-to-flow.html" target="_blank"]PR juice[/a] wisely and do not waste it on useless links.  By useless links I mean websites that use login structures or IFrames. An I framed webpage is not crawled by spiders because it can not access it. All social media networks have a login algorithm that allows visitors only with a unique password. When you link Facebook Profiles, Twitter or Blogger Profiles or any other social network, make sure you add the nofollow tag to them. Further you must also add a [a href="http://www.mybloggertricks.com/2011/06/add-tag-to-all-links-in-table-of.html" target="_blank"]nofollow tag[/a] to the links in your table of contents. If you write tutorials like me and share a DEMO link or Download Link then make sure you tag them as nofollow because linking files and hosting websites will drink all your PR juice and will slow down your PR progress on next PR update.


There is also a noindex tag which should be added only when you feel that even the text of the link is not important.


How to add Nofollow Tag in HyperLinks



A link has this HTML code,



<a href="http:xyz.com">Download</a>



To make any link nofollow just change the link in this way,



<a rel="nofollow" href="http:xyz.com">Download</a>



To add a noindex tag which is not very necessary do this,






<a rel="noindex" rel="nofollow" href="http:xyz.com">Live DEMO</a>






now your PR is more healthy and safe.


What links should be kept dofollow



UPDATE: A detailed post has been written please read: [a href="http://www.blogger.com/"]When should you nofollow links[/a]?


Always make it a habit of linking well established websites and services. If you are sharing a Facebook Plugin then feel free to link the developers page else if you are sharing a news on AdSense then you must link to the AdSense blog and openly mention things that matter with relevant source links. This will increase your BLOG reputation in the eyes of robots and will help you you rank higher. Blogs become authorities by linking relevant stuff and avoiding useless iframed pages.


Even I have done the plunder of linking demo and download links a lot but the better you know the good it is. I hope this little info may help you preserve and protect your newly gifted PRs and may help you to utilize it wisely. Wish you all the best.

Source: http://www.mybloggertricks.com/2011/07/add-nofollow-tag-to-all-download-demo.html

GoDaddy Finally Sold For $2.25 Billion Dollars!

[a href="http://lh3.ggpht.com/-qcMwHlCUbk8/Tg9vKA8_4AI/AAAAAAAAEFI/gy5yoBO9ktA/s1600-h/Gdlogo_Everythingtagdpi%25255B6%25255D.jpg"]Gdlogo_Everything[/a]On June 24, 2011, The [a href="http://online.wsj.com/article/SB10001424052702303339904576405610949743734.html" target="_blank"]Wall Street Journal[/a] reported that private-equity firms KKR and Silver Lake Partners, along with a third investor, are nearing a deal to buy the company for between $2-2.5 billion  and just today that rumour became a reality.

[a name='more'][/a]

 

[a href="http://godaddy.com" target="_blank"]GoDaddy[/a], the world’s largest domain registrar and webhosting company has been sold to three private equity firms at $2.25 billion. Godaddy has more than 45 million domains names under management and is four times bigger than it first competitor. It is well known for their different style of advertising campaigns using Female celebrity models. Godaddy started advertising in super bowl and then expanded their market circle so widely that within years of its launch it received sports sponsorships.

[a href="http://lh4.ggpht.com/-85uz1X8FgY0/Tg9vMNnsPnI/AAAAAAAAEFQ/3X4LqmuJaQI/s1600-h/godaddy_pic%25255B6%25255D.jpg"]godaddy_pic[/a]

The deal was sealed by private equity firms KKR & Co., Silver Lake Partners and Technology Crossover Ventures. Company founder and CEO Bob Parsons expressed his views to [a href="http://latimesblogs.latimes.com/technology/2011/07/go-daddy-sold-for-225-billion.html" target="_blank"]Los Angeles times[/a] in these words:

 

“What these guys see is a company with a lot more potential internationally and more potential to make partnerships and acquisitions. They’ll help us finance and they’ll help us recruit talent.”

Source: http://www.mybloggertricks.com/2011/07/godaddy-finally-sold-for-225-billion.html
 
Play : Agame | Y8 Games | Y3 Games
Copyright © 2011. Blogger Tips And Tricks 2012 - All Rights Reserved

Proudly powered by Blogger