This is a guest post by Bhavesh Mohanlal Pamecha from [a href="http://www.plentyofebooks.net/" target="_blank"]Plenty of Ebooks[/a] [a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWRM5zv8VtbCtFEO2Xt9DbcAvqFOodeJtgZx8VV-Wo7q8fhoiTzyenrG45ScyExBZ1bmKZSUDIDaWjJmG6-61WT1RDuNLOxw_174qOpjPAuzxY7kwvP9h-ebcszlrJK5iZulVYMBvuCg/s1600-h/_co.cc-google-spam%25255B7%25255D.gif"][/a]The title says it all. Google has banned and penalized all the sites which used a co.cc sub-domain. [a href="http://www.co.cc/" rel="nofollow" target="_blank"]Co.cc[/a] is a free domain name registrar which offers sub-domains in bulk. Due to increase amount...
Custom Facebook Like Box With Mouse Hover Effect
Custom Like Box HTML and JavaScript Code Place your like box anywhere you like by using this code, <style> #mbtlikebox{ color: #365899; font: bold 11px arial; background:#ECEEF5; padding:3px !important; margin:5px 0px!important; border:1px solid #E1E4ED; -moz-border-radius:3px; -webkit-border-radius:3px; width:290px; } #mbtlikebox:hover{ border:1px solid #6383C1; ...
Labels:
CSS and HTMLTricks
,
Social Media
Facebook Comments Box: How To Enable 'Comment Using' Option?
The [a href="http://www.mybloggertricks.com/2011/06/add-facebook-comments-box-to-blogger.html" target="_blank"]Facebook comments box[/a] plugin has started attracting many of you and some of you still had problems in understanding its settings. The comment box also allows your visitors to comments using other login providers but some of you have this option missing. In order to enable your visitors to leave a comment using either their Yahoo, Hotmail or AOL accounts then kindly follow the easy steps below, [a name='more'][/a] Enable Third Party Login Providers in Comment Box 1. Log into your Facebook account 2. Now visit your Blog 3. At...
Labels:
blogger tricks
,
Bugs and Errors
Add Custom Drop Down Menu To Templates by Josh Peterson
You just need to remove the comment quote from the top i.e. */ and add it to the bottom as shown below: /* Tabs ----------------------------------------------- .tabs-inner .widget ul { padding: 0; display:none; background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom; -moz-border-radius: $(tabs.border.radius); -webkit-border-radius: $(tabs.border.radius); -goog-ms-border-radius: $(tabs.border.radius); border-radius: $(tabs.border.radius); } .tabs-inner .widget li { border: none; display:none;} .tabs-inner .widget li a { display: inline-block; padding: .5em 1em; margin-$endSide: $(tabs.spacing); ...
Labels:
blogger tricks
,
Blogger Widgets and plugins
Create a Drop Down Menu In Facebook Style With Rounded Borders
The [a href="http://www.mybloggertricks.com/2011/07/create-drop-down-menu-in-blogger.html" target="_blank"]Drop Down Menu[/a] code that I provided earlier can be used as a structure to design any navigation menu you like. I have designed a drop down menu using Facebook as inspiration. You can fully customize this menu and can add colors and fonts of your preference too. The new thing about this menu is that it also contains a sub drop down menu and all menus have rounded borders. So now you organize your pages even more beautifully. I have made the installation even more easier. If you use the watermark template or any other Blogger Designer...
Labels:
blogger tricks
,
CSS and HTMLTricks
,
Web Designing
Create MP3 Music Playlist With Dewplayer For Blogs
Add Dewplayer Playlist to your Websites and Blogs You will need three things here, The Flash File for the playlist i.e. dewplayer-playlist.swf The xml File for the playlist i.e. playlist.xml and most importantly the Mp3 file links 1) First thing first, upload your selected Mp3 files on a free hosting site. I recommend [a href="http://www.mdn.fm/register/?r=7971" rel="nofollow" target="_blank"]mydatanest[/a] 2) Next download and upload the Flash file also: [a href="https://sites.google.com/site/mybloggertricks/Home/dewplayer-playlist.swf?attredirects=0&d=1" rel="nofollow" target="_blank"]Download SWF File[/a]...
Labels:
Blogger Widgets and plugins
Create a Custom Flash Video Player For Your Blogs
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGq8PWifbDTELcQ1Whai-Ldixgor7fJSutwk9CzJXoW8BeaAxHP0kQunN2Fo_H5kzfO5pYFLSK1aDLlZIo0HWwyZs24TjMjn8w5b2TVXruZNswzjp_3YftbnVyZ2ncbI8VIMn5q6PZIgg/s1600-h/flash-video-player%25255B13%25255D.gif"][/a]Yes you heard it right, a Custom video Player to let you feel more confident while sharing your videos with visitors. You don't need [a href="http://www.mybloggertricks.com/2011/05/how-to-make-video-popular-in-youtube.html" target="_blank"]youtube[/a], dailymotion, metacafe or any other video player with Brand name on it because now you can create a video player which can be all yours...
Labels:
Blogger Widgets and plugins
Facebook comments Box Instead of Blogger Comments Form
The previous post on [a href="http://www.mybloggertricks.com/2011/06/add-facebook-comments-box-to-blogger.html" target="_blank"]Facebook comments box[/a] did not replace your blogger comment form but if you wish to completely remove the blogger form and use this new plugin then steps are even more simple. However I may assure you one important thing here. I am soon going to publish a script that will automatically count and display Facebook and blogger comments beautifully and will show only one form at a time. For the time being apply this new trick.Replace Blogger Comments Form With FB Comments BoxAll the steps are exactly the same as mentioned...
Labels:
blogger tricks
,
Blogger Widgets and plugins
,
Traffic Tips
Releasing The Priceless "MONOP TEMPLATE"
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqea8fahaq-OFeLatjQE830P5KKkYn4kO8bXZ4eS93t7cEdjdJcLUw6VAw8lP1klJLdxDnl_tj7unyckIs60umwt-yPYgcEyxRHXu0ilQzLqz2863PCzfCXyF94dtkvRgg_2XTnhaKqvM/s1600-h/image%25255B37%25255D.png"][/a]UPDATE: All templates and resources can be download for free without waiting from our [a href="http://downloads.mybloggertricks.com/"]download page[/a]Whether it is EID, Christmas, New Year or Summer Vocations, I have always tried to gift my loyal friends and readers with the best resources possible. Since 60% of you requested a two Column Blogger Template, I therefore kept the word and designed a...
Labels:
Blogger Resources
,
MBT Blogger Templates
Good News! Facebook Like Box Can Now Be Customized
After the beautiful [a href="http://www.mybloggertricks.com/2011/06/surprise-mbt-developed-its-first.html" target="_blank"]Facebook Iframe tabs[/a] experience, I started understanding on how to customize Facebook plugins. Due to tons of helpful online support from forums and blogs, MBT blog is proud to announce that the new Facebook Like Box can now easily be customized using pure CSS. Detail Info on this will be shared on my next post. For the time being see it appearing in action at the top with complete custom look and feel. Thanks for being a great support and motivation. [a name='more'][/a] I must mention here that so far all these developments are made possible without the support of Facebook [a href="http://developers.facebook.com/" target="_blank"]Developers Page[/a] authors. The...
Labels:
CSS and HTMLTricks
,
Social Media
Zoom In/Out Images On Mouse Hover With Single Image
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYKsLOOhrdnF8tDOJH4PTNFprN2tZxTMfkrDpg_NnfG0JpFrHGxH2QtsFmYtCcg_OJR7Z-u16WYJtoc6VUC-CF_dxCWWBkv1wQbbEznYaGSieBNz3ZJCmt9wFYqh_UU7pIomVe7jHHKWU/s1600-h/zoom-images%25255B10%25255D.png"][/a]There are many tutorials online which show users how to achieve a hover effect on their buttons and other images using mouse hover and they often instruct to use a second, larger image. Another method used is using jQuery to enlarge the size of the image. But with a little bit of trickery, this can be done solely using Css3 and normal html. Here is a demo:[a href="http://www.blogger.com/post-edit.g?blogID=8193278726666811965&postID=4960894755779778317&from=pencil#demo"]Live...
Labels:
CSS and HTMLTricks
,
Guest Posts
PageRank or Alexa Rank? Which One Is Important?
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2OhWscNb4LVxhGa6u0rryQ47O919caVK2Rd31tjznQQ4tXwJ3-Tr94A_sPvHypBHlIYw3OyWwfJoByxvzrRPe6x1PUTWNYH4uhdCpx5mVmeq53oEbvkr1AtuVXE8hEgVkBOs32AQG8Fo/s1600-h/alexa-or-Pagerank%25255B4%25255D.png"][/a]
Google Page Rank and [a href="http://www.mybloggertricks.com/2011/05/alexas-top-ten-websites-2011.html" target="_blank"]Alexa ranking[/a] are two different ways determine your site's performance. Here is a little description of the two,
Google Page Rank
Google Page Rank is a rank from 0 to 10. It is the way Google observes a website. It is mostly dependent upon how many quality...
Labels:
Guest Posts
,
SEO
,
Tech Info
Customize Facebook Like Box With CSS
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_YcFT4PGjmfaieozfRkIdq0-TiYdEVbZw1a9VfrQVGZ-3UOmShTKsbodNUcoSoF7byvK5cPqZDe008gtR7Spb7EpJI3c7Alz4DD6SvfvQ4ohN7NdA4KkABua_mbCdA1F3kQiOa1346c/s1600-h/custom-like-box%25255B6%25255D.png"][/a]Styling Facebook plugins is unfortunately not an easy job because very limited details are shared on the Facebook [a href="http://developers.facebook.com/docs/reference/plugins/like-box/" target="_blank"]Developers page[/a]. Custom plugins help you to stand out as a brand and promote your business well. In April 2010, [a href="http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/"...
Labels:
CSS and HTMLTricks
,
Social Media