tag:blogger.com,1999:blog-9109475897474515902024-03-28T20:29:42.345-07:00New Blog Onlineadminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.comBlogger1158125tag:blogger.com,1999:blog-910947589747451590.post-76533545017966290652011-03-31T10:36:00.000-07:002011-04-21T22:43:16.123-07:00Blogger New Feature : Five New Dynamic ViewsNow Blogger has introduced a new feature again. They currently offers five dynamic views for <span style="font-weight: bold;">public</span> blogger blogs. These views are only accessible if allowed for by the blog author. You can also can see a message in your blogger dashboard. Use this new feature you must configure your sire feed as "<span style="font-weight: bold;">Full</span>". Unless it will not work.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXb2RoHKTyE7Fx9Ew5E0rAdDl9U3sgGV63CRE9MK9D6tvr6FDl8KsT4IV_kBkeXj0ZxaD56xibhXserAmJa5NlBVKmnXsEUyzs93i7rXu_NFDlFAzht4E90Jk0e3B2eqVcljdUrQyM3lF-/s1600/Five+new+dynamic+views.jpg"><img style="cursor: pointer; width: 400px; height: 119px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXb2RoHKTyE7Fx9Ew5E0rAdDl9U3sgGV63CRE9MK9D6tvr6FDl8KsT4IV_kBkeXj0ZxaD56xibhXserAmJa5NlBVKmnXsEUyzs93i7rXu_NFDlFAzht4E90Jk0e3B2eqVcljdUrQyM3lF-/s400/Five+new+dynamic+views.jpg" alt="Blogger Five new dynamic views" id="BLOGGER_PHOTO_ID_5590307332488489762" border="0" /></a><br /><br />To enable this new 5 dynamic view feature for your blogger go to Settings --> Site Feed. Now from "<span style="font-weight: bold; color: rgb(51, 51, 255);">Allow Blog Feeds</span>" section, select the option "<span style="font-weight: bold; color: rgb(255, 0, 0);">Full</span>" and click on save. Now you blogger blog ready for this "<span style="font-style: italic;">Five New Dynamic Views</span>" feature.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90Lfg5NJDTRBAlPGU0w1W7qnDdU0yKKWKdwVuOMvYT4QAAiNf6yGu3jzDUebupXAml5NHU3kXTzf2J3QJh0AcXwjFqcIRVyPeP2mrrQXVUexj0y_pwvnNYagho1r44WYmVLp7xp_Dhimn/s1600/Blogger+Feed+Settings.jpg"><img style="cursor: pointer; width: 400px; height: 185px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90Lfg5NJDTRBAlPGU0w1W7qnDdU0yKKWKdwVuOMvYT4QAAiNf6yGu3jzDUebupXAml5NHU3kXTzf2J3QJh0AcXwjFqcIRVyPeP2mrrQXVUexj0y_pwvnNYagho1r44WYmVLp7xp_Dhimn/s400/Blogger+Feed+Settings.jpg" alt="Blogger Feed Settings" id="BLOGGER_PHOTO_ID_5590307328753146562" border="0" /></a><br /><br />To view this dynamic views simply follow the url formats given below:<br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);">Flipcard</span> : available at [<span style="font-weight: bold;">yourblogURL</span>]/view/flipcard<br /><span style="font-weight: bold; color: rgb(51, 51, 255);">Mosaic</span> : available at [<span style="font-weight: bold;">yourblogURL</span>]/view/mosaic<br /><span style="color: rgb(51, 51, 255); font-weight: bold;">Sidebar</span> : available at [<span style="font-weight: bold;">yourblogURL</span>]/view/sidebar<br /><span style="font-weight: bold; color: rgb(51, 51, 255);">Snapshot</span> : available at [<span style="font-weight: bold;">yourblogURL</span>]/view/snapshot<br /><span style="font-weight: bold; color: rgb(51, 51, 255);">Timeslide</span> : available at [<span style="font-weight: bold;">yourblogURL</span>]/view/timeslide<br /><br />Replace [<span style="font-weight: bold;">yourblogURL</span>] with your blogger blog url.<br /><br />For example, click on the links given below to see how this work :<br /><br />Flipcard : <a href="http://www.bloggertipandtrick.net/view/flipcard" target="_blank" rel="nofollow">http://www.bloggertipandtrick.net/view/flipcard</a><br />Mosaic : <a href="http://www.bloggertipandtrick.net/view/flipcard" target="_blank" rel="nofollow">http://www.bloggertipandtrick.net/view/mosaic</a><br />Sidebar : <a href="http://www.bloggertipandtrick.net/view/sidebar" target="_blank" rel="nofollow">http://www.bloggertipandtrick.net/view/sidebar</a><br />Snapshot : <a href="http://www.bloggertipandtrick.net/view/snapshot" target="_blank" rel="nofollow">http://www.bloggertipandtrick.net/view/snapshot</a><br />Timeslide : <a href="http://www.bloggertipandtrick.net/view/timeslide" target="_blank" rel="nofollow">http://www.bloggertipandtrick.net/view/timeslide</a><br /><br />These views require modern browsers such as Internet Explorer 8+, Firefox 3.5+, Chrome or Safari. Many elements of these views will not work should you have an older browser.<br /><br /><span style="font-size:130%;">Flipcard View :</span> <a href="http://www.premiumbloggertemplates.com/view/flipcard" target="_blank" rel="nofollow"><span style="font-size:130%;">http://www.premiumbloggertemplates.com/view/flipcard<br /></span></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEReFndVKWDxy6ENl6fzqB0FiLTKatC3dYEesNi5FvzBuWG3k-HY3h6IdVSTdgCo41sl-ryFVNIw6ZMQAHVJ5SFqJnxal8l03ANn7v3adFszjaXQYc9STI4vdkIde0ErJzgJlt4LxqEWHy/s1600/Flipcard+View.jpg"><img style="cursor: pointer; width: 400px; height: 265px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEReFndVKWDxy6ENl6fzqB0FiLTKatC3dYEesNi5FvzBuWG3k-HY3h6IdVSTdgCo41sl-ryFVNIw6ZMQAHVJ5SFqJnxal8l03ANn7v3adFszjaXQYc9STI4vdkIde0ErJzgJlt4LxqEWHy/s400/Flipcard+View.jpg" alt="Flipcard View" id="BLOGGER_PHOTO_ID_5590307337557874226" border="0" /></a><br /><br /><span style="font-size:130%;">Mosaic View :</span> <span style="font-size:130%;"><a href="http://www.premiumbloggertemplates.com/view/mosaic" target="_blank" rel="nofollow">http://www.premiumbloggertemplates.com/view/mosaic</a></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQK3GcTXeDlPPEDGlo19uimOPrPcnIq0-qPdZWXA1ULV8rhr4c0yjmR1u3SxqepYb9SPVmM7xtwSXS0KLqcWmFO7e4BYmyc6kF8ae3uPvjRCd71raOBHhuCs6-9Nthb5YxjddRo1ZOZo3v/s1600/Mosaic+View.jpg"><img style="cursor: pointer; width: 400px; height: 265px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQK3GcTXeDlPPEDGlo19uimOPrPcnIq0-qPdZWXA1ULV8rhr4c0yjmR1u3SxqepYb9SPVmM7xtwSXS0KLqcWmFO7e4BYmyc6kF8ae3uPvjRCd71raOBHhuCs6-9Nthb5YxjddRo1ZOZo3v/s400/Mosaic+View.jpg" alt="Mosaic View" id="BLOGGER_PHOTO_ID_5590307342144392034" border="0" /></a><br /><br /><span style="font-size:130%;">Sidebar View :</span> <span style="font-size:130%;"><a href="http://www.premiumbloggertemplates.com/view/sidebar" target="_blank" rel="nofollow">http://www.premiumbloggertemplates.com/view/sidebar</a></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSSZs4UcF3DAkDIR_41c1WZ46KSBlf_AJIy-yz5ZYQxQhwE459IwU_M-hIWhehbuaWL209Q63tdsPATo5ECWASW8uLXNrtMUKlWFWivRdBfpMabovWgFn2_tQBIDcLP0IObCAjYy3vt7HZ/s1600/Sidebar+View.jpg"><img style="cursor: pointer; width: 400px; height: 265px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSSZs4UcF3DAkDIR_41c1WZ46KSBlf_AJIy-yz5ZYQxQhwE459IwU_M-hIWhehbuaWL209Q63tdsPATo5ECWASW8uLXNrtMUKlWFWivRdBfpMabovWgFn2_tQBIDcLP0IObCAjYy3vt7HZ/s400/Sidebar+View.jpg" alt="Sidebar View" id="BLOGGER_PHOTO_ID_5590307347406503026" border="0" /></a><br /><br /><span style="font-size:130%;">Snapshot View :</span> <span style="font-size:130%;"><a href="http://www.premiumbloggertemplates.com/view/snapshot" target="_blank" rel="nofollow">http://www.premiumbloggertemplates.com/view/snapshot</a></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Kp3-5BAS_FIbteqIb-zYeb3ILLyjgXUiZXTOUfuYdEZsI3wDWiQ85nIf4ypni25_wbrp6JYewCBgdIJLIIcTLQ43sak2BZAhI2qm6LGkp16TujDQM8z7ILbunbxbClfcR4Jv7PST5su-/s1600/Snapshot+View.jpg"><img style="cursor: pointer; width: 400px; height: 265px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Kp3-5BAS_FIbteqIb-zYeb3ILLyjgXUiZXTOUfuYdEZsI3wDWiQ85nIf4ypni25_wbrp6JYewCBgdIJLIIcTLQ43sak2BZAhI2qm6LGkp16TujDQM8z7ILbunbxbClfcR4Jv7PST5su-/s400/Snapshot+View.jpg" alt="Snapshot View" id="BLOGGER_PHOTO_ID_5590308082464691410" border="0" /></a><br /><br /><span style="font-size:130%;">Timeslide View :</span> <span style="font-size:130%;"><a href="http://www.premiumbloggertemplates.com/view/timeslide" target="_blank" rel="nofollow">http://www.premiumbloggertemplates.com/view/timeslide</a></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipFOoN30X45RRTrhUmdPknTIrKqTIeXuNGuItFwfOWP-d8jhyphenhyphenjKEAf7RgR_d3ZY7VMTyDjC33MLP0U8yG-W47FXlIhGToExs2GK791qkXJ2s8OVResMeUBOyhkovsH5TlSCc1pY9uZZo0M/s1600/Timeslide+View.jpg"><img style="cursor: pointer; width: 400px; height: 265px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipFOoN30X45RRTrhUmdPknTIrKqTIeXuNGuItFwfOWP-d8jhyphenhyphenjKEAf7RgR_d3ZY7VMTyDjC33MLP0U8yG-W47FXlIhGToExs2GK791qkXJ2s8OVResMeUBOyhkovsH5TlSCc1pY9uZZo0M/s400/Timeslide+View.jpg" alt="Timeslide View" id="BLOGGER_PHOTO_ID_5590308089425773330" border="0" /></a><br /><br />You can view more info about this here : <a href="http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=1229061" target="_blank" rel="nofollow">http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=1229061</a>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com8tag:blogger.com,1999:blog-910947589747451590.post-6095534923529145402011-03-22T11:30:00.000-07:002011-04-21T22:43:16.123-07:00Free Premium Business Blogger Templates CollectionIn this article I have listed below premium quality free blogger templates collection for business purposes.All of the templates listed here have premium look and features like Horizontal Navigation Menus,Auto Read More Feature with Thumbnails, Header Ads banner, Search Box, Featured content sliders,Favicon support, Numbered Page Navigation Hack Installed and more...<br /><br />You can download all of these blogger templates for free.These free Blogger templates are licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:<br />http://creativecommons.org/licenses/by/3.0/<br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">1. Business Company</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjklK2lvo5firFQQxH0fhHvEI8wHFHpDjV8p58lXTncWPfjEnnnrcp6DAAviuhw72ucw3VGDsFgfG8uBzJFeEgIfFFOJ7Ne1h9ljyAvgdDMrAMfQ92bO-ggtHd5VefHjy-9SSPYdQ3RJUqw/s1600/Business+Company+Blogger+Template-1.jpg" alt="Business Company Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Business, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2011/01/business-company-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2011/01/business-company-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">2. Incorporate</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1YKXezoUt9EGKpZ0GOPyu9NO_jt-Oz93n7Ap1ikVt6rvrgm7rqw1e5xjFOgJ1KSlXbq1eiqQ6UP_mhXTPsN0Z1RqCkiTcQU6oAotLAoG2GCg1yk-YnqyNLiMxwt_aiYyUluYfAXRPGbjB/s1600/Incorporate+Blogger+Template-1.jpg" alt="Incorporate Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/12/incorporate-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/12/incorporate-premium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">3. Business Style</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttBMiFW2zAbPqeaxvT_cD2EJQENPQ2ZP8FIxer9Y61dkZ7UsNv_c2CBPTqTNlJ9IqQWdbDyG8yNByTwad0ly3KwwG2RKavlYVK33_s593zb5TM3cpHOG8rpZFYnW2N0IAO9q1hT-2fqbf/s1600/Business+Style+Blogger+Template-1.jpg" alt="Business Style Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Green, Magazine, Right Sidebar, Premium, Rounded corners, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/12/business-style-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/12/business-style-premium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">4. Dominate</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8m-vfXocvbiH-HQ5pnEUzRxmOJzor0Yl2zQ9te7n_-gsFPAutt_GukEcxutL3lKKG2QN9tMSnMgF7g5Pbxh1wVumdmfgOXB_J3w8Xcm7zosE0dhpyZgIduhpRm9xbCyiL7ALj4ABP3tM/s1600/Dominate+Blogger+Template-1.jpg" alt="Dominate Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Grey, Header Banner, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/12/dominate-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/12/dominate-premium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">5. BusinessCorp</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdaP_XErunJfsD7mGQq3uoI8dvWWrsnvWy6093imihH2McofBP5h7uwOdfcl0P4AdpXLaLdmjF0GTa3tXA8_IuJY5Mn0RdVPh7Y0qgN0OIQBWg0BeK5bIOX7d5_CBiR4oPBN7YUte5NRJP/s1600/Business+Corp+Blogger+Template-1.jpg" alt="Business Corp Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Gradients, Grey, Magazine, Right Sidebar, Orange, Top Navigation Bar, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/10/business-corp-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/10/business-corp-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">6. Business View</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigXqnpO_gi9NCTDXPYETxadrhz7WkaoS0iS4NhA3_McxE6aCPTYfYbIBVDlV77Ke8xVNmqEj1x2AaRfw8v9woM48evI7M3cUSwrIC2H32Mf5p4lUvd_Vs4BtTRm8zqDYfTMQHvgZJd9jsQ/s1600/Business+View+Blogger+Template-1.jpg" alt="Business View Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Brown, Elegant, Featured Section, Fixed width, Left Sidebar, Magazine, Rounded corners, Top Navigation Bar, White, Yellow</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/09/business-view-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/09/business-view-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">7. Business Top</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWNHmn6xGUkpP_faTAUrarz1-bcHmWftZlwrKpImoK09I2U4ec52Jyg2gJUpnGkTiX-mFnDXGuvfuLcFapIZ5OIyNUdVcT7I2J9gFQqdfVNpOM8bW57vp2crWlz2RAjo4rLYCUAxg674bs/s1600/Business+Top+Blogger+Template-1.jpg" alt="Business Top Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Black, Blue, Elegant, Featured Section, Fixed width, Magazine, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/10/business-top-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/10/business-top-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">8. iBusiness</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj3Gql4rQNzT63EGV5oDcxsAZZiVLnn4Uk3_NF9lkHjxKyqtGjhv_4dP5rjBb2HnECx9cZU5eqY9myKypi8XOV-rYffB65o2O5cB00nbRZCm5TAmZLEU0CZOA96njLltwrqUtvbLJxCq2H/s1600/iBusiness+Blogger+Template-1.jpg" alt="iBusiness Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Gradients, Grey, Magazine, Right Sidebar, Rounded corners, Top Navigation Bar, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/10/ibusiness-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/10/ibusiness-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">9. Company Style</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieGvatq7XKTSmw93tES9kk2H5hcGSOwQ8sELDJLsu2kYofk5k3PzrL9xlObxcq6oUi4_OvqOThhO1w3amz4gTHRcqmlk6Sf22qyqoj_1ShDmXU-F85sIGl1WXNpDVzfCVV0ff9Cu2mthJI/s1600/Company+Style+Blogger+Template-1.jpg" alt="Company Style Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Brown, Featured Section, Fixed width, Magazine, Orange, Right Sidebar, Rounded corners, Top Navigation Bar, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/09/company-style-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/09/company-style-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">10. Company Style Blue</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqQCC6PojUK5_9vsnziOi4FGhRDdY5risGjHQMFWQ-Gpo887baPjr7qQev_NqV7o2JipZwzVBZrLQauxJHiKoX1y1F0HN3xGvlwMpy8jlwj23L0D6XZYJEfLyJLr-2w6PC5seFpp4zyQCP/s1600/Company+Style+Blue+Blogger+Template-1.jpg" alt="Company Style Blue Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Gradients, Magazine, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/09/company-style-blue-blogger-template.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/09/company-style-blue-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">11. Lion Press</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX01cozUSpO7XOPRUBykE1gciufjUuhxb1dGyXWgyHnkXeBGenvsbFeAgSB5YkQi8qqoBnhUgeykAFVI8Yrex5YdRiZaa4v25839cDKgGy80FeggdludaiygELWGfeuuzswf71fV3WkjvD/s1600/Lion+Press+Blogger+Template-1.jpg" alt="Lion Press Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 2 Sidebar, 3 Column, Adapted from Wordpress, Featured Section, Fixed width, Gradients, Grey, Header Banner, Magazine, Red, Right Sidebar, Slider, Top Navigation Bar, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/10/lion-press-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/10/lion-press-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">12. iFinance</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjEHFb7eENbQgy2pbTBaRMzzpFLdsJmTCZIUcOsiNduC4BJWELFCIoEfg5fdEOkazCbARIHZWKW1Ut4mAS0FZdI_JD44mXUiThUTuqA8GSLCtpLyD6LSAUvyMTNSi4aVlDdoCt6TIzN0Me/s1600/iFinance+Blogger+Template-1.jpg" alt="iFinance Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 2 Sidebar, 3 Column, Adapted from Wordpress, Featured Section, Fixed width, Green, Header Banner, Magazine, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/10/ifinance-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/10/ifinance-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">13. Glorius</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiLYfqHgSpDHb3oZy5WXAHli7a7U4AQuIou-KLfS_9vl9Askdz6mS4p3orAuOslLwxSOhbfdleX3c4M_BUYODCaDZGOkjjJDFzFbl01XxzPAzaSDm0Nrb7VcrnMWYyu45vzb6qjX7L6qBl/s1600/Glorius+Blogger+Template-1.jpg" alt="Glorius Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Brown, Elegant, Featured Section, Fixed width, Gradients, Header Banner, Magazine, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/10/glorius-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/10/glorius-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">14. Side Blog</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9Qn3a0gjW6WchyCnhIrJ4bjc8YSWV8r3bsYBqcm-8NwH3HEMZiMUqd9I6rjJEbCmhWoXJDcuuf00pMDAXuh4jrk80YQ1yt2F_P3ftkiRdbVciSN9bUCtLHn6wzUjEyHpy5pgHF0fuTPD/s1600/Side+Blog+Blogger+Template-1.jpg" alt="Side Blog Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Fixed width, Fresh, Grey, Magazine, Premium, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/12/side-blog-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/12/side-blog-premium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">15. Supras</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmC6RpBpI84zTB5JURyrst8qbh0CK4UWo3FrhitPunXdHKi2G6KPc6QkwKguPbtm_uh4RJytBQln9Ai8tn_LfCmA0PlwB_X-u11yGVqf-ixBHqCQazCAH8F1RbU7PELkBx97tZNbkaORzq/s1600/Supras+Blogger+Template-1.jpg" alt="Supras Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 2 Sidebar, 3 Column, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Blogger Pages Ready, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2010/12/supras-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2010/12/supras-premium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">16. BlueCorp</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiXJSIe9P9fb_nKBOeLPkV4E8qTR1T1erwTOHbL9jkOrRFZr-NUkvdlkIC11TfjJHguPAMxigFoaeD-HKw7JmAePOxtNcEtZHl_o1CP5GSJCniGnHZDV_tpZOXBbp6enxaJKKoS-xyusca/s1600/BlueCorp+Blogger+Template+Small.jpg" alt="BlueCorp Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Magazine, Business, Right Sidebar, Top Navigation Bar, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2011/01/bluecorp-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2011/01/bluecorp-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">17. MyBusiness</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWimp1iascqX3R2bBWo6HUGJQ4r4CGGcxuz39t-sKJMZ8JWBmkZskc5faEkk-Uhnm5nlfbBeFwbLw0Pfcarr8W4L1lmtA7eRpmdk-8OQtAjNsH9ors2y-aXGoAvWEZbdwjdQexLXhxZuju/s1600/MyBusiness+Blogger+Template+small.jpg" alt="MyBusiness Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Tabbed widget, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2011/01/mybusiness-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2011/01/mybusiness-premium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">18. iCreditCard</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5U647Hvbgs4LZ6HhIXvwTrElhVp4JoY9zlBiDn383mYXeDdFHYAlrSKixAIUP_QNSj0p90aWmXCZAFJsKobWMa4UZ53FNvpEN8d116PQTgroKEnRnVeO0vL94LpGCAJluQ8yl254iHbN8/" alt="iCreditCard Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Featured Section, Fixed width, Header Banner, Magazine, Orange, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White, Business, Finance</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2011/02/icreditcard-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2011/02/icreditcard-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">19. MartiCorp</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGhu5mplUz0JmCkvSuQfRdEmmEMFth1Z4r729eGF2_eaCu7uorrf5-uC7Qs7Q0jSnPmYo3JTltqNbL4qrT03bi-XEAAMVGM1c7_-iIggoXBd7Wy4vKujTdizBOlj3ngyXbfJbHWu16SnOZ/" alt="MartiCorp Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Green, Grey, Magazine, Pbtemplates, Right Sidebar, Top Navigation Bar, Web 2.0, Business, Finance, Company</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2011/02/marticorp-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2011/02/marticorp-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">20. Business Vision</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXFrv8znogOLfbvKWxdCcEj5ej0515ss6yNDAUr41yQish7tKdPGdLx8PntLbLFHCEFrfOtteU5hQ1V3y0V-5S8js8cSFyY4u_cHPOU_4HBsA-DKJoDRggss4hKdVlVa7Kz-yh6GaaGJ-e/" alt="Business Vision Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Magazine, Orange, Premium, Business, Right Sidebar, Tabbed widget, Top Navigation Bar, Web 2.0, White</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2011/03/business-vision-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2011/03/businessvision-premium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">21. BusinessPremium </span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrvPFNVmCp62g9xCQ9zU0H-fHranxgNS-QnSqBadHlsYk6hga0pIei_3wLlWAH3lh9h5ft8eizsCw3aRK71Rv11pqgA8Wcq2Nh1cFANGVJBPx8k_sn1BZWbgVls_fjBE8UqXxicNPmMjRw/" alt="BusinessPremium Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, 3 Column footer, Adapted from Wordpress, Brown, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Tabbed widget, Top Navigation Bar, Web 2.0, White, Business</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2011/03/businesspremium-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2011/03/businesspremium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="border: 1px solid rgb(238, 238, 238); background-color: rgb(221, 221, 221); color: rgb(0, 0, 0); padding: 3px 6px;"><span style="font-size:130%;">22. BusinessFirm</span></div></div><br /><p><img style="width: 300px; height: 180px; float: left; margin: 0pt 20px 10px 0pt; border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238);" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN2YnA4htCGEC0frPsTPe0q8Vu8j7cFIcQo0Kw4WmeXEJHC9j9BxHM8Q3iulVgos7p0OuKtqZlqqu7ufABmydC9ZPeBCMd11j0Nl98dU3lqGl51ZjEayYmt42JoKrShtGQ8wv14YVPo1FZ/" alt="BusinessFirm Blogger Template" id="BLOGGER_PHOTO_ID_5561572779339878578" border="0" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, 3 Column footer, Adapted from Wordpress, Black, Featured Section, Fixed width, Magazine, Right Sidebar, Top Navigation Bar, Web 2.0, White, Business</p><p><a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.demo.premiumbloggertemplates.com/2011/03/businessfirm-blogger-template-demo.html" target="_blank" rel="nofollow">Demo</a> <a style="padding: 2px 5px; border: 1px solid rgb(237, 237, 237); background-color: rgb(249, 249, 249); margin-right: 15px; text-decoration: none; font-weight: bold; color: rgb(23, 151, 191);" href="http://www.premiumbloggertemplates.com/2011/03/businessfirm-premium-blogger-template.html" target="_blank" rel="nofollow">Download & Info</a></p><div style="clear: both;"><br />I hope to update this list in the future.So don't forget to bookmark this page for future reference. Also you can find more free premium blogger templates from <a style="font-weight: bold;" href="http://www.premiumbloggertemplates.com/" target="_blank">here</a>.</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com2tag:blogger.com,1999:blog-910947589747451590.post-86446889304708130302011-03-17T03:25:00.000-07:002011-04-21T22:43:16.123-07:00Official "Follow by Email" Feedburner Widget for BloggerNow Blogger has introduced "Follow by Email" Feedburner email subscription widget for blogger blogs. So you don't want to add your site to the Feedburner manually. It will save your time.<br /><br />To add this widget to your blog,<br /><br />1.Log in to your dashboard --> Design -->Page Elements.<br /><br />2.Click on 'Add a Gadget' on the sidebar.<br /><br />3.Select "<span style="font-weight: bold; color: rgb(51, 51, 255);">Follow by Email</span>".<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuaJTGk0URXo8iWRnuLyz1WBQ2epf6FHz_OWRjEylhui-hY5ftoG2myYWUKJtTDbBHS5n5x1yWyL9O_I31C8O_pmkDpw0Knmr_hJ48jT0sjW9hGON7s0MFRHsrZGXk7oMNjQF3BVQtT9xn/s1600/Select+Follow+by+Email.png"><img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 435px; height: 165px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuaJTGk0URXo8iWRnuLyz1WBQ2epf6FHz_OWRjEylhui-hY5ftoG2myYWUKJtTDbBHS5n5x1yWyL9O_I31C8O_pmkDpw0Knmr_hJ48jT0sjW9hGON7s0MFRHsrZGXk7oMNjQF3BVQtT9xn/" alt="Select Follow by Email" id="BLOGGER_PHOTO_ID_5584999750213898370" border="0" /></a><br /><br />4.Now if you want you can add "<span style="font-weight: bold;">FeedBurner URL</span>" manually. but your feed address is automatically added to the "Feedburner URL" box by Blogger.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKpzXCkpdDq-TNZVb-LmlKn4kRTKfphoEknkgHClk_AuFVR7YyB3um_KKroC5nN71pp071OHD6jui3RLn4i9uPRsfNDPEEbOtYUF7B2Qqu-Td-ddZGwp4tseg9cn3NB-Fv0zuUrUinMDh/s1600/Enter+your+FeedBurner+URL.png"><img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 558px; height: 321px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKpzXCkpdDq-TNZVb-LmlKn4kRTKfphoEknkgHClk_AuFVR7YyB3um_KKroC5nN71pp071OHD6jui3RLn4i9uPRsfNDPEEbOtYUF7B2Qqu-Td-ddZGwp4tseg9cn3NB-Fv0zuUrUinMDh/" alt="Enter your FeedBurner URL" id="BLOGGER_PHOTO_ID_5584999754678479202" border="0" /></a><br /><br />5. Click save. You are done.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKxMUnQS6Vp_m5vUrm0ttsss8m5Hd4m6CabEHcxq9vtAbIY6eL-pO4B6IcQDH0QlYeu7Uu-drpB7EoQb12H5QIyf5sVQiQ5-VskKcpIYeTLF4IL-715BNCrf7XeEAMsJYckr2WVoTSmwp/s1600/Follow+by+EMail+Subscription+Box.png"><img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 323px; height: 106px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKxMUnQS6Vp_m5vUrm0ttsss8m5Hd4m6CabEHcxq9vtAbIY6eL-pO4B6IcQDH0QlYeu7Uu-drpB7EoQb12H5QIyf5sVQiQ5-VskKcpIYeTLF4IL-715BNCrf7XeEAMsJYckr2WVoTSmwp/" alt="Follow by EMail Subscription Box" id="BLOGGER_PHOTO_ID_5584999757484192290" border="0" /></a>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com1tag:blogger.com,1999:blog-910947589747451590.post-55000245665627952632011-03-13T23:41:00.000-07:002011-04-21T22:43:16.124-07:00How To Add Disqus Comment System to BloggerDISQUS is a comments platform that helps you build an active community from your website's audience. It has awesome features, powerful tools, and it's easy to install.Before this I have explain how to add <a href="http://www.bloggertipandtrick.net/2011/02/intensedebate-comment-system-to-blogger.html" target="_blank">IntenseDebate comment</a> system to blogger blog and now I am going to explain how to add Disqus comment system to your blogger blog.<br /><br />There are lot of good features with Disqus comment system when we comparing it with Blogger default comment system.<br /><br /><span style="font-weight: bold;">Realtime comment system</span><br /><br />Comments become more like live discussions with realtime posting and updating. By offering a faster, more intuitive experience, Disqus is everyone's favorite way to comment.<br /><br /><span style="font-weight: bold;">Notification and reply system</span><br /><br />The notification system lets people know when they've received a response. Best of all, they can continue the conversation straight from the email.<br /><br /><span style="font-weight: bold;">Inline media embedding</span><br /><br />Full integration with media services such as Youtube, Flickr, and more. Attach media such as photos and videos right within the comments.<br /><br /><span style="font-weight: bold;">Mobile commenting</span><br /><br />Fully compatible with mobile websites for commenting while on the go. The default mobile theme is formatted with smartphones, like the iPhone or Android phones, in mind.<span style="font-weight: bold;"></span><br /><br /><span style="font-weight: bold;">Social integration</span><br /><br />Full integration with Facebook, Twitter, and more. Let people login, comment, and share using social services they already use and love.<br /><br /><span style="font-weight: bold;">The Community Box</span><br /><br />A quick way to show off what your community is made up of. The community box gives everyone a summary view of the activity and people participating on the site.<br /><br /><span style="font-weight: bold;">Liking and sharing</span><br /><br />People can rate what they like by liking pages or comments and then sharing that on Facebook, Twitter, and other networks.<br /><br /><span style="font-weight: bold;">Moderation tools</span><br /><br />Powerful and easy-to-use tools helps you keep your community under control. The moderation panel is designed for managing a large volume of incoming comments.<br /><br /><span style="font-weight: bold;">Spam-Be-Gone</span><br /><br />Our in-house anti-spam technology keeps spam and unsavory people out of your community. Our anti-spam continually learns from the rest of the Disqus network to keep your site safe.<br /><br /><span style="font-weight: bold;">Mobile apps</span><br /><br />Disqus apps are available for the iPhone, Android, and webOS phones. Manage your communities while you're on the go with these freely available apps.<br /><br /><span style="font-weight: bold;">Blacklists and whitelists</span><br /><br />Make daily moderation easier with granular control over who gets to contribute within the community. Disqus gives you powerful tools such as blacklists, whitelists, and word filtering.<br /><br /><span style="font-weight: bold;">Import and export</span><br /><br />Import existing comments into Disqus and sync up your data. All data is completely portable and can be exported at any time.<br /><br /><span style="font-weight: bold;">International languages</span><br /><br />Disqus supports dozens of languages in addition to English. Complete your integration with native language support.<br /><br /><span style="font-weight: bold;">SEO-friendly and local sync</span><br /><br />We offer plugins and integration methods that ensure compatibility with search engines.<br /><br /><span style="font-weight: bold;">Theme customization</span><br /><br />Customize with CSS to smooth out the integration with your website. Or, use our advanced theme editor to craft your own custom theme.<br /><br /><span style="font-weight: bold;">Tweets and reactions</span><br /><br />Disqus brings the conversation back to your site by collecting Tweets, mentions, and other reactions from around the web.<br /><br /><span style="font-weight: bold;">Profile management</span><br /><br />Commenters control their personas and reputation across the different communities they participate on. Disqus makes it easy to track and keep conversations together.<br /><br /><span style="font-weight: bold;">Activity streams</span><br /><br />Audiences stay engaged with insight into others' activity all over the web. Integrated activity streams let people see where else the smart people are talking.<br /><br /><span style="font-weight: bold;">Connected communities</span><br /><br />Disqus reaches 200 million people every month across half a million websites and communities on the web. Keep the conversations lively by connecting your audience with the millions of others already on Disqus.<br /><br />Before follow the instruction given below,<br /><br />(a) Login to your Blogger Account.<br />(b) <a style="font-weight: bold;" href="http://www.bloggertipandtrick.net/2010/02/how-to-backup-your-blogger-template.html">Backup</a> your blogger template.<br />(c) Make sure that your blog is using Blogger Layouts. See <a href="http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=44474" target="_blank" rel="nofollow">upgrade instructions</a> if not.<br />(d) Enable commenting. <a href="http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=41443" target="_blank" rel="nofollow">See instructions</a> to enable commenting. Make sure that Who Can Comment? is set to <span style="font-weight: bold;">Anyone</span>.<br /><br />Now Follow the steps given below. You can add Disqus comment system to your blog easily.<br /><br />1. First create a account on <a style="font-weight: bold;" href="http://disqus.com/" target="_blank" rel="nofollow">Disqus.com</a>.<br /><br />2. Now visit this link to add your blog to the Disqus account:<br /><br /><a style="font-weight: bold;" href="http://disqus.com/admin/register/" target="_blank" rel="nofollow"><ins>http://disqus.com/admin/register/</ins></a><br /><br />3. Fill in the necessary details and click on "Continue".<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQqfAX2-YmP_GJrmepvZpNyTZaBcfvr0p-dEiJ_Vjzz3xdz2Id_lpETn14n-besVs6mQKTF320uvU4oA0vWnt8G3_9IjtbQzM8jUfe3lkmHKPwQst0Jn26CEIbsHzuwq78ppQOfvywFAs3/s1600/Register+your+blog.png"><img style="cursor: pointer; width: 600px; height: 306px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQqfAX2-YmP_GJrmepvZpNyTZaBcfvr0p-dEiJ_Vjzz3xdz2Id_lpETn14n-besVs6mQKTF320uvU4oA0vWnt8G3_9IjtbQzM8jUfe3lkmHKPwQst0Jn26CEIbsHzuwq78ppQOfvywFAs3/" alt="Register your blog" id="BLOGGER_PHOTO_ID_5583872754895478866" border="0" /></a><br /><br />4. Now you can see below screen. select the option as you like and click on "Continue" again.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSM-iejzNmQDTka7AHzVExxQFBFz3Sw0_cRneL91OFHIFKIKNBjG7-ITpwKOmS3wN09T8dP6et2NLwuZdaAb5gRTbLA5MSCBMlcerK2eFzuMsgG0EepAItNerlNkqSK1su8t4_Mqbk6voW/s1600/Select+options.png"><img style="cursor: pointer; width: 600px; height: 365px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSM-iejzNmQDTka7AHzVExxQFBFz3Sw0_cRneL91OFHIFKIKNBjG7-ITpwKOmS3wN09T8dP6et2NLwuZdaAb5gRTbLA5MSCBMlcerK2eFzuMsgG0EepAItNerlNkqSK1su8t4_Mqbk6voW/" alt="Select options" id="BLOGGER_PHOTO_ID_5583872071478586338" border="0" /></a><br /><br />5. Now can see <span style="font-weight: bold;">installer instructions</span> page.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBRaMjPxCRt7AkeV0f9bL_4qNMLSNGWM7GjWCyrZ757seQBhMpXbBLIS9py-pTJUAxjvfqw_7lWz5AO0lvsfgW-BIweqvUHDsVw2Om5gguT0bTifBTsM_3skn8cSMPb1qoX39OXlhzGiYz/s1600/Select+Install+Instruction.png"><img style="cursor: pointer; width: 600px; height: 504px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBRaMjPxCRt7AkeV0f9bL_4qNMLSNGWM7GjWCyrZ757seQBhMpXbBLIS9py-pTJUAxjvfqw_7lWz5AO0lvsfgW-BIweqvUHDsVw2Om5gguT0bTifBTsM_3skn8cSMPb1qoX39OXlhzGiYz/" alt="Select Install Instruction" id="BLOGGER_PHOTO_ID_5583871967975168946" border="0" /></a><br /><br />Click on "<span style="font-weight: bold;">Blogger</span>" instructions.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYEoorVPovnElQ5N8Z0iLk774GQE-SbOT1L7JJHYle_974GbDv_gRp8pVsK2tMOrQTYteQVo8rDfHhyphenhyphenrHJqWzvICgRU9ADst7fcS3W_r19korODDHp_T1DQVCPSqWwU_wErmDEOxJo-EaJ/s1600/Install+Instruction.png"><img style="cursor: pointer; width: 600px; height: 385px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYEoorVPovnElQ5N8Z0iLk774GQE-SbOT1L7JJHYle_974GbDv_gRp8pVsK2tMOrQTYteQVo8rDfHhyphenhyphenrHJqWzvICgRU9ADst7fcS3W_r19korODDHp_T1DQVCPSqWwU_wErmDEOxJo-EaJ/" alt="Install Instruction" id="BLOGGER_PHOTO_ID_5583871969719397858" border="0" /></a><br /><br />6. Now click on "<span style="font-weight: bold;">Add site...</span>" button.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLwPwrKxsqOdmkYY8jsg_RzmnG_x3S6GNKpj1x7WCrPJTpKLipPLAkNuVygu_wK8I9gSgP1M-yolo4eviCv7kgXfLfH4ipYZZmkLA7_kBKLMxGuvCMbsvUWHsQJJaEu6BCyDC6G-iJZkD4/s1600/Add+your+blog+to+Disqus.png"><img style="cursor: pointer; width: 600px; height: 170px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLwPwrKxsqOdmkYY8jsg_RzmnG_x3S6GNKpj1x7WCrPJTpKLipPLAkNuVygu_wK8I9gSgP1M-yolo4eviCv7kgXfLfH4ipYZZmkLA7_kBKLMxGuvCMbsvUWHsQJJaEu6BCyDC6G-iJZkD4/" alt="Add your blog to Disqus" id="BLOGGER_PHOTO_ID_5583871961966715826" border="0" /></a><br /><br />7. You will bring to your blogger account. <span>If there are multiple blogs under your Blogger account, be sure to pick the correct blog. </span>Select your blog and click on "Add Widget" button.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBEttQ0izLjQHizwabVYvYl435By2TUpLZ6iIZy0fOiF-4GJ5znZtlFZlDfaMeqrBX41Ym5Hwu3QVW4EspcszhXYzHZt03qqSToch96riWZWAPMQPj9LqNKydBtbd0ZEAG7XLcKTLF1sww/s1600/Add+Page+Element.png"><img style="cursor: pointer; width: 544px; height: 328px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBEttQ0izLjQHizwabVYvYl435By2TUpLZ6iIZy0fOiF-4GJ5znZtlFZlDfaMeqrBX41Ym5Hwu3QVW4EspcszhXYzHZt03qqSToch96riWZWAPMQPj9LqNKydBtbd0ZEAG7XLcKTLF1sww/" alt="Add Page Element" id="BLOGGER_PHOTO_ID_5583871954119634738" border="0" /></a><br /><br /><br />You are done. you can see Disqus widget there in Blogger "page elements" page. <span>For best performance, make sure that the widget is in the bottom slot of the bottom-most right column.</span><br /><br />Now Disqus comment box will appear under your every blogger posts.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZbCA8tAUlz1Igg9-2YlhjqkT6FTMMOd_4YL82lloTXfi7JEMw71Wc4ZPseRt5_8cvShPzlSwbF_8SvFbJOYL_pcK8OFpHvK75zsR-ydcGfsmNe_bsmOfzCAm5r4kJirf9_zS9v354J6H/s1600/Disqus+comment+form.png"><img style="cursor: pointer; width: 400px; height: 255px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZbCA8tAUlz1Igg9-2YlhjqkT6FTMMOd_4YL82lloTXfi7JEMw71Wc4ZPseRt5_8cvShPzlSwbF_8SvFbJOYL_pcK8OFpHvK75zsR-ydcGfsmNe_bsmOfzCAm5r4kJirf9_zS9v354J6H/s400/Disqus+comment+form.png" alt="" id="BLOGGER_PHOTO_ID_5583871962427286434" border="0" /></a><br /><br /><br /><span style="font-weight: bold;">Note :</span> Do you have <span style="font-weight: bold;">existing comments in Blogger</span>? You can import them into Disqus by visiting the import page under Tools.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com3tag:blogger.com,1999:blog-910947589747451590.post-35667824099352510392011-02-11T05:06:00.000-08:002011-04-21T22:43:16.124-07:00How To Add IntenseDebate Comment System to BloggerIntenseDebate is one of the most popular a feature-rich comment system for WordPress, Blogger, Tumblr and many other blogging/CMS platforms.In this tutorial I am going to explain how to add IntenseDebate comment system to Blogger blog.<br /><br />With IntenseDebate,you can do many things than your default comment system.These are some main features of IntenseDebate comments.<br /><br /><span style="font-weight: bold;">IntenseDebate features:</span><br /><ul><li>Comment Threading.</li><li>Reply-By-Email.</li><li>Email Notifications.</li><li>Commenter Profiles.</li><li>Moderation/Blacklisting.</li><li>Reputation Points & Comment Voting.</li><li>Plugins API.</li><li>OpenID.</li><li>Widgets.</li><li>Twitter Connect.</li><li>Facebook Connect.</li><li>RSS Readers & Tracking.</li></ul><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSNlZBQ2GbyZXNLrgBbJnRdqvlrZjGVXwHKayvvLzFhgUvTDl-SY-n2_H69Sh3bCAj3CrWZFQw6mFn9yVAEGk-2GrXKEaRMlyuIcTxYB40BzJ298jEEPTudLmOOKM_1fK3Qv40bR41ILC/s1600/1-IntenseDebate+Comments+Homepage.png"><img style="cursor: pointer; width: 578px; height: 428px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSNlZBQ2GbyZXNLrgBbJnRdqvlrZjGVXwHKayvvLzFhgUvTDl-SY-n2_H69Sh3bCAj3CrWZFQw6mFn9yVAEGk-2GrXKEaRMlyuIcTxYB40BzJ298jEEPTudLmOOKM_1fK3Qv40bR41ILC/" alt="" id="BLOGGER_PHOTO_ID_5572430517430783906" border="0" /></a><br /><br /><span style="font-weight: bold;">HTML Formatting</span><br /><br />You can also customize your links and add some photos to your comments. IntenseDebate supports the following HTML tags: <a>, <b>, <i>, <u>, <em>, <p>, <blockquote>, <br>, <strong>, <strike>, <img><br /><br /><span style="font-weight: bold;">Gravatar</span><br /><br />Intensedebate offers full Gravatar support. If you have a Gravatar they will automatically upload your Gravatar when you signup for IntenseDebate. You can choose to use your Gravatar or upload a different profile pic.<br /><br />Before start this process,you must <a style="font-weight: bold;" href="http://www.bloggertipandtrick.net/2010/02/how-to-backup-your-blogger-template.html">backup</a> your blogger template first.Save the backup template file on your hard drive.<br /><br /><br />1.Create a Account on <a style="font-weight: bold;" href="http://intensedebate.com/signup" target="_blank" rel="nofollow">IntenseDebate.com</a>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinm4sK5rtu4_nM3oFSf0BmGg4AZNGXA78zYf9PTVlqYGoGi5hww70WHNeyds7MSz4PToErtnij58Wf916WnZRVjMYonS9XEIhhnhlvDFeiXkpugq_qF_AqyLox4vLTF6wocp3vIVm9zPkS/s1600/2-IntenseDebate+Comments+Registration.png"><img style="cursor: pointer; width: 386px; height: 557px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinm4sK5rtu4_nM3oFSf0BmGg4AZNGXA78zYf9PTVlqYGoGi5hww70WHNeyds7MSz4PToErtnij58Wf916WnZRVjMYonS9XEIhhnhlvDFeiXkpugq_qF_AqyLox4vLTF6wocp3vIVm9zPkS/" alt="" id="BLOGGER_PHOTO_ID_5572430818880642322" border="0" /></a><br /><br />2.Now add your blog to IntenseDebate : <a style="font-weight: bold;" href="http://intensedebate.com/install" target="_blank" rel="nofollow">http://intensedebate.com/install</a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJqA7O5WYybJfzDtSd8ed7GH-R-4P2fF647rtTNlJgtUv4WB-JGnVdQHzjP3FF6STeXbRI4znUHMd-X4I7B2vUTq8RgQ78v00EEvmCE4TEqveEEM-2gBZlStwNKIJOHmGatAJ7Tpa8POU/s1600/3-IntenseDebate+Add+a+Blog.png"><img style="cursor: pointer; width: 600px; height: 277px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJqA7O5WYybJfzDtSd8ed7GH-R-4P2fF647rtTNlJgtUv4WB-JGnVdQHzjP3FF6STeXbRI4znUHMd-X4I7B2vUTq8RgQ78v00EEvmCE4TEqveEEM-2gBZlStwNKIJOHmGatAJ7Tpa8POU/" alt="" id="BLOGGER_PHOTO_ID_5572430523807520482" border="0" /></a><br /><br /><br />3.Then you can see this window. Now you have to select some option.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz9tK6f7-4v0vo6aD6wCT3awgmx1m1PJpi3aJpRv7XtanIyk7AIEfhIF4jUZxfI3R-IXilOZNzXZZPjSQ7EKvb8DFcoZFC43IM8Fjm0ZXd6ozzR-xY61fVaAV2mrvwsjXHk4XVlxNIDq6K/s1600/4-IntenseDebate+Select+option.png"><img style="cursor: pointer; width: 266px; height: 412px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz9tK6f7-4v0vo6aD6wCT3awgmx1m1PJpi3aJpRv7XtanIyk7AIEfhIF4jUZxfI3R-IXilOZNzXZZPjSQ7EKvb8DFcoZFC43IM8Fjm0ZXd6ozzR-xY61fVaAV2mrvwsjXHk4XVlxNIDq6K/" alt="" id="BLOGGER_PHOTO_ID_5572430527058112402" border="0" /></a><br /><br /><br /><br /><span style="font-weight: bold; font-style: italic;">1.How would you like to install IntenseDebate?</span><br /><br />select "<span style="font-weight: bold;">Template</span>" option.<br /><br /><br /><span style="font-weight: bold; font-style: italic;">2.Which blog posts should have IntenseDebate comments enabled?</span><br /><br />Only on new posts<br />- Your old comments will be displayed using your blog's native comment system<br /><br />On all blog posts<br />- IntenseDebate comments will be available on all posts, but your existing comments will be hidden.<br /><br />Select "<span style="font-weight: bold;">On all blog posts</span>" option.<br /><br />Note : If you want to keep "Blogger default comments of your old blog posts",then select "Only on new posts".<br /><br />4.Scroll down to the bottom of the instructions.<br /><br />Now upload the template you have backup.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUT8qwUzRiDi0Kc3B4XxmXsbjBG76zeEnapkKHes_HmS5RGN4dkzUq4OAwatMNHaRnPYtZFeIoWWb3IFW_gxuYW_T3G0Z2fX-XKiwnpln5Ca_MeakFTXW65v7oluSHFrGWHsG5AFZuoAfR/s1600/5-IntenseDebate+Upload+the+Template.png"><img style="cursor: pointer; width: 400px; height: 195px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUT8qwUzRiDi0Kc3B4XxmXsbjBG76zeEnapkKHes_HmS5RGN4dkzUq4OAwatMNHaRnPYtZFeIoWWb3IFW_gxuYW_T3G0Z2fX-XKiwnpln5Ca_MeakFTXW65v7oluSHFrGWHsG5AFZuoAfR/" alt="" id="BLOGGER_PHOTO_ID_5572430533842011762" border="0" /></a><br /><br /><br />5.After uploading it you can see a screen like below. <span style="font-weight: bold; color: rgb(255, 0, 0);">Copy</span> modified template code from the textfield.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKq88NDcLxn7J_YrqFRUPfaJ_5DK7M0LIrJBrWLiOsUFy3yI_QNgHZNo1HrXd3ZfDngfpDmd_Yl6QeL-tBk6QF-UzvrgJfPr_2B37-mVQHyXBo05Qvh_24lZhPfz2rNyed7b3nC_KJJwXd/s1600/6-Copy+the+Code+form+Here.png"><img style="cursor: pointer; width: 403px; height: 419px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKq88NDcLxn7J_YrqFRUPfaJ_5DK7M0LIrJBrWLiOsUFy3yI_QNgHZNo1HrXd3ZfDngfpDmd_Yl6QeL-tBk6QF-UzvrgJfPr_2B37-mVQHyXBo05Qvh_24lZhPfz2rNyed7b3nC_KJJwXd/" alt="" id="BLOGGER_PHOTO_ID_5572431336945068898" border="0" /></a><br /><br /><br />6.Login to your blogger dashboard--> Design--> Edit html.<br /><br />7.Select entire code in the Edit Template text Box and <span style="font-weight: bold; color: rgb(255, 0, 0);">delete</span> it.Now you must have a <span style="font-style: italic;">blank text box</span>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuXNAf8XdX3kf8uWbM5LyGaFpqVl2u0gbECikhqhmLIOZZljwBUzGsn1gYi2fC6ocse2IdTeKClA63N9SNO5t9Z6-AlH9baGFs_M-Xyd90GHITbQWIdJbJf1dwk1lvgzkd5Un6nxyjmTqh/s1600/7-Delete+Entire+Code+of+Edit+Template+text+Box.png"><img style="cursor: pointer; width: 350px; height: 222px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuXNAf8XdX3kf8uWbM5LyGaFpqVl2u0gbECikhqhmLIOZZljwBUzGsn1gYi2fC6ocse2IdTeKClA63N9SNO5t9Z6-AlH9baGFs_M-Xyd90GHITbQWIdJbJf1dwk1lvgzkd5Un6nxyjmTqh/" alt="" id="BLOGGER_PHOTO_ID_5572430531508818658" border="0" /></a><br /><br /><br />8.Now paste the code we have copied in step 5.<br /><br />Save your template.You are done.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnGiD6zqZdYZo3WH5JS_2xxRiVIybvcwBZD8qUhGTZU1XwWph2aA1oIOz8VL73sPWKF_fvXxSAWE2zENJong5gwue8ZxxuYGGx0NxOk65S8-gO0s7FCO-GQ8bgywlk38ecFcoUTOQxxrbl/s1600/8-IntenseDebate+Comments+Installed.png"><img style="cursor: pointer; width: 600px; height: 330px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnGiD6zqZdYZo3WH5JS_2xxRiVIybvcwBZD8qUhGTZU1XwWph2aA1oIOz8VL73sPWKF_fvXxSAWE2zENJong5gwue8ZxxuYGGx0NxOk65S8-gO0s7FCO-GQ8bgywlk38ecFcoUTOQxxrbl/" alt="" id="BLOGGER_PHOTO_ID_5572430822304676930" border="0" /></a><br /><br />You can see IntenseDebate comment form under your blog posts.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-47280750595224023322011-02-03T10:21:00.000-08:002011-04-21T22:43:16.124-07:00How To Add "Linkedin" Share Button with Counter to Blogger<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55pRHhIu6iwwiZJHDcGNvb1Yd-5cm-qR1dyCSOOzwL9wbHU64Lq15QH7AEfjgwS2YbFaDOCTWI9MvOsOigEMk9kv6Q9GjyenK7U_UBWiJuvGTY0yo-oGqGzZZYFz8I0lGxWSeveCcfhW-/s1600/linkedin.png"><img style="float: right;border:none; cursor: pointer; width: 256px; height: 256px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55pRHhIu6iwwiZJHDcGNvb1Yd-5cm-qR1dyCSOOzwL9wbHU64Lq15QH7AEfjgwS2YbFaDOCTWI9MvOsOigEMk9kv6Q9GjyenK7U_UBWiJuvGTY0yo-oGqGzZZYFz8I0lGxWSeveCcfhW-/s400/linkedin.png" alt="" id="BLOGGER_PHOTO_ID_5569538174248353474" border="0" /></a>LinkedIn operates the world�s largest professional network on the Internet with more than 90 million members in over 200 countries and territories. Linkedin has introduced Linkedin share button for websites,blogs to enable their readers and visitors to share the articles of that websites easily on Linkedin. LinkedIn is a place where busy and on-the-go professionals rely on their network to stay informed and make decisions.There were nearly two billion people searches on LinkedIn in 2010.<br /><br />You can add a Linkedin share button to your website and enable visitors to share your content with their network.<br /><br />In this tutorial I am going to explain how to add a Linkedin share button to your blogger blog.<br /><br />There are 3 types of Linkedin share buttons : <span style="font-weight: bold;">Vertical count</span>, <span style="font-weight: bold;">Horizontal count</span> and <span style="font-weight: bold;">No count</span>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0GOwijcjSouG53DCq_Ai5jo_72FG9ixZFs8V4p3xgOgbPdzW4SujTwYRB-xCTQWQMiqxLjFNg7NOY-WpVhwPookixeocK1cn0CA6nRsWhMLdgziWm4HC6YLyAj4ij0jz1yBmK52GWp0ET/s1600/Linkedin+share+button-types.png"><img style="cursor: pointer; width: 437px; height: 137px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0GOwijcjSouG53DCq_Ai5jo_72FG9ixZFs8V4p3xgOgbPdzW4SujTwYRB-xCTQWQMiqxLjFNg7NOY-WpVhwPookixeocK1cn0CA6nRsWhMLdgziWm4HC6YLyAj4ij0jz1yBmK52GWp0ET/" alt="Linkedin share button types" id="BLOGGER_PHOTO_ID_5569544144538769250" border="0" /></a><br /><br />If you like to add these Linkedin share button to your blogger blog,then follow the steps given below.<br /><br />1.Login to your blogger Dashboard--> Design- -> Edit HTML<br /><br />2.Click on "<span style="color: rgb(51, 51, 255);">Expand Widget Templates</span>"<br /><br />3.Scroll down to where you see below code:<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 40px; width: 90%; font-weight: bold; color: rgb(255, 0, 0);"><center><span style="font-size:130%;"><div class='post-header-line-1'/></span></center></pre><br />4.Now Copy your "Linkedin share button" code and paste it <span style="font-weight: bold; color: rgb(51, 51, 255);">just below</span> the above code.<br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);">NOTE:</span> If you can't find <span style="font-weight: bold;"><div class='post-header-line-1'/></span> in your template, paste your "Linkedin share button" code <span style="font-weight: bold; color: rgb(51, 51, 255);">just before</span> <span style="font-weight: bold; color: rgb(255, 0, 0);"><data:post.body/></span> .<br /><br /><span style="font-weight: bold;font-family:arial;font-size:130%;" >Code 1 : Vertical Count</span><br /><pre style="height: 120px; width: 90%; overflow: auto; border: 1px solid black;"><span style="color: rgb(204, 51, 204);"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><div style='<span style="font-weight: bold; color: rgb(51, 51, 255);">float:right;margin-left:10px;</span>'><br /><script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='<span style="font-weight: bold; color: rgb(0, 153, 0);">top</span>' expr:data-url='data:post.url' type='in/share'/><br /></div><br /><span style="color: rgb(204, 51, 204);"></b:if></span></pre><br />Result:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ62dXuzrSGV5FV6_pa5MZr00r43_6iZsJrW3zE6NSoWPNLZZKttzw8RdRZ9W-8ZkOd7y_SxRHexk9TxYrKDja24qpK8EP_K3JSwlr-CiTJQTTiDtP-LYinHw4xRQIrRqGoNlO_n79tlAu/s1600/Linkedin+share+button+-+Vertical+Count.png"><img style="cursor: pointer; width: 120px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ62dXuzrSGV5FV6_pa5MZr00r43_6iZsJrW3zE6NSoWPNLZZKttzw8RdRZ9W-8ZkOd7y_SxRHexk9TxYrKDja24qpK8EP_K3JSwlr-CiTJQTTiDtP-LYinHw4xRQIrRqGoNlO_n79tlAu/s400/Linkedin+share+button+-+Vertical+Count.png" alt="" id="BLOGGER_PHOTO_ID_5569538159645730082" border="0" /></a><br /><br /><span style="font-weight: bold;font-family:arial;font-size:130%;" >Code 2 : Horizontal Count</span><br /><pre style="height: 120px; width: 90%; overflow: auto; border: 1px solid black;"><span style="color: rgb(204, 51, 204);"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><div style='<span style="font-weight: bold; color: rgb(51, 51, 255);">float:right;margin-left:10px;</span>'><br /><script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='<span style="font-weight: bold; color: rgb(0, 153, 0);">right</span>' expr:data-url='data:post.url' type='in/share'/><br /></div><br /><span style="color: rgb(204, 51, 204);"></b:if></span></pre><br />Result:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHx46Oo1X1I3WCkkp2suM8nFNJwuxTVFoXfWOHLlcp1qfogewrp15WkCGEtF27Iq_LS6TVluJuI7NuARUM1YKp7RIwE6FRIPtmbZwOmAewVD0D97ypj5C9VYJoSZYzAgq5_wFt1t8lFyhB/s1600/Linkedin+share+button+types+-+Horizontal+Count.png"><img style="cursor: pointer; width: 148px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHx46Oo1X1I3WCkkp2suM8nFNJwuxTVFoXfWOHLlcp1qfogewrp15WkCGEtF27Iq_LS6TVluJuI7NuARUM1YKp7RIwE6FRIPtmbZwOmAewVD0D97ypj5C9VYJoSZYzAgq5_wFt1t8lFyhB/s400/Linkedin+share+button+types+-+Horizontal+Count.png" alt="" id="BLOGGER_PHOTO_ID_5569538162054116594" border="0" /></a><br /><br /><span style="font-weight: bold;font-family:arial;font-size:130%;" >Code 3 : No Count</span><br /><pre style="height: 120px; width: 90%; overflow: auto; border: 1px solid black;"><span style="color: rgb(204, 51, 204);"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><div style='<span style="font-weight: bold; color: rgb(51, 51, 255);">float:right;margin-left:10px;</span>'><br /><script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script expr:data-url='data:post.url' type='in/share'/><br /></div><br /><span style="color: rgb(204, 51, 204);"></b:if></span></pre><br />Result:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDFW-qfaZFBAwdCuUuOXF6WoOjfjMWZ_4Mt0bjxDns7-2G8c8k35MUmpEbhq9ELZkLO8HVNxXokJx5baKqdEs_AgLkDJpxyoCjIX77iXZyxo3jpZaJisRFZs3dIlWBPWCgrXoQy1bL8Jmu/s1600/Linkedin+share+button+types+-+No+Count.png"><img style="cursor: pointer; width: 109px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDFW-qfaZFBAwdCuUuOXF6WoOjfjMWZ_4Mt0bjxDns7-2G8c8k35MUmpEbhq9ELZkLO8HVNxXokJx5baKqdEs_AgLkDJpxyoCjIX77iXZyxo3jpZaJisRFZs3dIlWBPWCgrXoQy1bL8Jmu/s400/Linkedin+share+button+types+-+No+Count.png" alt="" id="BLOGGER_PHOTO_ID_5569538166773084626" border="0" /></a><br /><br />5.Now save your template.<br /><br />Refresh your site. Now you can see Linkedin share buttons in <span style="font-weight: bold;">every post pages</span>.<br /><br />You can view more info from here:<ins> http://www.linkedin.com/publishers</ins>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com14tag:blogger.com,1999:blog-910947589747451590.post-71399126263049363602011-01-30T21:59:00.000-08:002011-04-21T22:43:16.124-07:00Paypal Rules Changed [Bad news for indians]Although this news is few days old,I think it will helpful to people who don't know still about this.If you have a Indian Paypal account and have been using it to receive money from advertisers,clients,.. this will be a really bad news for you.<br /><br />With effect from <span style="font-weight: bold;">1 March 2011</span>, you are required to comply with the requirements set out in the notification of the Reserve Bank of India governing the processing and settlement of export-related receipts facilitated by online payment gateways (�RBI Guidelines�).<br /><br />In order to comply with the RBI Guidelines, our user agreement in India will be amended for the following services as follows:<br /><br /><ol><li>Any balance in and all future payments into your PayPal account <span style="font-weight: bold;">may not be used to buy goods or services</span>.</li><li>Any balance in and all future payments into your PayPal account <span style="font-weight: bold;">must be transferred to your bank account in India</span> <span style="font-weight: bold;">within 7 days</span> from the receipt of confirmation from the buyer in respect of the goods or services.</li><li>Export-related payments for goods and services into your PayPal account <span style="font-weight: bold;">may not exceed US$500 per transaction</span>.</li></ol><br /><span style="font-weight: bold;">Frequently Asked Questions:</span><br /><br /><span style="font-weight: bold;">Q: Why will PayPal not allow me to receive more than US$500?</span><br /><br />Starting 1 March, 2011, PayPal customers in India will not be allowed to receive payments for any export-related goods or services for an amount exceeding US$500 per transaction. This change is to ensure that we continue to comply with the RBI Guidelines.<br /><br /><br /><span style="font-weight: bold;">Q: Why will PayPal not allow me to keep money in my PayPal balance?</span><br /><br />Starting 1 March, 2011, PayPal customers in India will not be able to keep money in their PayPal account balance. Instead, all money received into a PayPal account must be transferred to a customer's India bank account within 7 days from the receipt of confirmation from the buyer in respect of the good or services. This change is to ensure that we continue to comply with the RBI Guidelines.<br /><br /><br /><span style="font-weight: bold;">Q: Will my customers be able to complete their checkout with their PayPal account balance?</span><br /><br />We're glad that you offer PayPal to your customers. Unfortunately, we will not allow customers in India to send money from their PayPal account balance starting 1 March, 2011. This means that your customers will need to link a credit card to their account in before sending you money with PayPal. This change is to ensure that we continue to comply with the RBI Guidelines.<br /><br /><br /><span style="font-weight: bold;">Q: The customers on my website are not able to complete purchase or pay via PayPal. Why?</span><br /><br />Starting 1 March, 2011, PayPal customers in India will not be allowed to receive payments for any export-related goods or services for an amount exceeding US$500 per transaction. If you are listing products greater than US$500 per transaction then you may need to seek alternative methods of payment. This change is to ensure that we continue to comply with the RBI Guidelines.<br /><br /><br /><span style="font-weight: bold;">Q: What is meant by receipt of confirmation from the buyer in respect of goods and services?</span><br /><br />As an exporter of products or services abroad, you need to ensure that your buyer has received the product or services as per specifications set out on your website. As an exporter of goods, you may withdraw the balance to your bank account in India upon reasonable consideration of shipping time and other clearances such as excise and customs for the destination country. As an exporter of services, you may withdraw the balance to your bank account in India upon receipt of payment from your buyer into your PayPal account.<br /><br />Source : <ins>https://www.paypal-apac.com/india/</ins>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-67007776588486500072011-01-03T03:46:00.000-08:002011-04-21T22:43:16.125-07:00How To Embed Yahoo Media Player to BloggerYahoo Media Player is one of the easiest way to play audio files from your website or blog.It is very easy to embed into your site and only display when you click on the audio file name.Yahoo Media Player is not spend long time to load and someone can play all audio files of your website/blog using Play-list.<br /><br />These are the main features of Yahoo Media Player:<br /><br /><ul><li>Adds audio to your site with one line of HTML</li><li>Uses simple, easy-to-hack HTML instead of complicated proprietary markup, ushering in the REAL Media Web</li><li>Magical floating design never gets lost, is available when you need it, gets out of your way when you don't need it</li><li>Automatically finds all audio links on your page, turning your page into a playlist</li><li>Plays all your blog entries with a single button click</li><li>Allows you to put the play buttons where they belong: IN CONTEXT</li><li>Keeps the user in the page rather than sending them away to a media player</li><li>Picks up your images and adds them as cover art</li><li>Requires no download, install or maintenance</li></ul><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.bloggertipandtrick.net/2011/01/how-embed-yahoo-media-player-to-blogger.html"><img style="cursor: pointer; width: 530px; height: 110px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIJlCyC0LKrmpFZco8oLqG1jMD-RqF6_r0zqviw76ReVIklZ1RiaGm3MIZAjJYktANOpq_ZETv25c2qPGto398f93FgrzSuqTG7l9CQfAFdih7hw2UxPQsL4WIuB3g-xBP1fG609W5UL1T/" alt="Yahoo Media Players" id="BLOGGER_PHOTO_ID_5557931253380460322" border="0" /></a><br /><br />Follow these simple steps to embed Yahoo Media Player to your blog or website.<br /><br />1.Login to your blogger dashboard--> Design - -> Edit HTML.<br /><br />2.Scroll down to where you see <span style="font-weight: bold; color: rgb(255, 0, 0);"></head></span> tag .<br /><br />3.Copy below code and paste it <span style="color: rgb(51, 51, 255);">just before</span> the <span style="color: rgb(255, 0, 0);"></head></span> tag .<br /><br /><pre style="height: 50px; width: 90%; overflow: auto; border: 1px solid black;"><span style="font-size:130%;"><script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script></span></pre><br /><br />4.Now save your template.<br /><br />5.Go to Layout --> Page Elements.<br /><br />6.Click on 'Add a Gadget'.<br /><br />7.Select 'HTML/Javascript' and add the code given below (You can also add this code into <span style="font-weight: bold;">Edit Html section of your Post Editor</span>.):<br /><br /><pre style="height: 50px; width: 90%; overflow: auto; border: 1px solid black;"><span style="font-size:130%;"><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);">DIRECT_URL_OF_YOUR_MP3-FILE</span>"><span style="font-weight: bold; color: rgb(0, 153, 0);">Name_Of_the_Mp3_File</span></a></span></pre><br /><span style="font-weight: bold;font-size:130%;" >Note:</span><br /><br />Replace "<span style="font-weight: bold; color: rgb(255, 0, 0);">DIRECT_URL_OF_YOUR_MP3-FILE</span>" with your .mp3 file direct url.<br />Replace "<span style="font-weight: bold; color: rgb(0, 153, 0);">Name_Of_the_Mp3_File</span>" with any name you like.<br /><br />Look at the example given below:<br /><br /><pre style="height: 50px; width: 90%; overflow: auto; border: 1px solid black;"><span style="font-size:130%;"><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);font-family:arial;" >http://mediaplayer.yahoo.com/example1.mp3</span>"><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:arial;" >First link</span></a></span></pre><br /><br />You can see more info about Yahoo Media Player from here : <ins>http://mediaplayer.yahoo.com/</ins>.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-7996332249716984122010-12-22T10:05:00.000-08:002011-04-21T22:43:16.125-07:00Most Wanted 15 jQuery Cheat Sheets for Web DevelopersjQuery is the most popular java script library is used in today.it greatly simplifies java script programming.Here I listed most popular and very useful jQuery cheat sheet collection on the Internet,for anyone who like to learn jQuery.You can get more cheat sheets mentioned here as pdf files or image(.png,.jpeg) files.<br /><br /><blockquote>jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.<br /><br /><div style="text-align: right;"> From http://jquery.com/<br /></div></blockquote><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >1. jQuery 1.4.2 Visual Cheat Sheet</span><br /><br />jQuery Visual Cheat Sheet, the refined and updated version of the popular woork's jQuery Cheat Sheet. The new edition includes all the reference you will ever need for jQuery 1.4.2 API!<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia5b0DqShFU8EoC8CLh_WHDpx8ltqbgtuOOnzVQ0l61IuXM6a_iYUeX4sVc7GMxSabOQ265x48rM2Qi6A_gLRfcyMHAHos2H4hHx5hgvxs19LOx8DhPc5llHUcdsPc2TlHbTx5RlpsRj21/s1600/jQuery+1.4.2+Visual+Cheat+Sheet.jpg"><img style="cursor: pointer; width: 400px; height: 283px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia5b0DqShFU8EoC8CLh_WHDpx8ltqbgtuOOnzVQ0l61IuXM6a_iYUeX4sVc7GMxSabOQ265x48rM2Qi6A_gLRfcyMHAHos2H4hHx5hgvxs19LOx8DhPc5llHUcdsPc2TlHbTx5RlpsRj21/s400/jQuery+1.4.2+Visual+Cheat+Sheet.jpg" alt="jQuery 1.4.2 Visual Cheat Sheet" id="BLOGGER_PHOTO_ID_5553679455636045922" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://woorkup.com/2010/06/13/jquery-1-4-2-visual-cheat-sheet/<br /><br /><span style="font-weight: bold;">Download :</span> http://woorkup.com/wp-content/uploads/2010/06/jQuery-Visual-Cheat-Sheet-1.4.2.pdf<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >2. jQuery 1.4 Cheat Sheet</span><br /><br />This cheet sheet attempts to better align with the new documentation structure jQuery is now using and clearly marks all new and updated functions for jQuery 1.4.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFyP0WixpDbUjVfFv-pfz-BqpB-gklqLU615zNruXZ_kV1eBlzRh_6DgSguV02mMKZgsllAORcRmGu99BS7wu_IY7nuJ23m5N89jV6bpdzqma5MTcXfupadnBqcw-u9W6C6dPLPlvx4Y19/s1600/jQuery+1.4+Cheat+Sheet.jpg"><img style="cursor: pointer; width: 400px; height: 219px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFyP0WixpDbUjVfFv-pfz-BqpB-gklqLU615zNruXZ_kV1eBlzRh_6DgSguV02mMKZgsllAORcRmGu99BS7wu_IY7nuJ23m5N89jV6bpdzqma5MTcXfupadnBqcw-u9W6C6dPLPlvx4Y19/s400/jQuery+1.4+Cheat+Sheet.jpg" alt="jQuery 1.4 Cheat Sheet" id="BLOGGER_PHOTO_ID_5553679451631289570" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://labs.impulsestudios.ca/jquery-cheat-sheet<br /><br /><span style="font-weight: bold;">Download :</span> http://labs.impulsestudios.ca/downloads/impulse_studios-jquery_cheat_sheet-1.0.pdf<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >3. jQuery Selectors</span><br /><br />jQuery selectors are one of the most important aspects of the jQuery library. These selectors use familiar CSS syntax to allow page authors to quickly and easily identify any set of page elements to operate upon with the jQuery library methods. Understanding jQuery selectors is the key to using the jQuery library most effectively. This reference card puts the power of jQuery selectors at your very fingertips.<br /><br />You must register(it is free) to get this cheat sheet.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO1szm68Z5_rRL1AL-dRUq5kBiRi6xwuxRtafpEJWVEDyi7KDofq-WAM7c3Zo2PVwJVeGsgZFKmKu_jW3MYXrp7vDGGx5vtsn0SnuC6KcHGnHmAqiCk2d0rnwL9O_boAZG1MPEyiu0U-HU/s1600/jQuery+Selectors.jpg"><img style="cursor: pointer; width: 309px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO1szm68Z5_rRL1AL-dRUq5kBiRi6xwuxRtafpEJWVEDyi7KDofq-WAM7c3Zo2PVwJVeGsgZFKmKu_jW3MYXrp7vDGGx5vtsn0SnuC6KcHGnHmAqiCk2d0rnwL9O_boAZG1MPEyiu0U-HU/s400/jQuery+Selectors.jpg" alt="jQuery Selectors" id="BLOGGER_PHOTO_ID_5553679808399862818" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://refcardz.dzone.com/refcardz/jquery-selectors<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >4. jQuery 1.4.4 API Cheat Sheet</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6KKVIYhr7fn9n_nbMyQJelsd812JBw15f4c0pdol_FpkI9cohL4AqVS-28gub_4u8f9ObebD_xUOroeqpOBo_286qlksq9wK-kHEUTqxiLikbxmPDafNX3GxpkEcotgN82OcLyp4l8Kh6/s1600/jQuery+1.4.4+API+Cheat+Sheet.jpg"><img style="cursor: pointer; width: 400px; height: 226px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6KKVIYhr7fn9n_nbMyQJelsd812JBw15f4c0pdol_FpkI9cohL4AqVS-28gub_4u8f9ObebD_xUOroeqpOBo_286qlksq9wK-kHEUTqxiLikbxmPDafNX3GxpkEcotgN82OcLyp4l8Kh6/s400/jQuery+1.4.4+API+Cheat+Sheet.jpg" alt="jQuery 1.4.4 API Cheat Sheet" id="BLOGGER_PHOTO_ID_5553679456541258050" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.futurecolors.ru/jquery/<br /><br /><span style="font-weight: bold;">Download :</span><br />http://www.futurecolors.ru/jquery/jquery.cheatsheet.1.4.pdf<br />http://www.futurecolors.ru/jquery/jquery.cheatsheet.1.4.png<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >5. jQuery 1.3 cheat sheet wallpaper</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaUwoJXaPGGUl1j5tzyCOzyWZ6IbmbBliMMhqr4Oke8UAZhH-6LRQP0sDPT5PrTETLYO6KWEQhtZj2yMuP9RmsV85n7PQ1ZFmXmG9Jd8gzRux3frMrd4RF5lo0ri_f1sJLEfuvoO6IXJi/s1600/jQuery+1.3+cheat+sheet+wallpaper.jpg"><img style="cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaUwoJXaPGGUl1j5tzyCOzyWZ6IbmbBliMMhqr4Oke8UAZhH-6LRQP0sDPT5PrTETLYO6KWEQhtZj2yMuP9RmsV85n7PQ1ZFmXmG9Jd8gzRux3frMrd4RF5lo0ri_f1sJLEfuvoO6IXJi/s400/jQuery+1.3+cheat+sheet+wallpaper.jpg" alt="jQuery 1.3 cheat sheet wallpaper" id="BLOGGER_PHOTO_ID_5553679025684370738" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.gmtaz.com/jquery-13-cheatsheet-wallpaper/<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >6. jQuery Cheat Sheet - jQuery 1.3.2</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9P6NFybN-I-vHIX0VsfEpv8mAdZlTIHnoV1lvwPKUkClPypR4Y5ZMSnhP9-G4vkQ3JfyxuU0bfgKYiw6KmgewRMIYaXsrmSUPLXfrPaqXuZfI0-pzdqW_utum97_psGUWEt72VTvktsvK/s1600/jQuery+Cheat+Sheet+-+jQuery+1.3.2.jpg"><img style="cursor: pointer; width: 400px; height: 314px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9P6NFybN-I-vHIX0VsfEpv8mAdZlTIHnoV1lvwPKUkClPypR4Y5ZMSnhP9-G4vkQ3JfyxuU0bfgKYiw6KmgewRMIYaXsrmSUPLXfrPaqXuZfI0-pzdqW_utum97_psGUWEt72VTvktsvK/s400/jQuery+Cheat+Sheet+-+jQuery+1.3.2.jpg" alt="jQuery Cheat Sheet - jQuery 1.3.2" id="BLOGGER_PHOTO_ID_5553679802360396722" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.javascripttoolbox.com/jquery/cheatsheet/<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >7. jQuery Cheat Sheet - jQuery 1.1.3</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtV0K0xCyQ-lt2ojcqSWVXD5mcrjvrw-UrjI0HPgQyyykhg0Y6fFDhKKqxNy9aUXKcCNxM-1idhRyHEEOHCtQkSPyYJMrDlVHQgChRfqJ5Int5yo-bVyl7qyskyt5Qj8ybRnA-baDJNWF1/s1600/jQuery+Cheat+Sheet+-+jQuery+1.1.3.jpg"><img style="cursor: pointer; width: 400px; height: 311px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtV0K0xCyQ-lt2ojcqSWVXD5mcrjvrw-UrjI0HPgQyyykhg0Y6fFDhKKqxNy9aUXKcCNxM-1idhRyHEEOHCtQkSPyYJMrDlVHQgChRfqJ5Int5yo-bVyl7qyskyt5Qj8ybRnA-baDJNWF1/s400/jQuery+Cheat+Sheet+-+jQuery+1.1.3.jpg" alt="jQuery Cheat Sheet - jQuery 1.1.3" id="BLOGGER_PHOTO_ID_5553679461761515570" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.javascripttoolbox.com/jquery/cheatsheet/<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >8. jQuery - YUI3 Rosetta Stone</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4WBT0XvzkhJ7kt4OES6Jtu7BRwoYhavfmMXNBI-oQDUJLS9oFS3JfHjWqPNykh0jZhKQu5J1Xl8BmrFPz4SLdzC9S1MfNzWjD84Fp8s5qS3i1ZDXz47sjMS3K-vg1JNo1vHXlm-CpYXK4/s1600/jQuery+-+YUI3+Rosetta+Stone.jpg"><img style="cursor: pointer; width: 400px; height: 226px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4WBT0XvzkhJ7kt4OES6Jtu7BRwoYhavfmMXNBI-oQDUJLS9oFS3JfHjWqPNykh0jZhKQu5J1Xl8BmrFPz4SLdzC9S1MfNzWjD84Fp8s5qS3i1ZDXz47sjMS3K-vg1JNo1vHXlm-CpYXK4/s400/jQuery+-+YUI3+Rosetta+Stone.jpg" alt="jQuery - YUI3 Rosetta Stone" id="BLOGGER_PHOTO_ID_5553679460465727186" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://carlos.bueno.org/jq-yui.html#start<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >9. jQuery 1.3 Cheatsheet</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2VxMA_dEMTj1kupFBsCmXnHXnLobM6a-bD0Z2_Qj4csZkSNe5VcBeCX6_HJwZ2SWqMqPrFJO-BTMcWexR-G6C5kONOBCWRt4POcp35L0-d4F693GeLjK7IzT3tqnSYavzLtkvVTUjze0/s1600/jQuery+1.3+Cheatsheet.jpg"><img style="cursor: pointer; width: 300px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2VxMA_dEMTj1kupFBsCmXnHXnLobM6a-bD0Z2_Qj4csZkSNe5VcBeCX6_HJwZ2SWqMqPrFJO-BTMcWexR-G6C5kONOBCWRt4POcp35L0-d4F693GeLjK7IzT3tqnSYavzLtkvVTUjze0/s400/jQuery+1.3+Cheatsheet.jpg" alt="jQuery 1.3 Cheatsheet" id="BLOGGER_PHOTO_ID_5553679029046433314" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://blog.acodingfool.com/cheatsheets/jquery-1-3-cheatsheet/<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >10. jQuery 1.3 Visual Cheat Sheet</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivdRMzx5Nt1F2ATAUOLPeIj4t8idr3EV3MVfN439woeRnacjC8AMY6ZWfKyPtLMlJAMkW_-NA_-ulRncfdS4WLojp8uRkGHG2Z7iryppDSxnu6scugJWd411S_l0GI1c2BaRtGSRCFS0Th/s1600/jQuery+1.3+Visual+Cheat+Sheet.jpg"><img style="cursor: pointer; width: 400px; height: 283px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivdRMzx5Nt1F2ATAUOLPeIj4t8idr3EV3MVfN439woeRnacjC8AMY6ZWfKyPtLMlJAMkW_-NA_-ulRncfdS4WLojp8uRkGHG2Z7iryppDSxnu6scugJWd411S_l0GI1c2BaRtGSRCFS0Th/s400/jQuery+1.3+Visual+Cheat+Sheet.jpg" alt="jQuery 1.3 Visual Cheat Sheet" id="BLOGGER_PHOTO_ID_5553679036158261426" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html<br /><br /><span style="font-weight: bold;">Download :</span> http://www.scribd.com/doc/20161482/jQuery-Visual-Cheat-Sheet-by-WOORK<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >11. jQuery cheatsheet wallpaper</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pTGwA_eD_CfYa7hC32EgSbrsBVuQA9jIKWs0K65pFPtqvBCX-ISxhAOIXEgsGo8HevkloZT4uxqkLpY3YnOcRWFfAg1kkTHLwJDQGtQimJhg1gToK6o6Aunigsi4wv5Xmqh_hoBFTw_u/s1600/jQuery+cheatsheet+wallpaper.jpg"><img style="cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pTGwA_eD_CfYa7hC32EgSbrsBVuQA9jIKWs0K65pFPtqvBCX-ISxhAOIXEgsGo8HevkloZT4uxqkLpY3YnOcRWFfAg1kkTHLwJDQGtQimJhg1gToK6o6Aunigsi4wv5Xmqh_hoBFTw_u/s400/jQuery+cheatsheet+wallpaper.jpg" alt="jQuery cheatsheet wallpaper" id="BLOGGER_PHOTO_ID_5553679803714585170" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://chris4403.blogspot.com/2008/01/jquery-cheatsheet-wallpaper.html<br /><br /><span style="font-weight: bold;">Download :</span><br />http://cheatsheet.googlecode.com/svn/trunk/cheatsheet/src/jquery/jquery1.2-cheatsheet-1280-001.png<br />http://cheatsheet.googlecode.com/svn/trunk/cheatsheet/src/jquery/jquery1.2-cheatsheet-1280-002.png<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >12. jQuery 1.2 Cheat Sheet (colorcharge.com)</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvvdTlWZyDlHbstfpEh8hNmEi3jPKtZ-GxVceuiG9DxyDBL3wYbyzJrFBBt6G42m72Hwyv-vO5ixKLpZOscMH2Z-M2oIEFaMkCDFxApG45mSkNjx47t7TMFw0pvmyhI07UfcELA-mxJAkw/s1600/jQuery+1.2+Cheat+Sheet+%2528colorcharge.com%2529.jpg"><img style="cursor: pointer; width: 400px; height: 274px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvvdTlWZyDlHbstfpEh8hNmEi3jPKtZ-GxVceuiG9DxyDBL3wYbyzJrFBBt6G42m72Hwyv-vO5ixKLpZOscMH2Z-M2oIEFaMkCDFxApG45mSkNjx47t7TMFw0pvmyhI07UfcELA-mxJAkw/s400/jQuery+1.2+Cheat+Sheet+%2528colorcharge.com%2529.jpg" alt="jQuery 1.2 Cheat Sheet (colorcharge.com)" id="BLOGGER_PHOTO_ID_5553679022111116882" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://colorcharge.com/jquery/<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >13. jTouch � jQuery Cheat Sheet for iPhone</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2oQa5_Udt4eEtO5ClwD1Xaefzc-BuqkWUwod1R81tBtT31idShpKqs-FlvqZmYOoUpkRsBfbBTQcikCNayq5ABU5UdX68MJR6lIo52VPbqIvUNluoYVDRYJSbamQtR07NQ1bgxqAtfoN1/s1600/jTouch+%25E2%2580%2593+jQuery+Cheat+Sheet+for+iPhone.jpg"><img style="cursor: pointer; width: 322px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2oQa5_Udt4eEtO5ClwD1Xaefzc-BuqkWUwod1R81tBtT31idShpKqs-FlvqZmYOoUpkRsBfbBTQcikCNayq5ABU5UdX68MJR6lIo52VPbqIvUNluoYVDRYJSbamQtR07NQ1bgxqAtfoN1/s400/jTouch+%25E2%2580%2593+jQuery+Cheat+Sheet+for+iPhone.jpg" alt="jTouch � jQuery Cheat Sheet for iPhone" id="BLOGGER_PHOTO_ID_5553679814261231282" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://jtouch.colorcharge.com/<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >14. jQuery 1.2 Cheat Sheet</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCrkBlFfqpRK5mEZdSa-w2PmnQSEOBgkaOYBM-ApIi050SDbGZvgOQHWfsiMAy4YycFIKJHERQJaJN7iWv3d87S3Zx7YZDt4Oudn8Ail5DS9xccD6Yz53Perd8a4aCQIe-EpFYJT2tOw7P/s1600/jQuery+1.2+Cheat+Sheet.png"><img style="cursor: pointer; width: 400px; height: 272px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCrkBlFfqpRK5mEZdSa-w2PmnQSEOBgkaOYBM-ApIi050SDbGZvgOQHWfsiMAy4YycFIKJHERQJaJN7iWv3d87S3Zx7YZDt4Oudn8Ail5DS9xccD6Yz53Perd8a4aCQIe-EpFYJT2tOw7P/s400/jQuery+1.2+Cheat+Sheet.png" alt="jQuery 1.2 Cheat Sheet" id="BLOGGER_PHOTO_ID_5553679024043715714" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/<br /><br /><span style="font-weight: bold;">Download :</span> http://www.gscottolson.com/jquery/jQuery1.2.cheatsheet.v1.0.pdf<br /><br /><br /><span style="background: none repeat scroll 0% 0% rgb(249, 249, 249); color: rgb(23, 151, 191); border: 1px solid rgb(237, 237, 237); padding: 2px 5px;font-family:verdana;font-size:130%;" >15. jQuery Selectors by codylindley.com</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEispqyxyBT6Z6jSHlxBJB6IFD02hA7UijNJZS5ni9ZKdwoQnyFgU2IcxfeqCNuhnTKNsUIGKDcqcVbzrJJh7-UGMlvCVfO1jx7KQ4cBj2ZM2ZoCJjzloPgDaGswEkJiCVxeMIiqFAPFM0Zy/s1600/jQuery+Selectors+by+codylindley.jpg"><img style="cursor: pointer; width: 400px; height: 226px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEispqyxyBT6Z6jSHlxBJB6IFD02hA7UijNJZS5ni9ZKdwoQnyFgU2IcxfeqCNuhnTKNsUIGKDcqcVbzrJJh7-UGMlvCVfO1jx7KQ4cBj2ZM2ZoCJjzloPgDaGswEkJiCVxeMIiqFAPFM0Zy/s400/jQuery+Selectors+by+codylindley.jpg" alt="jQuery Selectors by codylindley.com" id="BLOGGER_PHOTO_ID_5553679810039305618" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://codylindley.com/jqueryselectors/adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-4724954750327694642010-12-10T17:25:00.000-08:002011-04-21T22:43:16.125-07:00How To Add Energy Saving Mode For Blogs or WebsitesThis is a free service and it is provided by <ins>http://www.onlineleaf.com/</ins>.Their standby engine is deliver a fully functional and simple way to help your website run requiring less energy to generate. It hides heavy animations, covers the window in dark colors (as these, in many cases are less energy consuming) and pauses heavily running background processes.<br /><br />When your visitors are inactive, this engine launch a <span style="font-weight: bold; font-family: arial;">standby screen</span>, with the text "<span style="color: rgb(51, 51, 255);font-family:arial;font-size:100%;" ><span style="font-weight: bold;">Energy saving mode</span></span>".<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.bloggertipandtrick.net/2010/12/energy-saving-mode-for-blogger-websites.html"><img style="cursor: pointer; width: 400px; height: 220px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG6J7E67VJiGIiV2VJkQBxB9ES-ob8Gv0hO3JnsTjWLl3Kw6j68rNCVyXJywZcyVNJ9yKF1GG4pE4EHpeNRJjN3ucpvja3kAvzAsMOu4tu1Xaoh5qhdbw5E3YwBnAaTNKA2QL5QJfSre65/" alt="Energy Saving Mode For Blogs or Websites" id="BLOGGER_PHOTO_ID_5549247726958845666" border="0" /></a><br /><br />This is very easy to add to your website or blog with in few seconds.<br /><br />Login to your Blogger dashboard --> Design --> Edit HTML.<br /><br />You don't need to click on "Expand Widget Templates".<br /><br />Scroll down to where you see the <span style="color: rgb(255, 0, 0);font-size:100%;" ><span style="font-weight: bold;"></head></span></span> tag of your template.<br /><br />Now copy below code and paste it <span style="color: rgb(51, 51, 255);">just before</span> the <span style="color: rgb(255, 0, 0);"></head></span> tag.<br /><br /><pre style="height: 60px; width: 90%; overflow: auto; border: 1px solid black;"><span style="font-size:130%;"><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/></span></pre><br /><br />This standby engine uses the <span style="font-weight: bold;font-family:arial;" >jQuery Javascript library</span>, so if you are using other Javascript libraries or code, add below code instead of above code :<br /><br /><pre style="height: 90px; width: 90%; overflow: auto; border: 1px solid black;"><span style="font-size:130%;"><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/><br /><br /><script>jQuery.noConflict();</script></span></pre><br /><span style="font-weight: bold;font-family:arial;" >Time of inactivity</span><br /><br />Also you can easily define <ins>how long time your visitors have to be inactive</ins>, for the engine to launch the standby screen, by adding <span style="font-size:130%;"><span style="font-weight: bold; color: rgb(204, 51, 204);font-family:arial;" >?time=X</span></span> where <span style="font-weight: bold;">X</span> should be replaced with the <span style="font-weight: bold;">number of seconds</span> you would like to define the time interval. An example could be:<br /><br /><pre style="height: 60px; width: 90%; overflow: auto; border: 1px solid black;"><span style="font-size:130%;"><script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js<span style="font-weight: bold; color: rgb(204, 51, 204);font-size:180%;" >?time=120</span>"></script></span></pre><br />... which will set the time of inactivity to <span style="font-weight: bold;">2 minutes (120 seconds)</span>.<br /><br />This can be configured to display in any of the <span style="font-weight: bold;">supported languages</span>, if you add <span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >?lang=code</span>, where <span style="font-weight: bold;">code</span> is one of the language short codes below.<br /><br /><span style="font-weight: bold;font-family:arial;" >Supported languages</span><br /><pre><table border="0" cellpadding="10"><tbody><tr><td>ak - Akan<br />da - Danish<br />de - German<br />en - English<br />es - Spanish<br />fr - French<br />fi - Filipino<br />gr - Greek</td><td>hr - Croatian<br />id - Indonesian<br />jp - Japanese<br />it - Italian<br />nl - Dutch<br />pl - Polish<br />pt - Portuguese<br />bpt - Brazilian Portuguese</td><td valign="top">ro - Romanian<br />sl - Slovenian<br />se - Swedish<br />sk - Slovak<br />sw - Swahili<br />tr - Turkish<br />vi - Vietnamese</td><br /></tr></tbody></table><span style="font-family:Georgia,serif;"><br /></span>The following example will be using <span style="font-weight: bold;">Spanish</span> for the standby screen:<br /></pre><br /><pre style="height: 60px; width: 90%; overflow: auto; border: 1px solid black;"><span style="font-size:130%;"><script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js<span style="font-weight: bold; color: rgb(0, 153, 0);font-size:180%;" >?lang=es</span>"></script></span></pre><br /><br />If you are using <span style="font-weight: bold;">WordPress</span>, just <a href="http://downloads.wordpress.org/plugin/online-leaf.zip" target="_blank" rel="nofollow">download their plugin</a>, activate it and everything should work instantly.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com2tag:blogger.com,1999:blog-910947589747451590.post-22993921854721706972010-12-05T06:01:00.000-08:002011-04-21T22:43:16.125-07:00How To Fix PNG Transparency Problem in Internet Explorer 6If you are using Internet Explorer version 6, you can see png images of web pages showing inside a white background. It add a bad appearance to your website or blog.This is a problem because still some people are using Internet Explorer version 6,it is the default browser for windows XP.So this quick and simple tutorial will show you how to fix this <span style="font-weight: bold;">PNG transparency problem</span> in Internet Explorer 6.<br /><br />Login to your Blogger dashboard --> Design --> Edit HTML.<br /><br />You don't need to click on "Expand Widget Templates".<br /><br />Scroll down to where you see the <span style="color: rgb(255, 0, 0);font-size:100%;" ><span style="font-weight: bold;"></head></span></span> tag of your template.<br /><br />Now copy below code and paste it <span style="color: rgb(51, 51, 255);">just before</span> the <span style="color: rgb(255, 0, 0);"></head></span> tag.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 100px; width: 90%;"><span style="font-size:130%;"><!--[if lt IE 7]><br /><script type="text/javascript" src="<span style="font-weight: bold; color: rgb(204, 51, 204);">http://bnote.googlecode.com/files/unitpngfix.js</span>"></script><br /><![endif]--></span></pre>I have hosted "<span style="font-weight: bold;">unitpngfix.js</span>" file on google code.<br /><br /><span style="font-weight: bold;">Note</span> : Best thing is, hosting this "<span style="font-weight: bold; color: rgb(0, 153, 0);">unitpngfix.js</span>" file yourself.So you can download it from <a href="http://www.box.net/shared/x7m9apc8hk" target="_blank" rel="nofollow">HERE</a>.<br /><br />Now save your template and you are done.You can check updates and more details of this script from <ins>http://labs.unitinteractive.com/unitpngfix.php</ins>.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-42238793945478094062010-11-27T00:41:00.000-08:002011-04-21T22:43:16.125-07:0030+ Pure CSS Horizontal Menus TutorialsThe navigation menu of a website is very important for that website. It gives more attraction your website or blog.Also it will very useful to navigate through your website very easily without confusing.So every web master should give special attention for the top navigation menu of their websites.<br /><br />Here I listed below some of best CSS horizontal menu collection with full configuration tutorials for your easy use.You can choose any menu from the list given below and go directly to the article links for the setup instructions.All of these Horizontal Menus working perfectly only using CSS and sometimes images with CSS.(JavaScript is not used by any menu given here)So you don't want to worry about JavaScript disabled browsers.<br /><br />If there is any menu CSS you like from the list given below,but you can not add it to your website or blog yourself,you can <a href="mailto:btipandtrick@gmail.com?subject=A%20CSS%20Menu%20View%20Configuration&body=Enter%20your%20message%20here" rel="nofollow">contact me</a>,I can do it for you.<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Advanced CSS Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8kDuCMSyvSBcw7AsvPFwKOPpn-H3aU8N0dIalUN6Nsm9scI6sw9D9XFciYs-RjEtW3cbnpXsBN4MpTE8p9VON0g2llWn9bM92u2Q7P5mWjpGfd_tFBUml8E1Du4HEmQYRDozd5YM77kwU/s1600/Advanced+CSS+Menu.png"><img style="cursor: pointer; width: 400px; height: 107px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8kDuCMSyvSBcw7AsvPFwKOPpn-H3aU8N0dIalUN6Nsm9scI6sw9D9XFciYs-RjEtW3cbnpXsBN4MpTE8p9VON0g2llWn9bM92u2Q7P5mWjpGfd_tFBUml8E1Du4HEmQYRDozd5YM77kwU/s400/Advanced+CSS+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544434314016088274" border="0" /></a><br /><br />Demo : http://www.webdesignerwall.com/demo/advanced-css-menu/<br />Article : http://www.webdesignerwall.com/tutorials/advanced-css-menu/<br />Download : http://www.webdesignerwall.com/file/advanced-css-menu.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Bulletproof CSS Sliding Doors</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigkWhDlwI_6FeEOXPZViDloNT7Cr-PJba97U4HvNdfODZCzaKweZ0-CNkE7R_1jYcrXTBkHeVILH5G4ndHkpS4p_SJbAjDae60HpOoQC6zflCD7zN-iAC8zCre2FzrRp66VancOwSj8oE7/s1600/Bulletproof+CSS+Sliding+Doors.png"><img style="cursor: pointer; width: 400px; height: 104px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigkWhDlwI_6FeEOXPZViDloNT7Cr-PJba97U4HvNdfODZCzaKweZ0-CNkE7R_1jYcrXTBkHeVILH5G4ndHkpS4p_SJbAjDae60HpOoQC6zflCD7zN-iAC8zCre2FzrRp66VancOwSj8oE7/s400/Bulletproof+CSS+Sliding+Doors.png" alt="" id="BLOGGER_PHOTO_ID_5544434821731097826" border="0" /></a><br /><br />Demo : http://azadcreative.com/files/Bulletproof.zip<br />Article : http://azadcreative.com/2009/03/bulletproof-css-sliding-doors/<br />Download : http://azadcreative.com/files/BulletproofSlidingDoors.psd.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Create a Slick Menu using CSS3</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHg6J5Wee-3bqP7qUW39tfdJMkI1H1c4RaFSMej_T-AcDsaWGCAQL9lkS-WsD123pj57WX06H8QEaT-rWr8rDKPB5lnnfku0xrIw0S2OHkl8UgNRiNfXMOwz7WXBYCy926kp03_CHTHcyZ/s1600/Create+a+Slick+Menu+using+CSS3.png"><img style="cursor: pointer; width: 400px; height: 43px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHg6J5Wee-3bqP7qUW39tfdJMkI1H1c4RaFSMej_T-AcDsaWGCAQL9lkS-WsD123pj57WX06H8QEaT-rWr8rDKPB5lnnfku0xrIw0S2OHkl8UgNRiNfXMOwz7WXBYCy926kp03_CHTHcyZ/s400/Create+a+Slick+Menu+using+CSS3.png" alt="" id="BLOGGER_PHOTO_ID_5544434829356866258" border="0" /></a><br /><br />Demo : http://insicdesigns.com/demo/css3/exp2/index.html<br />Article : http://blog.insicdesigns.com/2010/02/create-a-slick-menu-using-css3/<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >How to Make a CSS Sprite Powered Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSl1hifhK9oK6PG7u-TaXq6gW0i_mijHF3k56QbQ8ZFCx_1RqY9cnYVz3FEc9JfN9kfEw4uTd0CSJ8DT8nTC4yafeVXeh9HoPqWveZNR7Pb5G8tbsuULmJEwTQEvyKKy_e4ru-ptzVX4YT/s1600/How+to+Make+a+CSS+Sprite+Powered+Menu.png"><img style="cursor: pointer; width: 400px; height: 149px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSl1hifhK9oK6PG7u-TaXq6gW0i_mijHF3k56QbQ8ZFCx_1RqY9cnYVz3FEc9JfN9kfEw4uTd0CSJ8DT8nTC4yafeVXeh9HoPqWveZNR7Pb5G8tbsuULmJEwTQEvyKKy_e4ru-ptzVX4YT/s400/How+to+Make+a+CSS+Sprite+Powered+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544436698831223698" border="0" /></a><br /><br />Demo : http://s3.amazonaws.com/buildinternet/live-tutorials/css-sprite-menu/css-sprites-nav.html<br />Article : http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/<br />Download : http://s3.amazonaws.com/buildinternet/live-tutorials/css-sprite-menu/css-sprites-nav.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS Express Drop-Down Menus</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_ijjgdZYlFQQ3hlq6HEkeZ8-GVU1MAwOouYPtseXipowDGO_pEevIpAfoWu1kVfLKDkRhlWwCBDDruitBFIRYOD89VAHt3p-YrLDb_o3vbjHiMT5GJvf7Abwzj0Bhf2Nq9IcirsR_dTCy/s1600/CSS+Express+Drop-Down+Menus.png"><img style="cursor: pointer; width: 400px; height: 139px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_ijjgdZYlFQQ3hlq6HEkeZ8-GVU1MAwOouYPtseXipowDGO_pEevIpAfoWu1kVfLKDkRhlWwCBDDruitBFIRYOD89VAHt3p-YrLDb_o3vbjHiMT5GJvf7Abwzj0Bhf2Nq9IcirsR_dTCy/s400/CSS+Express+Drop-Down+Menus.png" alt="" id="BLOGGER_PHOTO_ID_5544435904640885554" border="0" /></a><br /><br />Demo : http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm<br />Article : http://www.projectseven.com/tutorials/navigation/auto_hide/<br />Download : http://www.projectseven.com/tutorials/navigation/auto_hide/p7exp.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS3-only horizontal drop line tab menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE7AdeA5z-_jQ096JAo_RnNGjfkQt4vohyaHF3yt0pCNl6SmCbrP1dtP-_t84EV0FDzC3GPU-lnPNTPgvSPgKOvoCkWU69lpX0Fwm4TAd7pBw16ow6wsOf4BzYy7HYFXMGsCMgAp2JIkrg/s1600/CSS3-only+horizontal+drop+line+tab+menu.png"><img style="cursor: pointer; width: 400px; height: 72px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE7AdeA5z-_jQ096JAo_RnNGjfkQt4vohyaHF3yt0pCNl6SmCbrP1dtP-_t84EV0FDzC3GPU-lnPNTPgvSPgKOvoCkWU69lpX0Fwm4TAd7pBw16ow6wsOf4BzYy7HYFXMGsCMgAp2JIkrg/s400/CSS3-only+horizontal+drop+line+tab+menu.png" alt="" id="BLOGGER_PHOTO_ID_5544435897245517698" border="0" /></a><br /><br />Demo : http://www.skyrocketlabs.com/categories/tutorials/css3-only-horizontal-dropline-tab-menu/demo/index.html<br />Article : http://www.skyrocketlabs.com/articles/css3-only-horizontal-dropline-tab-menu.php<br />Download : http://www.skyrocketlabs.com/categories/tutorials/css3-only-horizontal-dropline-tab-menu/css3-only-horizontal-dropline-tab-menu.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Nicer Navigation with CSS Transitions</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU1B5k8CfH4ZGkTQRTJ0_V9juEsQTfk9Q_eIgQrYAOAy9yFcxhKRZllDItvgJ5VPJ3_CB08N7EMbZh-z-lomWXKUW1_9KVeSK6dFHw4ZpJtDA0M6NRzuHtK69OV29SSkmcRzl9hOAntI2I/s1600/Nicer+Navigation+with+CSS+Transitions.png"><img style="cursor: pointer; width: 335px; height: 143px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU1B5k8CfH4ZGkTQRTJ0_V9juEsQTfk9Q_eIgQrYAOAy9yFcxhKRZllDItvgJ5VPJ3_CB08N7EMbZh-z-lomWXKUW1_9KVeSK6dFHw4ZpJtDA0M6NRzuHtK69OV29SSkmcRzl9hOAntI2I/s400/Nicer+Navigation+with+CSS+Transitions.png" alt="" id="BLOGGER_PHOTO_ID_5544436702316932226" border="0" /></a><br /><br /><br />Demo : http://www.gethifi.com/blog/nicer-navigation-with-css-transitions<br />Article : http://www.gethifi.com/blog/nicer-navigation-with-css-transitions<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Pure CSS Horizontal Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXKsOos7_8rVAbZsKkuVcXAVlEBsnRNFZYeeb3MS6xsUsXY25fySRwz6dimyDg2mjN-ZrS5msWWt8Szc3WdlbopTZZgAazwiaLlMVOxpmmaqlKG2QDEv6yTB0LH-rnP7_3ndjsNZAlJ55w/s1600/Pure+CSS+Horizontal+Menu.png"><img style="cursor: pointer; width: 400px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXKsOos7_8rVAbZsKkuVcXAVlEBsnRNFZYeeb3MS6xsUsXY25fySRwz6dimyDg2mjN-ZrS5msWWt8Szc3WdlbopTZZgAazwiaLlMVOxpmmaqlKG2QDEv6yTB0LH-rnP7_3ndjsNZAlJ55w/s400/Pure+CSS+Horizontal+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544436730812728450" border="0" /></a><br /><br />Demo : http://devinrolsen.com/wp-content/themes/typebased/demos/css/css-horizontal-menu/WORKS.php<br />Article : http://www.devinrolsen.com/pure-css-horizontal-menu/<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >DropDown CSS Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXi6tuKdx6p6yAbVNELFUvVs2f4-66cyC6LsQwm5CLtOBiHngnhb8d8gaVsc6Z0BSAtyaMUVFrj7k5IGYxWPYH-MdcdglvA5OQx-puKChBn5-0OWWYrSM1w2Sn3tRFwRNSgoHEBp10PJSU/s1600/DropDown+CSS+Menu.png"><img style="cursor: pointer; width: 400px; height: 118px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXi6tuKdx6p6yAbVNELFUvVs2f4-66cyC6LsQwm5CLtOBiHngnhb8d8gaVsc6Z0BSAtyaMUVFrj7k5IGYxWPYH-MdcdglvA5OQx-puKChBn5-0OWWYrSM1w2Sn3tRFwRNSgoHEBp10PJSU/s400/DropDown+CSS+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544436530285417538" border="0" /></a><br /><br />Demo : http://divitodesign.com/dd-articles/horizontal-css-menu/index.html<br />Article : http://divitodesign.com/css/how-to-dropdown-css-menu/<br />Download : http://www.divitodesign.com/dd-articles/horizontal-css-menu/horizontal-css-menu.rar<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Pure CSS Menu With Infinite Sub Menus Tutorial</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIUKMMAL33_RUTUSr9ofnKP4eaijqJ-xGZXP1NM2P_1Fe-JuEdp_nTn1MsF2O-KDs9kLIhadTf1QKson_DOQ3oY5m_XdpKBvDyFk0H_CFbz8YsZXcwPHmZSLbAnuwfaE2h6rNryF7XzmIL/s1600/Pure+CSS+Menu+With+Infinite+Sub+Menus+Tutorial.png"><img style="cursor: pointer; width: 400px; height: 137px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIUKMMAL33_RUTUSr9ofnKP4eaijqJ-xGZXP1NM2P_1Fe-JuEdp_nTn1MsF2O-KDs9kLIhadTf1QKson_DOQ3oY5m_XdpKBvDyFk0H_CFbz8YsZXcwPHmZSLbAnuwfaE2h6rNryF7XzmIL/s400/Pure+CSS+Menu+With+Infinite+Sub+Menus+Tutorial.png" alt="" id="BLOGGER_PHOTO_ID_5544436753378124674" border="0" /></a><br /><br />Demo : http://www.devinrolsen.com/wp-content/themes/typebased/demos/css/infinite-sub-menu/<br />Article : http://www.devinrolsen.com/pure-css-menu-with-infinite-sub-menus-tutorial/<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS3 Dropdown Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvjVShnlL6XEZETeAvBtjuUVIuofIbTPhAFcIxDzp5xsVExOZMWq7USLPI7rQt1L_ODBqqczZ_oIFgEThhhf1rw7gXUHrCcjPHr87xczScg1TJH3Zp1g1b6wbEGe3h1WNYQy9njiCEC6a/s1600/CSS3+Dropdown+Menu.png"><img style="cursor: pointer; width: 400px; height: 81px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvjVShnlL6XEZETeAvBtjuUVIuofIbTPhAFcIxDzp5xsVExOZMWq7USLPI7rQt1L_ODBqqczZ_oIFgEThhhf1rw7gXUHrCcjPHr87xczScg1TJH3Zp1g1b6wbEGe3h1WNYQy9njiCEC6a/s400/CSS3+Dropdown+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544435490671476338" border="0" /></a><br /><br />Demo : http://www.webdesignerwall.com/demo/css3-dropdown-menu/<br />Article : http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Elegant Drop Menu with CSS Only</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgros24O9p2Q4zTBFCPTW1YdIe0oYNR_kT65Obgxcdp4p8aCSIUSbvqz7i_oLM7bdvhNAD3dVkHdkWcRdx5iUTgjCkyCgzrCWR-qIO0GYMx8qg5v3cIML204aEzfV3QzVy0yw1iFR9nXLiv/s1600/Elegant+Drop+Menu+with+CSS+Only.png"><img style="cursor: pointer; width: 400px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgros24O9p2Q4zTBFCPTW1YdIe0oYNR_kT65Obgxcdp4p8aCSIUSbvqz7i_oLM7bdvhNAD3dVkHdkWcRdx5iUTgjCkyCgzrCWR-qIO0GYMx8qg5v3cIML204aEzfV3QzVy0yw1iFR9nXLiv/s400/Elegant+Drop+Menu+with+CSS+Only.png" alt="" id="BLOGGER_PHOTO_ID_5544436536697683186" border="0" /></a><br /><br />Demo : http://aext.net/example/elegant-menu-with-css-only/<br />Article : http://aext.net/2009/09/elegant-drop-menu-with-css-only/<br />Download : http://www.box.net/shared/paoqo8y1lt<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS dropdown menu without javascripting or hacks</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAXoTfthl8Ift1vDl5nJ4ALtWw1asepexwTxg5c4nPA1sOg0yQusdUwSnOJ6DMUNA0K99Onf0Ts94uiyiJxmNkpNOLkkVTokAjdAECK7l-KoecZ-jQ0-IdJis8E6b3061FKGAU_nWSsUx0/s1600/CSS+dropdown+menu+without+javascripting+or+hacks.png"><img style="cursor: pointer; width: 400px; height: 135px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAXoTfthl8Ift1vDl5nJ4ALtWw1asepexwTxg5c4nPA1sOg0yQusdUwSnOJ6DMUNA0K99Onf0Ts94uiyiJxmNkpNOLkkVTokAjdAECK7l-KoecZ-jQ0-IdJis8E6b3061FKGAU_nWSsUx0/s400/CSS+dropdown+menu+without+javascripting+or+hacks.png" alt="" id="BLOGGER_PHOTO_ID_5544435902569581474" border="0" /></a><br /><br />Demo : http://www.texaswebdevelopers.com/blog/examples/ddmenu2.asp<br />Article : http://www.texaswebdevelopers.com/blog/template_permalink.asp?id=129<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Create Vimeo-like top navigation</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdbBH-O8hCNIJOtF-aNviu9WDoei_aiPShxFFYiW-XvJuam0c-9KU49w3VlWXkK0mZn4SOXr-rqv87quyoXcrHPpaK4eG6EZ_xcWQ9R5LTLZQ-vBy0_yt18IGzwrTq_YzhKGm4rYAtkDLA/s1600/Create+Vimeo-like+top+navigation.png"><img style="cursor: pointer; width: 400px; height: 215px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdbBH-O8hCNIJOtF-aNviu9WDoei_aiPShxFFYiW-XvJuam0c-9KU49w3VlWXkK0mZn4SOXr-rqv87quyoXcrHPpaK4eG6EZ_xcWQ9R5LTLZQ-vBy0_yt18IGzwrTq_YzhKGm4rYAtkDLA/s400/Create+Vimeo-like+top+navigation.png" alt="" id="BLOGGER_PHOTO_ID_5544435423655892114" border="0" /></a><br /><br />Demo : http://www.jankoatwarpspeed.com/examples/vimeo_navigation/<br />Article : http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx<br />Download : http://www.jankoatwarpspeed.com/file.axd?file=2009%2f1%2fvimeo_navigation.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >ADxMenu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzdR-ecfCLSBKGt0XiP0xYDdw98yGkNdxqfgajT6C_PS_B3UFECMIpoFaJyY-3uL4kIm3S1Kfid4GoEoEFVw2q0A149bMZR1V-vIzVDbTHHXB3SOOsO1gebrd9Q43GDkq4gg_v5Rk6smTM/s1600/ADxMenu.png"><img style="cursor: pointer; width: 400px; height: 182px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzdR-ecfCLSBKGt0XiP0xYDdw98yGkNdxqfgajT6C_PS_B3UFECMIpoFaJyY-3uL4kIm3S1Kfid4GoEoEFVw2q0A149bMZR1V-vIzVDbTHHXB3SOOsO1gebrd9Q43GDkq4gg_v5Rk6smTM/s400/ADxMenu.png" alt="" id="BLOGGER_PHOTO_ID_5544434326131019810" border="0" /></a><br /><br />Demo : http://aplus.rs/adxmenu/examples/htb/<br />Article : http://aplus.rs/adxmenu/<br />Download : http://aplus.rs/adxmenu/adxmenu-v4.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >A Great CSS Horizontal Drop-Down Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWSkfXmWuWXr-awMsak5YZbA_SkeM1T6FXcHZpeH5RgdU28slK2QIq7-l7IiWOJyRjb4WsQzX8_ewpIPZWwbLhf1SaTC5RQFJUa0yNIJg0swwUkg55VskAkCNSAYwZpjO4aQFQ4WNwjMKR/s1600/A+Great+CSS+Horizontal+Drop-Down+Menu.png"><img style="cursor: pointer; width: 400px; height: 191px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWSkfXmWuWXr-awMsak5YZbA_SkeM1T6FXcHZpeH5RgdU28slK2QIq7-l7IiWOJyRjb4WsQzX8_ewpIPZWwbLhf1SaTC5RQFJUa0yNIJg0swwUkg55VskAkCNSAYwZpjO4aQFQ4WNwjMKR/s400/A+Great+CSS+Horizontal+Drop-Down+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544434271353012290" border="0" /></a><br /><br />Demo : http://sperling.com/examples/menuh/<br />Article : http://sperling.com/examples/menuh/<br />Download : http://sperling.com/examples/menuh/menuh.css<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS menus</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHbGgxdfMAHJEOHxGsgS56mLuNEpgAz65FrI5rsonwK4Mp8MdSDKkPAL1N_h-CTCW9KH5zT5jRSlXajWGZ9amMO17OUuqutiZVsBi6lupFwE0e5dZBurd0Wlk7EBmrfDKvb8Yq8bYc3IE/s1600/CSS+menus.png"><img style="cursor: pointer; width: 336px; height: 174px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHbGgxdfMAHJEOHxGsgS56mLuNEpgAz65FrI5rsonwK4Mp8MdSDKkPAL1N_h-CTCW9KH5zT5jRSlXajWGZ9amMO17OUuqutiZVsBi6lupFwE0e5dZBurd0Wlk7EBmrfDKvb8Yq8bYc3IE/s400/CSS+menus.png" alt="" id="BLOGGER_PHOTO_ID_5544435911306067506" border="0" /></a><br /><br />Demo : http://www.howtocreate.co.uk/tutorials/testMenu.html<br />Article : http://www.howtocreate.co.uk/tutorials/testMenu.html<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Pure CSS Fish Eye Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCc560pg7xje_UCyzHCNpxRSeIaHFABCTWpTns3FjDdsmM0zUDw15f4d-DbCQtTUb6WmHEL91z-2ljh1azpg4Y0XIbz8Lr0X75eDvSF2Obfo8sEGWqAL2lia7RBXjmJ2QYaQkWyHWAdx3g/s1600/Pure+CSS+Fish+Eye+Menu.png"><img style="cursor: pointer; width: 400px; height: 126px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCc560pg7xje_UCyzHCNpxRSeIaHFABCTWpTns3FjDdsmM0zUDw15f4d-DbCQtTUb6WmHEL91z-2ljh1azpg4Y0XIbz8Lr0X75eDvSF2Obfo8sEGWqAL2lia7RBXjmJ2QYaQkWyHWAdx3g/s400/Pure+CSS+Fish+Eye+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544436709191868658" border="0" /></a><br /><br />Demo : http://www.jampmark.com/html+css-techniques-demos/pure-css-fish-eye-menu-demo.html#expandDown<br />Article : http://www.jampmark.com/html+css-techniques/pure-css-fish-eye-menu.html<br />Download : http://www.jampmark.com/downloads/javascript-html-css-codes/pure-css-fish-eye-menu.html<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >A centered menu with gradient and two pointers</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpU6mYqXxAM3XKbVQPKSg15HN6d0p_sJWmhAaWDPhGEfxl8vQJa3Vzm4xQUgyvw3V-YGJKr4zwsii-TroR7yVAno_CdUpr20VntppnsqMnPfWshviMeuKhzRDzIuZObfPbI4jPOHOsezp/s1600/A+centered+menu+with+gradient+and+two+pointers.png"><img style="cursor: pointer; width: 400px; height: 57px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpU6mYqXxAM3XKbVQPKSg15HN6d0p_sJWmhAaWDPhGEfxl8vQJa3Vzm4xQUgyvw3V-YGJKr4zwsii-TroR7yVAno_CdUpr20VntppnsqMnPfWshviMeuKhzRDzIuZObfPbI4jPOHOsezp/s400/A+centered+menu+with+gradient+and+two+pointers.png" alt="" id="BLOGGER_PHOTO_ID_5544434242613341250" border="0" /></a><br /><br />Demo : http://www.cssplay.co.uk/menus/two_points.html<br />Article : http://www.cssplay.co.uk/menus/two_points.html<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Create an Advanced CSS3 Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsxXNVeBjQYUQW3H9OQUIXNkFJe1pHyv5pYBvxMh3Zw_juJ3aoq34AeSOvwyFiaMsFfUpnSFbT6Vl8R3sqaniNluS9HOjrYb3rpjo_tlAi_j7fGljPpSOhNgH-ic3smSvp6FFA-wlNuZ1q/s1600/Create+an+Advanced+CSS3+Menu.png"><img style="cursor: pointer; width: 400px; height: 124px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsxXNVeBjQYUQW3H9OQUIXNkFJe1pHyv5pYBvxMh3Zw_juJ3aoq34AeSOvwyFiaMsFfUpnSFbT6Vl8R3sqaniNluS9HOjrYb3rpjo_tlAi_j7fGljPpSOhNgH-ic3smSvp6FFA-wlNuZ1q/s400/Create+an+Advanced+CSS3+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544435423718461026" border="0" /></a><br /><br />Demo : http://blog.cameronbaney.com/tutorials/cbdb-menu/demo.html<br />Article : http://blog.cameronbaney.com/tutorials/advanced-css3-menu/<br />Download : http://blog.cameronbaney.com/tutorials/cbdb-menu/cbdb-menu.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Solid Block Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhrwGKeDH_Hf0BURG-xDcDqFXEB7uVoTuubFfJa0QFPGdO-hy6m-_aNpzQKznf7quPpcKKgb0VpXOPr2zlcUJilrd0pFbWKioXDONWyYpw24BYS_J5VxLczyI40mSAEx38e1rF90FFnx_e/s1600/Solid+Block+Menu.png"><img style="cursor: pointer; width: 400px; height: 37px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhrwGKeDH_Hf0BURG-xDcDqFXEB7uVoTuubFfJa0QFPGdO-hy6m-_aNpzQKznf7quPpcKKgb0VpXOPr2zlcUJilrd0pFbWKioXDONWyYpw24BYS_J5VxLczyI40mSAEx38e1rF90FFnx_e/s400/Solid+Block+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544437015966525794" border="0" /></a><br /><br />Demo : http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/<br />Article : http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/<br />Download : http://www.dynamicdrive.com/cssexamples/media/blockdefault.gif<br /> http://www.dynamicdrive.com/cssexamples/media/blockactive.gif<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Sleek Pointer Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHV5H49shz1EtXJxtTRKu7uX0yDmYk0WCT0630aTkeSZcQ5ArI6fbIeBVCYbdHOkZSRKSnRDOJxAaLtyHKwr3eRzj1BSsiVn9rnAsrmWPg9HqAaL233r0yuCsXoJP0lrWzdqrQdJcZnNbt/s1600/Sleek+Pointer+Menu.png"><img style="cursor: pointer; width: 400px; height: 36px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHV5H49shz1EtXJxtTRKu7uX0yDmYk0WCT0630aTkeSZcQ5ArI6fbIeBVCYbdHOkZSRKSnRDOJxAaLtyHKwr3eRzj1BSsiVn9rnAsrmWPg9HqAaL233r0yuCsXoJP0lrWzdqrQdJcZnNbt/s400/Sleek+Pointer+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544437014492818466" border="0" /></a><br /><br /><br />Demo : http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu/<br />Article : http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu/<br />Download : http://www.dynamicdrive.com/cssexamples/media/rightround.gif<br /> http://www.dynamicdrive.com/cssexamples/media/pointer.gif<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Sleek Pointer Menu 2</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiooLHuXK5RZwgkkaQ2qCUGhTZIbVS1rs0cd4sBQ2KHYjzu2MLNCFTQKhIPYpfhhobDjv86lpjVKeoqTVKDAWKzvbkxK4fOSVOpWhO3xhpy8tr9x-VEqnpe1JoJhukCwDolxgKs9fUkUN7u/s1600/Sleek+Pointer+Menu+2.png"><img style="cursor: pointer; width: 400px; height: 47px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiooLHuXK5RZwgkkaQ2qCUGhTZIbVS1rs0cd4sBQ2KHYjzu2MLNCFTQKhIPYpfhhobDjv86lpjVKeoqTVKDAWKzvbkxK4fOSVOpWhO3xhpy8tr9x-VEqnpe1JoJhukCwDolxgKs9fUkUN7u/s400/Sleek+Pointer+Menu+2.png" alt="" id="BLOGGER_PHOTO_ID_5544437014790293330" border="0" /></a><br /><br />Demo : http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu-2/<br />Article : http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu-2/<br />Download : http://www.dynamicdrive.com/cssexamples/media/rightround2.gif<br /> http://www.dynamicdrive.com/cssexamples/media/pointer.gif<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >How to Create a CSS Menu Using Image Sprites</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixxnRgOSeiYC_tP3DblGnfljTsSuM_a4GAEaCWX78uKkeuQNUriFa1UFEYO3Fe2JE-Z_3uVvShxat8O72LwIR-Q1rBV8kedDh1fv-BiVkLNY6leSbba1B7U9xZGUbVjAT7-S4J52UaCc3N/s1600/How+to+Create+a+CSS+Menu+Using+Image+Sprites.png"><img style="cursor: pointer; width: 400px; height: 68px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixxnRgOSeiYC_tP3DblGnfljTsSuM_a4GAEaCWX78uKkeuQNUriFa1UFEYO3Fe2JE-Z_3uVvShxat8O72LwIR-Q1rBV8kedDh1fv-BiVkLNY6leSbba1B7U9xZGUbVjAT7-S4J52UaCc3N/s400/How+to+Create+a+CSS+Menu+Using+Image+Sprites.png" alt="" id="BLOGGER_PHOTO_ID_5544436540788686546" border="0" /></a><br /><br />Demo : http://line25.com/wp-content/uploads/2009/css-menu/demo/demo.html<br />Article : http://line25.com/tutorials/how-to-create-a-css-menu-using-image-sprites<br />Download : http://line25.com/wp-content/uploads/2009/css-menu/demo/awesome-menu.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS Sprite Navigation Tutorial</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrHkuVAibA_Lx_3acxfvyaED8VpV2cZQ_jMKHqi_EzS8b6lk989YQkQSLpudDh4WLz5xEHpClG0gFlqsQUwoZZoNh8FLNYpjSqsNCMWrGj52f3UitCxqihCkMkC9BwAvr0gM9OyU9ckRAC/s1600/CSS+Sprite+Navigation+Tutorial.png"><img style="cursor: pointer; width: 400px; height: 46px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrHkuVAibA_Lx_3acxfvyaED8VpV2cZQ_jMKHqi_EzS8b6lk989YQkQSLpudDh4WLz5xEHpClG0gFlqsQUwoZZoNh8FLNYpjSqsNCMWrGj52f3UitCxqihCkMkC9BwAvr0gM9OyU9ckRAC/s400/CSS+Sprite+Navigation+Tutorial.png" alt="" id="BLOGGER_PHOTO_ID_5544436529353331618" border="0" /></a><br /><br />Demo : http://www.ehousestudio.com/assets/downloads/sprite/<br />Article : http://www.ehousestudio.com/blog/view/css_sprite_navigation_tutorial<br />Download : http://www.ehousestudio.com/assets/downloads/sprite.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS Overlapping Tabs Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinAuq_SvuFZmaW0u5MtRQmisGj7KXfp58lDSrGPPN4U-a55m1SUQG1eLA7ZjYcSLwbOvVYX9x0voGRFEQ5_JreXxuARlDNpfqvLj-AvO5HD0s4i_Bb5eaMUYbA2-AVkkfbBD1G5WyvEl3B/s1600/CSS+Overlapping+Tabs+Menu.png"><img style="cursor: pointer; width: 400px; height: 49px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinAuq_SvuFZmaW0u5MtRQmisGj7KXfp58lDSrGPPN4U-a55m1SUQG1eLA7ZjYcSLwbOvVYX9x0voGRFEQ5_JreXxuARlDNpfqvLj-AvO5HD0s4i_Bb5eaMUYbA2-AVkkfbBD1G5WyvEl3B/s400/CSS+Overlapping+Tabs+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544436523646373058" border="0" /></a><br /><br />Demo : http://www.tutorialsphere.com/homemade/uploads/2009/02/css-overlapping-tabs-menu.html<br />Article : http://www.tutorialsphere.com/homemade/2009/02/18/css-overlapping-tabs-menu<br />Download : http://www.tutorialsphere.com/homemade/uploads/2009/02/tabs.gif<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS Navigation Menus</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPFJ5uXmL-SOLVYmMMAUnr-NEuMyXEcin7ddw-T18oRYGl8g9W4u-XJ-dj87NVdV4L3ymdiGC975Pqdo1g5lvynSp6TX0vQOcgzOpz7iRgOejTMZJRHWQUaYPPdkxA35kDUSvEJnpoQVGv/s1600/CSS+Navigation+Menus.png"><img style="cursor: pointer; width: 400px; height: 44px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPFJ5uXmL-SOLVYmMMAUnr-NEuMyXEcin7ddw-T18oRYGl8g9W4u-XJ-dj87NVdV4L3ymdiGC975Pqdo1g5lvynSp6TX0vQOcgzOpz7iRgOejTMZJRHWQUaYPPdkxA35kDUSvEJnpoQVGv/s400/CSS+Navigation+Menus.png" alt="" id="BLOGGER_PHOTO_ID_5544435914097482930" border="0" /></a><br /><br />Demo : No<br />Article : http://www.jacorre.com/design/cssnavmenus.htm<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CSS3 Chunky Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XSStKksR0RRU2GxJD86i4m5kXisQ-U6C-t88Aj5NoX6vMHPVrxqfzW7vXtTyq3DBonY2cYoTn3wadpB3GnQ31UZGl6GEobrQdjgJGOcPKjHbc2JJqgXcSO-XQ4Ul7eE03TWTdEcHTaT5/s1600/CSS3+Chunky+Menu.png"><img style="cursor: pointer; width: 400px; height: 69px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XSStKksR0RRU2GxJD86i4m5kXisQ-U6C-t88Aj5NoX6vMHPVrxqfzW7vXtTyq3DBonY2cYoTn3wadpB3GnQ31UZGl6GEobrQdjgJGOcPKjHbc2JJqgXcSO-XQ4Ul7eE03TWTdEcHTaT5/s400/CSS3+Chunky+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5544435429616802466" border="0" /></a><br /><br />Demo : http://zubeta.com/demo-menu.html<br />Article : http://zubeta.com/css3-menu-demo.html<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Creating a glassy non div navigation bar</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizEiiU_htuu8_lKnIwf78pfx53TJ3SAk2Jxp7OfmHJFOovHmzXuxWeRmVxTWndbCc-x-h0ix1dnEJ3bcl6ICJfCFxXeQ4AHvwA0N7cHOEvkz7nfbeO2ISBlJ12d8v1eJc_3M6uhAJhNHn6/s1600/Creating+a+glassy+non+div+navigation+bar.png"><img style="cursor: pointer; width: 393px; height: 55px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizEiiU_htuu8_lKnIwf78pfx53TJ3SAk2Jxp7OfmHJFOovHmzXuxWeRmVxTWndbCc-x-h0ix1dnEJ3bcl6ICJfCFxXeQ4AHvwA0N7cHOEvkz7nfbeO2ISBlJ12d8v1eJc_3M6uhAJhNHn6/s400/Creating+a+glassy+non+div+navigation+bar.png" alt="" id="BLOGGER_PHOTO_ID_5544435427128684642" border="0" /></a><br /><br />Demo : http://www.james-blogs.com/wp-content/tutorials/glassy-nav-tabs/<br />Article : http://www.james-blogs.com/2009/01/07/creating-a-glassy-non-div-navigation-bar/<br />Download : http://www.james-blogs.com/wp-content/tutorials/glassy-nav-tabs/nav-tab-bg.png<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Centered Tabs with CSS</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNMaaS_aH6vlzcQETS15t3a3_dfkjq2exmWzpTVNbqo2FLbnsb8966BjTu0anz3gcDw6vWESbPYU9NJp_V_oMyKSDStvSgQEn5AJomdfJjRcrLBhwfuh1Ofpc_v9H40eEBeBA7Q5y14oEl/s1600/Centered+Tabs+with+CSS.png"><img style="cursor: pointer; width: 400px; height: 58px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNMaaS_aH6vlzcQETS15t3a3_dfkjq2exmWzpTVNbqo2FLbnsb8966BjTu0anz3gcDw6vWESbPYU9NJp_V_oMyKSDStvSgQEn5AJomdfJjRcrLBhwfuh1Ofpc_v9H40eEBeBA7Q5y14oEl/s400/Centered+Tabs+with+CSS.png" alt="" id="BLOGGER_PHOTO_ID_5544434825566064786" border="0" /></a><br /><br />Demo : http://24ways.org/examples/centered-tabs-with-css/final.html<br />Article : http://24ways.org/2005/centered-tabs-with-css<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Apple�s Navigation bar using only CSS</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM0eUoMFr1ZyQt1xIgJ67HYafgEGr2oyt_vzpYC9uUgR3Fgy1KTJKgEluyCGjZVuMgDrORq_6NZLen_Ek-j0Rk672Ip05HbOTPGQ1sjqGdn4mVy4vQIxDQMGzo-cn8vdDo4F6YQb9tn-RM/s1600/Apple%25E2%2580%2599s+Navigation+bar+using+only+CSS.png"><img style="cursor: pointer; width: 400px; height: 51px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM0eUoMFr1ZyQt1xIgJ67HYafgEGr2oyt_vzpYC9uUgR3Fgy1KTJKgEluyCGjZVuMgDrORq_6NZLen_Ek-j0Rk672Ip05HbOTPGQ1sjqGdn4mVy4vQIxDQMGzo-cn8vdDo4F6YQb9tn-RM/s400/Apple%25E2%2580%2599s+Navigation+bar+using+only+CSS.png" alt="" id="BLOGGER_PHOTO_ID_5544434820757297634" border="0" /></a><br /><br />Demo : http://westciv.com/style_master/blog/apples-navigation-bar-using-only-css<br />Article : http://westciv.com/style_master/blog/apples-navigation-bar-using-only-css<br />Download : No<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Animated horizontal tabs</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqPips6vG_S9LZMWyRoPa1YPqzQPZUl4kiQVauXuy7-UHHHCV4HatW1i-BKTAz4luwnqgX92nJRkfuPc5PfjKPQbghxXa5sHQRtvu6mlh-m3U1e0Qcq3qGEdNlludtYkaVLemBj-nZW5pu/s1600/Animated+horizontal+tabs.png"><img style="cursor: pointer; width: 400px; height: 53px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqPips6vG_S9LZMWyRoPa1YPqzQPZUl4kiQVauXuy7-UHHHCV4HatW1i-BKTAz4luwnqgX92nJRkfuPc5PfjKPQbghxXa5sHQRtvu6mlh-m3U1e0Qcq3qGEdNlludtYkaVLemBj-nZW5pu/s400/Animated+horizontal+tabs.png" alt="" id="BLOGGER_PHOTO_ID_5544434668168857762" border="0" /></a><br /><br />Demo : http://www.dynamicdrive.com/style/csslibrary/item/animated_horizontal_tabs/<br />Article : http://www.dynamicdrive.com/style/csslibrary/item/animated_horizontal_tabs/<br />Download : http://www.dynamicdrive.com/cssexamples/media/tab-blue-right.gif<br /> http://www.dynamicdrive.com/cssexamples/media/tab-blue-left.gif<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); padding: 3px 5px; color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >A Horizontal Button Menu - The Easy Way</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtc2pO5luJYwBslMcbNSXS5UBvSdy5WPEVkYhW-MyZu7AxZ69KNK7WsqcAwqpzTCSCD536gUZVV1690ukJvm3tcJbx9vtq0MtyCduqf9SOxDoy47HYqltpoCvZLyG3W0C4gnBCTn3N5jWu/s1600/A+HORIZONTAL+BUTTON+MENU+-+THE+EASY+WAY.png"><img style="cursor: pointer; width: 400px; height: 27px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtc2pO5luJYwBslMcbNSXS5UBvSdy5WPEVkYhW-MyZu7AxZ69KNK7WsqcAwqpzTCSCD536gUZVV1690ukJvm3tcJbx9vtq0MtyCduqf9SOxDoy47HYqltpoCvZLyG3W0C4gnBCTn3N5jWu/s400/A+HORIZONTAL+BUTTON+MENU+-+THE+EASY+WAY.png" alt="" id="BLOGGER_PHOTO_ID_5544434307029167586" border="0" /></a><br /><br />Demo : http://www.cssplay.co.uk/menus/listnine.html<br />Article : http://www.cssplay.co.uk/menus/tutorial.html<br />Download : Noadminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com1tag:blogger.com,1999:blog-910947589747451590.post-60704808476970081212010-11-01T19:26:00.000-07:002011-04-21T22:43:16.126-07:0016 Amazing jQuery Tooltips CollectionThis will be a most wanted list of jQuery tooltips collection for every web designer.When you surfing the web you can see different types of tooltips effect in web sites.Here I listed more popular jQuery tooltips collection in these days.I hope to update this article with new tooltips effects in future.So bookmark this article for your future preference if you like this post.Use the links given below for the tutorials,demos and downloads.<br /><br /><blockquote>The tooltip or infotip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear � a small "hover box" with information about the item being hovered over.</blockquote><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >jQuery (mb)Tooltip</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxos2w28yHU2Ko_1_WgsXDvxs7D_ORhgWw8-M2gevfCiiRn2_PYz03IB6VFmTVDMfFmu3bw-9yY-O64kfw7N_mR6ZTNDXu2GNBo0-YuXqQXk0_GoskoBmbMElHpAvpKke7nZMqx4FCkvg1/s1600/MB.png"><img style="cursor: pointer; width: 400px; height: 136px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxos2w28yHU2Ko_1_WgsXDvxs7D_ORhgWw8-M2gevfCiiRn2_PYz03IB6VFmTVDMfFmu3bw-9yY-O64kfw7N_mR6ZTNDXu2GNBo0-YuXqQXk0_GoskoBmbMElHpAvpKke7nZMqx4FCkvg1/s400/MB.png" alt="" id="BLOGGER_PHOTO_ID_5534773962908284834" border="0" /></a><br /><br />Article : http://pupunzi.open-lab.com/2009/02/07/mbtooltip/<br /><br />Demo : http://pupunzi.com/#mb.components/mb.tooltip/tooltip.html<br /><br />Download: http://cloud.github.com/downloads/pupunzi/jquery.mb.tooltip/jquery.mb.tooltip.1.6.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >qTip</span><br /><br />qTip is a tooltip plugin for the jQuery framework. It's cross-browser, customizable and packed full of features!<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArR3V2TmBwuaicF6f74NZabhLO4iOj4WZZnnwk9v-V87gtkMNvdUIzWSaucrW9OXAzJCQ5tsv-ENTJ9feLsbJhozOmTjFq4MLD1y-7VmUtp_1tjsTilQT9Yrqb5qXDR-Vvw54DQSsTBxF/s1600/qTip.png"><img style="cursor: pointer; width: 400px; height: 95px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArR3V2TmBwuaicF6f74NZabhLO4iOj4WZZnnwk9v-V87gtkMNvdUIzWSaucrW9OXAzJCQ5tsv-ENTJ9feLsbJhozOmTjFq4MLD1y-7VmUtp_1tjsTilQT9Yrqb5qXDR-Vvw54DQSsTBxF/s400/qTip.png" alt="" id="BLOGGER_PHOTO_ID_5534773967743341330" border="0" /></a><br /><br />Article : http://craigsworks.com/projects/qtip/<br /><br />Demo : http://craigsworks.com/projects/qtip/demos/<br /><br />Download: http://craigsworks.com/projects/qtip/download/<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >TipTip</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlcZCVbJ-5m3Cn7HsZ9jL1Hp_9eVOY_wAy-vWgaLsXzyXyd8wZmor_wXqwbroSx8msWiIvBKvcLQPUd80FWt2DKKv2XgCqbcZI5emzqE-VNRKY8psRjmd-MbDCiNODCbeMnEapRWmQsY-F/s1600/TipTip.png"><img style="cursor: pointer; width: 400px; height: 194px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlcZCVbJ-5m3Cn7HsZ9jL1Hp_9eVOY_wAy-vWgaLsXzyXyd8wZmor_wXqwbroSx8msWiIvBKvcLQPUd80FWt2DKKv2XgCqbcZI5emzqE-VNRKY8psRjmd-MbDCiNODCbeMnEapRWmQsY-F/s400/TipTip.png" alt="" id="BLOGGER_PHOTO_ID_5534773978140532226" border="0" /></a><br /><br />Article : http://code.drewwilson.com/entry/tiptip-jquery-plugin<br /><br />Demo : http://code.drewwilson.com/entry/tiptip-jquery-plugin<br /><br />Download: http://www.drewwilson.com/upload/data/4/tipTipv13.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >jQuery Tools</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSaQsiEYpTEcXsTGrB1FDjKYB-sQEh_t3lZ_z_i3D7o4zqRXtBbRToZJJhiYJ87mHdmH5BzBZlftSYX_wrt9mtWINo-HxnLuEchsOV5hOOMCkwGfyZFDoSwT1dVA92_uJ3XIa3mjjS3dE/s1600/jQuery+Tools.png"><img style="cursor: pointer; width: 400px; height: 152px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSaQsiEYpTEcXsTGrB1FDjKYB-sQEh_t3lZ_z_i3D7o4zqRXtBbRToZJJhiYJ87mHdmH5BzBZlftSYX_wrt9mtWINo-HxnLuEchsOV5hOOMCkwGfyZFDoSwT1dVA92_uJ3XIa3mjjS3dE/s400/jQuery+Tools.png" alt="" id="BLOGGER_PHOTO_ID_5534773979636737602" border="0" /></a><br /><br />Article : http://flowplayer.org/tools/tooltip/index.html<br /><br />Demo : http://flowplayer.org/tools/tooltip/index.html<br /><br />Download: http://flowplayer.org/tools/img/tooltip/tooltip.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >Simpletip</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhAijdineSqlSUHXQYLWS6MbcHoKgm7ZbWAHJCzs1YDCCngu0LBQQtsut6nK5duktrG0PkR0j13kVi2vARBunt-kRhV3-vbPUu9rFVkjCGxxhxhNIvN_NQEWrDU-TeNfs3yl4kju-q_noZ/s1600/Simpletip.png"><img style="cursor: pointer; width: 400px; height: 126px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhAijdineSqlSUHXQYLWS6MbcHoKgm7ZbWAHJCzs1YDCCngu0LBQQtsut6nK5duktrG0PkR0j13kVi2vARBunt-kRhV3-vbPUu9rFVkjCGxxhxhNIvN_NQEWrDU-TeNfs3yl4kju-q_noZ/s400/Simpletip.png" alt="" id="BLOGGER_PHOTO_ID_5534773985906289618" border="0" /></a><br /><br />Article : http://craigsworks.com/projects/simpletip/<br /><br />Demo : http://craigsworks.com/projects/simpletip/<br /><br />Download: http://craigsworks.com/projects/simpletip/<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >JavaScript Kit Tooltip</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzhcteu489h2z8BoLDK4xODC_OjZ0jKncltgS_pnDB1ZZAh24SRpJP6EZkhyphenhyphenZZFEeumgJLzzAY5CyMRZGjzRyQbGj74IKTa13F3WIy5NWgSnYiCzwB9ce2GLgb3Zb4zhYdRh8PTL_tcZhE/s1600/JavaScript+Kit+Tooltip.png"><img style="cursor: pointer; width: 389px; height: 161px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzhcteu489h2z8BoLDK4xODC_OjZ0jKncltgS_pnDB1ZZAh24SRpJP6EZkhyphenhyphenZZFEeumgJLzzAY5CyMRZGjzRyQbGj74IKTa13F3WIy5NWgSnYiCzwB9ce2GLgb3Zb4zhYdRh8PTL_tcZhE/s400/JavaScript+Kit+Tooltip.png" alt="" id="BLOGGER_PHOTO_ID_5534774509968506802" border="0" /></a><br /><br />Article : http://www.javascriptkit.com/script/script2/htmltooltip.shtml<br /><br />Demo : http://www.javascriptkit.com/script/script2/htmltooltip.shtml<br /><br />Download: http://www.javascriptkit.com/script/script2/htmltooltip.shtml<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >BeautyTips</span><br /><br />BeautyTips is a simple-to-use balloon-help style tootip plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWKV9dyRMy_LUhOhq5oltRkkab9BKRB-XiLPaiuzSgUs3qURishzC6C581LkyB-c59_nyKAYidHG4fs4FES0D8erH-mBnOCp_FdaBlxTOcYrWqmd5LZCDe_0mLLb2G_PuFtQpqDyUrH4u/s1600/BeautyTips.png"><img style="cursor: pointer; width: 332px; height: 203px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWKV9dyRMy_LUhOhq5oltRkkab9BKRB-XiLPaiuzSgUs3qURishzC6C581LkyB-c59_nyKAYidHG4fs4FES0D8erH-mBnOCp_FdaBlxTOcYrWqmd5LZCDe_0mLLb2G_PuFtQpqDyUrH4u/s400/BeautyTips.png" alt="" id="BLOGGER_PHOTO_ID_5534774821127556258" border="0" /></a><br /><br />Article : http://plugins.jquery.com/project/bt<br /><br />Demo : http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html<br /><br />Download: http://plugins.jquery.com/project/bt<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >clueTip</span><br /><br />The clueTip plugin allows you to easily show a fancy tooltip when the user's mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a title attribute, its text becomes the heading of the clueTip.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSse6OfurdDgUblAFqTSgajQc07b3-6yAnrgtVvB-8oDTaE_GDkmiwZp1iOmThV0fQhBL1RiXL4tAtX-dVpVyUNZRPC-OSogHGNdLOSYI01ri9al8cny0jYWGzGCd_NJM0zKhYCXXfJ3rv/s1600/clueTip.png"><img style="cursor: pointer; width: 400px; height: 157px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSse6OfurdDgUblAFqTSgajQc07b3-6yAnrgtVvB-8oDTaE_GDkmiwZp1iOmThV0fQhBL1RiXL4tAtX-dVpVyUNZRPC-OSogHGNdLOSYI01ri9al8cny0jYWGzGCd_NJM0zKhYCXXfJ3rv/s400/clueTip.png" alt="" id="BLOGGER_PHOTO_ID_5534774521714767442" border="0" /></a><br /><br />Article : http://plugins.learningjquery.com/cluetip/<br /><br />Demo : http://plugins.learningjquery.com/cluetip/demo/<br /><br />Download: http://plugins.learningjquery.com/cluetip/#download<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >EZPZ Tooltip</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAhQs7w7blGsUcv9ScbZ17itwOY1oDYBnp4-buamr3fR9pXb5zm7vQuDZh7pMhmcHwfzG94qu0MkviFcw4xXQTkz2a1n66GunCHMatLi5sF0zc-wLZkPgx4kL6BWh21LPk5PXnWOceOiMn/s1600/EZPZ+Tooltip.png"><img style="cursor: pointer; width: 400px; height: 329px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAhQs7w7blGsUcv9ScbZ17itwOY1oDYBnp4-buamr3fR9pXb5zm7vQuDZh7pMhmcHwfzG94qu0MkviFcw4xXQTkz2a1n66GunCHMatLi5sF0zc-wLZkPgx4kL6BWh21LPk5PXnWOceOiMn/s400/EZPZ+Tooltip.png" alt="" id="BLOGGER_PHOTO_ID_5534774524371994578" border="0" /></a><br /><br />Article : http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip<br /><br />Demo : http://theezpzway.com/demos/ezpz-tooltip<br /><br />Download: http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip#section-10<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >Hovertips</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxijUmd6rxQilF42Fmhdz6mKT2YcnKU1hdMKYbjd_P8v9kHGmLagCHUcvdlJrUqaDdFzLTznxSpdsvO_C_EkTb1b_z4JY7IiHUytKynY-6bKY6wvFF_03ho94CQCGO7zo5yZOMHvqbskJC/s1600/Hovertips.png"><img style="cursor: pointer; width: 400px; height: 182px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxijUmd6rxQilF42Fmhdz6mKT2YcnKU1hdMKYbjd_P8v9kHGmLagCHUcvdlJrUqaDdFzLTznxSpdsvO_C_EkTb1b_z4JY7IiHUytKynY-6bKY6wvFF_03ho94CQCGO7zo5yZOMHvqbskJC/s400/Hovertips.png" alt="" id="BLOGGER_PHOTO_ID_5534774513641153858" border="0" /></a><br /><br />Article : http://www.dave-cohen.com/node/1186<br /><br />Demo : http://www.dave-cohen.com/node/1186<br /><br />Download: http://www.dave-cohen.com/modules/hovertip/hovertip.js<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >jQuery Awesomeness</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8rC2yHlDUjArUBvKPabQ0pSLenEzyDpFjwv8J0rfnpQ2KHGukR78lxMk-MrdFksBnkukbodFNwPbUZ38jE2K68GctuO4-9MxTOdSal_riF9Bm8xv3ltTgLFRM1TNkZ1hyyPIkQjpNPSF1/s1600/jQuery+Awesomeness.png"><img style="cursor: pointer; width: 400px; height: 228px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8rC2yHlDUjArUBvKPabQ0pSLenEzyDpFjwv8J0rfnpQ2KHGukR78lxMk-MrdFksBnkukbodFNwPbUZ38jE2K68GctuO4-9MxTOdSal_riF9Bm8xv3ltTgLFRM1TNkZ1hyyPIkQjpNPSF1/s400/jQuery+Awesomeness.png" alt="" id="BLOGGER_PHOTO_ID_5534774515007103554" border="0" /></a><br /><br />Article : http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/<br /><br />Demo : http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo/index.html<br /><br />Download: http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >Tipsy Tooltip</span><br /><br />Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhnUvjn3GxsPHYYLbLwjBWwoPRJ0SdaKD1iCcQ1XwzJriJWml-HqO5DrtFfZEM_1NMQbTxzbH0YwJwUGTZZw2b0aiidBMfH4iUysuLUADIafnpfHmjC0Ml5MaYtUqLEALkIpESIr9c__W/s1600/Tipsy+Tooltip.png"><img style="cursor: pointer; width: 400px; height: 69px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhnUvjn3GxsPHYYLbLwjBWwoPRJ0SdaKD1iCcQ1XwzJriJWml-HqO5DrtFfZEM_1NMQbTxzbH0YwJwUGTZZw2b0aiidBMfH4iUysuLUADIafnpfHmjC0Ml5MaYtUqLEALkIpESIr9c__W/s400/Tipsy+Tooltip.png" alt="" id="BLOGGER_PHOTO_ID_5534775066828415906" border="0" /></a><br /><br />Article : http://onehackoranother.com/projects/jquery/tipsy/<br /><br />Demo : http://onehackoranother.com/projects/jquery/tipsy/#examples<br /><br />Download: http://onehackoranother.com/projects/jquery/tipsy/#download<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >Popup Bubble</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB5p9lVdImK-3REkOtjdL3eqSgVZN5u33N-MlhxUcAi9ZbRKE1XfVBKFthtZBZoMZF-Qlu9zE3tBLemTcBdWSzKJdWiIC0roOK8vmdfRJTzQFrXiGRcYtIfGl9cw_MPzZCfwnaeV_4PFiE/s1600/Popup+Bubble.png"><img style="cursor: pointer; width: 400px; height: 210px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB5p9lVdImK-3REkOtjdL3eqSgVZN5u33N-MlhxUcAi9ZbRKE1XfVBKFthtZBZoMZF-Qlu9zE3tBLemTcBdWSzKJdWiIC0roOK8vmdfRJTzQFrXiGRcYtIfGl9cw_MPzZCfwnaeV_4PFiE/s400/Popup+Bubble.png" alt="" id="BLOGGER_PHOTO_ID_5534774853635533426" border="0" /></a><br /><br />Article : http://www.dvq.co.nz/jquery/create-a-jquery-popup-bubble-effect/<br /><br />Demo : http://www.dvq.co.nz/wp-content/uploads/2008/07/jquery-popup-bubble/index.html<br /><br />Download: http://www.dvq.co.nz/jquery/create-a-jquery-popup-bubble-effect/<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >jQuery Horizontal Tooltips Menu</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe9B5qpKzwqM2cvW4Br8ZTMbw5hXuIbBcIspv6RzmnGEAkNaAEdbB4dnOcJF4DBT6Ay2EbyZbWnF3GJpGkyFv46oRplJHnxj_pIXM56GVbBRgkUV-OAQfQL2FFYMJ10Ti6IXErgYHlN2BS/s1600/jQuery+Horizontal+Tooltips+Menu.png"><img style="cursor: pointer; width: 366px; height: 119px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe9B5qpKzwqM2cvW4Br8ZTMbw5hXuIbBcIspv6RzmnGEAkNaAEdbB4dnOcJF4DBT6Ay2EbyZbWnF3GJpGkyFv46oRplJHnxj_pIXM56GVbBRgkUV-OAQfQL2FFYMJ10Ti6IXErgYHlN2BS/s400/jQuery+Horizontal+Tooltips+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5534774849536729666" border="0" /></a><br /><br />Article : http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials<br /><br />Demo : http://www.queness.com/resources/html/tooltipmenu/index.html<br /><br />Download: http://www.queness.com/resources/archives/jquery-tooltipmenu.zip<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >Coda Popup Bubbles</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNqOQJVBQwuKJgUwJuNClISe85x_CTlyiF42ZqWX8amK3fAMBKdd9IpXUc-nogu4hojYqzURdq4T8vqabLukSEYeI7v2RK6oLTODt0pDIdO1bsH6smtOZyTZ97-dvcMGgiRW_uyTJ5CTJv/s1600/Coda+Popup+Bubbles.png"><img style="cursor: pointer; width: 324px; height: 218px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNqOQJVBQwuKJgUwJuNClISe85x_CTlyiF42ZqWX8amK3fAMBKdd9IpXUc-nogu4hojYqzURdq4T8vqabLukSEYeI7v2RK6oLTODt0pDIdO1bsH6smtOZyTZ97-dvcMGgiRW_uyTJ5CTJv/s400/Coda+Popup+Bubbles.png" alt="" id="BLOGGER_PHOTO_ID_5534774847337335698" border="0" /></a><br /><br />Article : http://jqueryfordesigners.com/coda-popup-bubbles/<br /><br />Demo : http://jqueryfordesigners.com/demo/coda-bubble.html<br /><br />Download: http://jqueryfordesigners.com/coda-popup-bubbles/<br /><br /><br /><span style="font-weight: bold; background-color: rgb(255, 119, 0); color: rgb(255, 255, 255); padding: 3px 5px;font-family:arial;font-size:130%;" >BetterTip</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU-sU3_NPMstfbXjIQa34ZvpdWlUfKIkOowMB2cs_CJvx5mf3Sgm6-m72ygBpnQX8Xhdi5VOsnfP_6VsJd7yLmjbPLQadVNWj5ZxGxpAVXkBd8N3nlEMBd6uYJbuHNMRXZI_RzqMi3MZif/s1600/BetterTip.png"><img style="cursor: pointer; width: 400px; height: 155px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU-sU3_NPMstfbXjIQa34ZvpdWlUfKIkOowMB2cs_CJvx5mf3Sgm6-m72ygBpnQX8Xhdi5VOsnfP_6VsJd7yLmjbPLQadVNWj5ZxGxpAVXkBd8N3nlEMBd6uYJbuHNMRXZI_RzqMi3MZif/s400/BetterTip.png" alt="" id="BLOGGER_PHOTO_ID_5534774832545249074" border="0" /></a><br /><br />Article : http://edgarverle.com/BetterTip/default.cfm<br /><br />Demo : http://edgarverle.com/BetterTip/default.cfm<br /><br />Download: http://edgarverle.com/BetterTip/bettertip.zip<br /><br />If there is a jQuery tool tip effect you like,but you can not add it to your website or blog yourself,you can <a href="mailto:btipandtrick@gmail.com?subject=A%20JQuery%20Tooltip%20View%20Configuration&body=Enter%20your%20message%20here" rel="nofollow">contact me</a>,I can do it for you.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-23297503831830295672010-10-13T23:35:00.000-07:002011-04-21T22:43:16.126-07:00How to Fix "Google Friend Connect is not displayed" ProblemIf you use <span style="font-weight: bold;">MooTools</span>(http://mootools.net/) script inside your blogger template, mostly your Google Friend Connect widget will disappear from your blogger blog and only shows a white space.This is a serious problem to more bloggers.I also have faced to this problem and finally find the solution for this problem.I thinks this little trick will also helpful to others and decide to explain how to solve this problem.<br /><blockquote>MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.</blockquote>MooTools can be included in your template in 2 ways.<br /><br /><span style="font-weight: bold;">First way:</span><br /><pre style="height: 50px; width: 90%; overflow: auto; border: 1px solid black;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/<span style="font-weight: bold; color: rgb(204, 51, 204);">1.2.4</span>/mootools-yui-compressed.js"></script></pre><br /><span style="font-weight: bold;">Second way:</span><br /><pre style="height: 100px; width: 90%; overflow: auto; border: 1px solid black;"><script src="http://www.google.com/jsapi"></script><br /><script type="text/javascript"><br />google.load("mootools", "<span style="font-weight: bold; color: rgb(204, 51, 204);">1.2.4</span>");<br /></script></pre>You can do this with in few seconds.Now follow the steps given below.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.bloggertipandtrick.net/2010/10/fix-google-friend-connect-not-displayed.html"><img style="cursor: pointer; width: 290px; height: 185px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGW2eHlv5z5JSoHz1WuxOXuux67htT-j_qfLxvPp-AgO4IaWzp2rcHKaTNHksJq61pJXI4P2a-1m1wx7CtbSaTT9L0Iwfg0r1N8ZfeDiqK1SjbbBj-BiQpoSWLvit0gJENSrNllAIMosJy/+Friend+Connect.png" alt="Fix Google Friend Connect not displaying" id="BLOGGER_PHOTO_ID_5527799002945266450" border="0" /></a><br /><br />Login to your Blogger dashboard --> Design --> Edit HTML.<br /><br />You don't need to click on "Expand Widget Templates".<br /><br />Scroll down to where you see the <span style="color: rgb(255, 0, 0);font-size:100%;" ><span style="font-weight: bold;"></head></span></span> tag of your template.<br /><br />Now copy below code and paste it <span style="color: rgb(51, 51, 255);">just before</span> the <span style="color: rgb(255, 0, 0);"></head></span> tag.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 290px; width: 90%;"><script type='text/javascript'><br />//<![CDATA[<br /><br />JSON.extend({<br />parse: function(string) {<br />return JSON.decode(string);<br />},<br />stringify: function(obj) {<br />return JSON.encode(obj);<br />}<br />});<br /><br />//]]><br /></script></pre><br />Save your template and you are done.<br /><br />When your problem is fixed, please don't forget to leave a comment.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-46156505227996928142010-10-03T00:44:00.000-07:002011-04-21T22:43:16.126-07:00Attractive Subscribe Section + Search Box For BloggerIn this article,I am going to explain how to add more attractive Subscribe Section + Search Box to your blogger blog.This subscribe section is included Feedburner feed and Email subscriptions boxes,Twitter and Facebook boxes for your Twitter and Facebook profiles and Social networking buttons(Digg,Twitter,Facebook,Stumbleupon,Delicious) to share your articles among social networks.These social network buttons are powered by www.addthis.com.Above the subscribe section,Search box is included.You don't want to change anything in the search box code.To add this widget to your blogger sidebar without doing any modification,sidebar width must be at least 305 px. You can add this Subscribe Section + Search Box into your blog within few seconds and very easy to configure.If you like to add this widget to your blog or a website,then follow the steps given below.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFy_OXOLeJ-q71XtAE4m-YEMqdErw5XhG_rTq8Z91ZwHCCYEQ0ZLujBqrH-VmX-XzzM7RZ7L1_z2Z4Ya3pPj1GHh_H8I-qu7Ak3rC5Vb44AyzRn3VwH7139kP-EowQZtflLzBCyye8bSEG/s1600/Attractive+Subscription+Box+and+Search+Box1.png"><img style="cursor: pointer; width: 320px; height: 237px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFy_OXOLeJ-q71XtAE4m-YEMqdErw5XhG_rTq8Z91ZwHCCYEQ0ZLujBqrH-VmX-XzzM7RZ7L1_z2Z4Ya3pPj1GHh_H8I-qu7Ak3rC5Vb44AyzRn3VwH7139kP-EowQZtflLzBCyye8bSEG/+Subscription+Box+and+Search+Box1.png" alt="Attractive Subscribe Section + Search Box" id="BLOGGER_PHOTO_ID_5523742825377971346" border="0" /></a><br /><br />1.Login to your blogger dashboard --> Design --> Edit HTML<br /><br />2.Scroll down to where you see <span style="font-weight: bold; color: rgb(255, 0, 0);"></head></span> tag .<br /><br />3.Copy below code and paste it <span style="color: rgb(51, 51, 255);">just before</span> the <span style="color: rgb(255, 0, 0);"></head></span> tag .<br /><br /><pre style="height: 300px; width: 90%; overflow: auto; border: 1px solid black;"><style type="text/css"><br />.subbox{width:305px;border:0 solid #141414;overflow:hidden}<br />.addthis_toolbox{padding:15px 0 5px 0;text-align:center}<br />.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}<br />.addthis_toolbox .custom_images a:hover img{opacity:1}<br />.addthis_toolbox .custom_images a img{opacity:0.85}<br />.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}<br />.rssbox:hover{border:1px solid #92aed1}<br />.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}<br />.rssbox a:hover{color:#7c8a9b;text-decoration:underline}<br />.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}<br />.emailsbox:hover{border:1px solid #92aed1}<br />.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}<br />.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}<br />.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}<br />.twitterbox:hover{border:1px solid #92aed1}<br />.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}<br />.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}<br />.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}<br />.facebookbox:hover{border:1px solid #92aed1}<br />.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}<br />.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}<br />#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}<br />#search:hover{border:1px solid #92aed1}<br />#search form{margin:0;padding:0}<br />#search fieldset{margin:0;padding:0;border:none}<br />#search p{margin:0;font-size:85%}<br />#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}<br />input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}<br /></style></pre><br />Save your template.<br /><br />4.Now go to Design --> Page Elements and click on "Add a gadget".<br /><br />5.Select "html/java script" and add the code given below and click save.<br /><br /><pre style="height: 300px; width: 90%; overflow: auto; border: 1px solid black;"><div class="subbox"><br /><div id='search' style='display:inline;'><br /><form action='/search' id='searchform' method='get'><br /><input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." /><br /><input id="searchsubmit" type="submit" value="Search" /><br /></form><br /></div><br /><table><tr><br /><td><div class="rssbox"><br /><a href="http://feeds.feedburner.com/<span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >FEEDBURNER-ID</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmvabLcXZqBW8O-B2fEs9Tig-ZPG2CKLov061p_FKWSZ39-z_9MBGVY_UXXZHFYYleGW0MmAYIPpquX9QCWEsKbVmgD-uqUksN4QfxKl1zNW1I5YSBKQrXvMvNEIFjubHLcU6LBIY7IQ08/" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/<span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >FEEDBURNER-ID</span>" target="_blank" rel="nofollow">RSS Feed</a><br /></div></td><br /><td><div class="emailsbox"><br /><a href="http://feedburner.google.com/fb/a/mailverify?uri=<span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >FEEDBURNER-ID</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwasMxTl83FBR3ABqqv51HClMBnVtEjYQ6YbhNrh0KVYqk9RBHE9N7tS_YnzeQQAcVke8bmrIwmMF7H0bvN7sbW6fZC_7rdzhVB4AxB267QwN9tFCPFU8J2LELfMfaOW3ClBhlUP-9HgKa/" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=<span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >FEEDBURNER-ID</span>" target="_blank" rel="nofollow">EMail Feed</a><br /></div></td><br /></tr><tr><br /><td><div class="twitterbox"><br /><a href="http://twitter.com/<span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >TWITTER-USERNAME</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-HPZ0jc6soYbpCy0ydcXSfy1QjfgPcrpQ7oU1sxYYI5OF_qtTfiJHWK4zu6AmJVHUpbzNh__F4RaY5ku0o0EOHqQvWCdOwlOuG441C8eWGXhqQ3bVWWNBcXEJ4EZ0IoplhMIZdMg4f8YB/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a><br /></div></td><br /><td><div class="facebookbox"><br /><a href="http://www.facebook.com/<span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >FACEBOOK-USERNAME</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE2X4PZC40ODBL-BrHfhIDSrQvJPtzqdYj3MM40z_PV7D453mXfmOObCHoxw6xUqqX_dR19jH4QI7y26Buj5TCPXsDGahtZjtZAYePr48lbrcKFEEvQAXLkEqb3fFbUv1anR8guFabUA6j/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a><br /></div></td><br /></tr></table><br /><p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p><br /><div class='addthis_toolbox'><br /><div class='custom_images'><br /><a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXTkadw-1wMvBU9M6DdFCOL4vw10PYczniCuzkJgUzE0SNRufZYBGr09RG45yQt_hpTAkn37EoudIj2DHAbyPE3C1BUAs05Ui9w54kAOY7Ie8jypuNSrxlvprjwolNlP439TSbkOeLLdQ/' width='32'/></a><br /><a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAV3exFgUg2F4o77g7uAKzB3M28cMUscvT9KcU76C4zz9usbwUYrt49PlEyoBt_zAciLD7jmPaFb7mjKO_MOlfMs3B8Db74eMeGNX53AO201rauvEXR3u2HKFTgRS3kFE372ZxYayHSdM/' width='32'/></a><br /><a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbKju9fIykpMF-tQVGSGaDB1crt5bI-ld8WcE7ibRwj9hQdJT2XlLA4UR9VULTBkcyF9zFxR68jp9W0uTFpa9NlNYfzgDS1UvJqvCQSJhZ45pjKLiCvgF2gRHllCoczaldpVNIcVAh7HU/' width='32'/></a><br /><a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsYamSe-ldxH_aViGNkTy0oScKpRW9uEh94c415Co0YTd4MgBnDKNoXLqpRfITk2AKE3MNzMifsVgA6Zn4ToPIO757vIm6zJBf_sWWwYnSXGRN3BKCce07OtPdPp-ZeuQGeBphnLoBa64/' width='32'/></a><br /><a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAleO2WPoDHOS1HsWXTvTccRyVevHCBAVWOEK90naSDXNZqAEmbqOsi7GUyj-lB9hvi9uJlRsnVJjzJ1ZL_NKoT8sUiYjaox5z687ZIGlw92zbvlUdQU8ZtW0lTthhSibMHXxZ4hwAMKM/' width='32'/></a><br /><a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpBBJM9_XYdwYun0rboe6mfjEZc2Blf5JXoByQEFmumE7ysyWKFeO4toKtg1NQcBedfXQ5wBuyrYq7fmpLLyMbYbcfCz1mM10ZIpyWNjG2-5t7p_oToidhR7AYu35o2TycUCpTja224fg/' width='32'/></a><br /><a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTQYysZWjTDD4qd8bn7ZS29rPPQ_MFYBrv7p4Y6yag3SnN2FUYHaeY6yUjZGPZXuc5a-e2kLyYz33QcmxlNI5kvUmvauoX6230T7HSnXE1Y5EM3Iy6e__l5ZKdafPaCmFLpz18uZqSPw/' width='32'/></a><br /></div><br /><script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/><br /></div><br /></div></pre><br /><span style="font-weight: bold;">NOTE</span> : Remember to <span style="font-weight: bold; color: rgb(255, 0, 0);">Replace</span>,<br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);">FEEDBURNER-ID</span> with your real Feedburner ID.(4 times).<br /><span style="font-weight: bold; color: rgb(204, 51, 204);">TWITTER-USERNAME</span> with your real Twitter username.<br /><span style="font-weight: bold; color: rgb(0, 153, 0);">FACEBOOK-USERNAME</span> with your real Facebook username.<br /><br />You are done.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-40709976713564910362010-09-28T17:49:00.000-07:002011-04-21T22:55:51.785-07:00503 Service Unavailable in Blogger<div class="separator" style="clear: both; text-align: center;"><a href="http://www.bloggertricks.com/2010/09/503-service-unavailable-in-blogger.html"><img px="true" src="http://1.bp.blogspot.com/_D7K00DBiwDI/TKKObtN8UZI/AAAAAAAAApA/32rCzAwgKhM/s400/503-service-unavailable.jpg" border="0" height="60" width="400" /></a></div>Are you getting this error message on your blog dashboard, or while you are trying to access your blog?<br /><br />Read on to find out what this problem is all about and how to help blogger to solve it.<br /><a href="http://www.bloggertricks.com/2010/09/503-service-unavailable-in-blogger.html"><strong></strong></a><br /><span id='fullpost'><br /><br /><h2>What does 503 mean?</h2><br />503 �Service Unavailable� is a �response code� like 404 �Page not found�. The 503 response code is a bit more complicated as it is not a page that is missing it is a server problem. Usually this happens when a server cannot cope or deliver its hosted content to web users, in other words blogger servers have been overloaded.<br /><br /><h2>Background </h2><br />Back in March Google engineers introduced Auto Pagination which basically reduces and summarizes the amount of posts that a blog displays on the home page, this only affects blogs that show all or most of their full posts on the home page.<br />This approach to the problem by Blogger has proved ineffective, and Blogger are now having problems in the delivery of certain blogs worldwide.<br /><br /><h2>Who is affected by this 503 �Service Unavailable�</h2><br />This problem affects all blogs worldwide. One of the ways to find out if you have been affected is to login in Google analytics and check your traffic sources, select search engines and select the keyword that brings most of the traffic to your blog, compare the data with previous months. A notable change in your bounce rate or average time will be a good indicator that your blog had been affected by this 503 response code. The logic behind this is simple, a user trying to view your blog has opened the 503 page and assumed the site down and gone to another site. Due to this you will receive a 100% Bounce rate for that keyword as well as a low time average.<br /><br /><h2>Understanding the problem and its consequences</h2><br />The consequences of this problem are that you can start to lose traffic and your ranking in search engines. You need to understand that this is not a problem of resources, this cannot be fixed by getting a new server for blogger (if it was I would not be here talking about it).<br />This is a problem of how we blog and what we do with our blogs.<br /><br /><h2>How to solve the 503 �Server unavailable� on Blogger</h2><br />Here are a few steps you could take in order to help Blogger to solve the issue.<br /><br /><u>Basic level</u> (no skills required)<br />- Summarize your posts.<br />- Show only the most relevant post on your home page.<br /><br />If you show full posts on your home page you have a greater chance of encountering the �503� problem, as your blog is using more resources from Blogger to deliver or load your blog. Secondly an excessive number of posts on the home page (even summarized posts) may result in a 503 as there is a delay with Blogger loading your blog. You can opt to show your latest post or more relevant posts, and include a widget with some links to your previous posts. This is SEO friendly and will reduce the amount of problems you will have with your blog.<br /><br /><u>Medium Level</u> (some skills and knowledge are required)<br />- Use a light weight template and avoid using the �template designer� from Blogger<br />- Use Light images<br /><br />If you are using a template made from the �template designer� tab, there is a simple test that you can do to reveal how efficient your template is: Clean the cookies of your browser and open your blog (not blogger dashboard) by typing the url in the address bar of the browser. Take note of the time that it takes for your blog to load completely, now go to blogger and change your template for any free template and repeat the same steps, clean your cookies and open your blog again and compare the time. Some of the templates made with the �Template Designer� have a poorer performance, especially those that have some java scripts and/or have a background image.<br /><br />Images play an important part in saving some bites, you can use PNG format or GIF as these are lightweight formats, you can also use JPG but you must always compare them to find out which is the lightest one. PNG is not always the best. If you don�t know how to change the file formats of the images you can search on Google for GIPM; an open source software with features like Paint Shop Pro; easy to use especially to change image formats.<br /><br /><u>High level</u> (Skills and Knowledge are required)<br />- Speed test using Firebug for Firefox<br /><br />The best way to analyze and get a full report on the performance of your blog is by using �Firebug� for Firefox. Firebug will report a series of problems that your blog may have in order to reduce the loading time of your blog which is one of the determining factors of the 503 �Service Unavailable� error.<br />You will get specific reports on how your CSS is performing, where you can reduce the size of your CSS, where to put your Javascript files, and much more. Most importantly it will create a compressed version of your CSS (best performance) for you to use as well as a copy of all images in a different format, for instance if you have some JPG images, Firebug will compare the same image to other formats and will give to you the same image but under a different format saving you time in editing those images.<br /><br />Overall there are alot of things that you will find out about your blog after running a test on Firebug that you may not know how to solve, if that is the case you can jump into the forum and ask questions about it.<br /><br /><h2>Why should you bother with all of this?</h2><br />You may be thinking why do I need to bother with all of this, why not just wait for somebody from Blogger and Google to solve the problem?. Well the answer to that is easy: this is not just Blogger�s problem this is a blog problem, and in this case, blogs worldwide. This is not solved by buying an extra server or hiring somebody to solve the problem, this can in part be solved by us bloggers and the way we do things. Blogger is the only blog platform that offers you the best of both worlds: the benefits of a self hosted blog for free. You just have to ask yourself would I like if Blogger changed the rules and started to charge it�s users for their free service?<br /><br />This may or may not happen, but for now this is just an appeal to all bloggers to change the way they do things for the best, at the end of the day it will help your blog as well as the user experience that you offer to your blog users.<br /><br /><h2>Resources</h2><br /><br /><strong>Firefox</strong>: <a href="http://www.mozilla.com/en-US/?from=sfx&uid=299030&t=450" target="_blank" rel="nofollow">Download Firefox</a> Official Site<br /><strong>Firebug</strong>: <a href="http://getfirebug.com/" target="_blank" rel="nofollow">Download Firebug</a> Official Site<br /><strong>GIMP</strong> image editor: <a href="http://www.gimp.org/" target="_blank" rel="nofollow">Download GIMP</a> Official Site<br /><br />(These links open on a new window and will open the Official sites where you can find more info before downloading each software. All software is Open Source and free of charge)<br /><br /></span>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-85920556979028968832010-09-22T22:55:00.000-07:002011-04-21T22:43:16.126-07:0021 Amazing jQuery Tabs CollectionUsing jQuery,we can do many things very easily than normal JavaScript.So jQuery has became the most popular JavaScript library in use today.I wrote my <a href="http://www.bloggertipandtrick.net/2010/09/17-top-jquery-featured-content-sliders.html">previous article</a> about popular jQuery featured content sliders,that are used by web designers.In this article I am going to show you a better jQuery Tabs collection you can use for your websites or blogs.When we go to websites,we can see different types of jQuery Tabs.If you add a tab view to your website,it save a lot of space in your web pages.Also it gives a better appearance to your website or blog.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsK3Q048FiVF766BSW_3521pBZi4HnokSdOltjhqlZd6tyXvgfvYnEOH22FNerNokvr-iuSZ5u781cfFDeEMTuLaekkYEnHnhfGP2OZEQzQ27wnlHJ4xeQELbFVt-qNp_vXPzIpS1QdOR/s1600/jQuery+Tabs+Collection.png"><img style="margin: 0px 10px 10px 0px; cursor: pointer; width: 342px; height: 261px; float: left;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsK3Q048FiVF766BSW_3521pBZi4HnokSdOltjhqlZd6tyXvgfvYnEOH22FNerNokvr-iuSZ5u781cfFDeEMTuLaekkYEnHnhfGP2OZEQzQ27wnlHJ4xeQELbFVt-qNp_vXPzIpS1QdOR/+Tabs+Collection.png" alt="21 Amazing jQuery Tabs Collection" id="BLOGGER_PHOTO_ID_5520021547476885826" border="0" /></a>You can visit authors websites for configuration instructions/guides,can view live demos of these jQuery Tabs and also you can download files of these tabs using the URLs given below.I checked all of these links and they are working correctly.But in future if this links doesn't work, please leave a comment.I hope to add more jQuery tabs to this article in the future ,so bookmark this web page for future reference.If there is a jQuery tab you like,but you can not add it to your website or blog yourself,you can <a href="mailto:btipandtrick@gmail.com?subject=A%20JQuery%20Tab%20View%20Configuration&body=Enter%20your%20message%20here" rel="nofollow">contact me</a>,I can do it for you.<br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >1. Simple Tabs w/ CSS & jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO2WMlGWGxz3vu27UxT-4bKZmVtiX2dHpg-WyucsVJ_0rzImCtaLZL7KY_42zMHBxBrADRX2DYEt-7id-vUG7g3Wf9hqSyBYav6HsAjGgpckkpkn8xDMqCfbkmDxjrhzBr6nwKAY993C8p/s1600/Simple+Tabs+CSS+%26+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO2WMlGWGxz3vu27UxT-4bKZmVtiX2dHpg-WyucsVJ_0rzImCtaLZL7KY_42zMHBxBrADRX2DYEt-7id-vUG7g3Wf9hqSyBYav6HsAjGgpckkpkn8xDMqCfbkmDxjrhzBr6nwKAY993C8p/+Tabs+CSS+%26+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519985807387911298" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.sohtanaka.com/web-design/examples/tabs/<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >2. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9AySKXQLn_eUvH6tvK0-fr8FCIB7k0vlPRLLnOvfApzI8YnfktE8ojHXQXMoaCihaNd4cKDq5qT2578vVQN_0znkTSlcQ4n_Wogf-ApQqotvxdvBiLuLnHcR3dlk0d2a-VgKbwI8v-8DW/s1600/jQuery+Tabbed+Interface+-+Tabbed+Structure+Menu.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9AySKXQLn_eUvH6tvK0-fr8FCIB7k0vlPRLLnOvfApzI8YnfktE8ojHXQXMoaCihaNd4cKDq5qT2578vVQN_0znkTSlcQ4n_Wogf-ApQqotvxdvBiLuLnHcR3dlk0d2a-VgKbwI8v-8DW/+Tabbed+Interface+-+Tabbed+Structure+Menu.png" alt="" id="BLOGGER_PHOTO_ID_5519985458582587298" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html<br /><br /><span style="font-weight: bold;">Download :</span> http://www.queness.com/resources/archives/jquery-tab-menu.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >3. jQuery Sliding Tab Menu for Sidebar Tutorial</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS1XmOxOKrUd2C0IvgNCbPCxgHXHAUvPb-XBKMR68aAdA3neBRfMaE2WX4CuoRSrVLUQH0sQbB7Lu-vNoEVmlpdedQ-6X1Xzc8Oq3AZHQIpWPo-3yyWse6ULWQrQAywpcGTubn85ip4jxE/s1600/jQuery+Sliding+Tab+Menu+for+Sidebar+Tutorial.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS1XmOxOKrUd2C0IvgNCbPCxgHXHAUvPb-XBKMR68aAdA3neBRfMaE2WX4CuoRSrVLUQH0sQbB7Lu-vNoEVmlpdedQ-6X1Xzc8Oq3AZHQIpWPo-3yyWse6ULWQrQAywpcGTubn85ip4jxE/+Sliding+Tab+Menu+for+Sidebar+Tutorial.png" alt="" id="BLOGGER_PHOTO_ID_5519985447309548962" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.queness.com/resources/html/scrollto/index.html<br /><br /><span style="font-weight: bold;">Download :</span> http://www.queness.com/resources/archives/jquery-scrollto.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >4. Create a smooth tabbed menu in jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpEtk6Qm50kryf5eQ1XSdvH43PPPn507sIsjJ7-hwf2bSOj-rEC3jaRJb81TaORtLF46zBTdvtKor4yeB6TjJWbiJA7moGGWFFBIRCNZKgyzT5BftqhbWv9bTzCRVotNv5RW2A7agWP6zd/s1600/Create+a+smooth+tabbed+menu+in+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpEtk6Qm50kryf5eQ1XSdvH43PPPn507sIsjJ7-hwf2bSOj-rEC3jaRJb81TaORtLF46zBTdvtKor4yeB6TjJWbiJA7moGGWFFBIRCNZKgyzT5BftqhbWv9bTzCRVotNv5RW2A7agWP6zd/+a+smooth+tabbed+menu+in+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519984475196117714" border="0" /></a><br /><span style="font-weight: bold;">Article :</span> http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> http://yensdesign.com/tutorials/tabs/<br /><br /><span style="font-weight: bold;">Download :</span> http://www.yensdesign.com/tutorials/tabs/tabs.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >5. Updated JQuery Nested Tab Set with Demo</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_OJXH2UTfHN0SkVtXy7JT5ZSDP9XT3lSrk3kXneKfCkD-YFnaQuaQoycOcnjCic3onWXuag7PpsSjNzNugtR4Eohw2SrmLcCPth1GyrQ71UmMIJjrK-JfJNh8bvHcCdWcFmPip9CZIZYB/s1600/Updated+JQuery+Nested+Tab+Set+with+Demo.png"><img style="cursor: pointer; width: 465px; height: 234px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_OJXH2UTfHN0SkVtXy7JT5ZSDP9XT3lSrk3kXneKfCkD-YFnaQuaQoycOcnjCic3onWXuag7PpsSjNzNugtR4Eohw2SrmLcCPth1GyrQ71UmMIJjrK-JfJNh8bvHcCdWcFmPip9CZIZYB/+JQuery+Nested+Tab+Set+with+Demo.png" alt="" id="BLOGGER_PHOTO_ID_5519986012044846034" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo<br /><br /><span style="font-weight: bold;">Demo :</span> http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo<br /><br /><span style="font-weight: bold;">Download :</span> http://blog.cutterscrossing.com/enclosures/JQueryTabsDemo.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >6. Sweet AJAX Tabs With jQuery 1.4 & CSS3</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaUO9bTOyjF0u1IdxO_pcNb7lNNMUF6Q-2bNSpiD07Fy2PI3EpMl5GSGuhUgijXPMHGo6KdAoepijCW5h2jLx4WhhwTJIdKw9eyDjZjBWVNQunC6r2C09v9FwTQPS4gwE3m2qbMtmmtpn/s1600/Sweet+AJAX+Tabs+With+jQuery+1.png"><img style="cursor: pointer; width: 600px; height: 358px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaUO9bTOyjF0u1IdxO_pcNb7lNNMUF6Q-2bNSpiD07Fy2PI3EpMl5GSGuhUgijXPMHGo6KdAoepijCW5h2jLx4WhhwTJIdKw9eyDjZjBWVNQunC6r2C09v9FwTQPS4gwE3m2qbMtmmtpn/+AJAX+Tabs+With+jQuery+1.png" alt="" id="BLOGGER_PHOTO_ID_5519985813733269314" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/<br /><br /><span style="font-weight: bold;">Demo :</span> http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.html<br /><br /><span style="font-weight: bold;">Download :</span> http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >7. Animated tabbed content with jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0e4CLaAxHf2syVEwMjU9x9WL2ozuYo_S55GDgkLvfPJbyjVtakW_jD0D4OrgLWolnSfHjM31xOsAfzzmxE8242MS_RIUJfJDX1d620P5aIk8BtVqMdXcvkC0jFuC4crhThWNlUkerAZ5j/s1600/Animated+tabbed+content+with+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0e4CLaAxHf2syVEwMjU9x9WL2ozuYo_S55GDgkLvfPJbyjVtakW_jD0D4OrgLWolnSfHjM31xOsAfzzmxE8242MS_RIUJfJDX1d620P5aIk8BtVqMdXcvkC0jFuC4crhThWNlUkerAZ5j/+tabbed+content+with+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519984448171025682" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.gayadesign.com/scripts/tabbed/<br /><br /><span style="font-weight: bold;">Download :</span> http://www.gayadesign.com/scripts/tabbed/tabbedContent.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >8. Tab Navigation with Smooth Horizontal Sliding Using jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-kBoemA_FOrcJ-fe7FsroZZlYDSWxV8Ue-V9pgyGLUd0dcgQlvW__uEgexdebSR3ffLaLbqIIKjh_Gkd0HBh7n6SVjJImHogOq2AjhoPiCl2_P14cJsrGIRxHdqMGDJ32ryNNVEsogZHZ/s1600/Tab+Navigation+with+Smooth+Horizontal+Sliding+Using+jQuery.png"><img style="cursor: pointer; width: 576px; height: 113px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-kBoemA_FOrcJ-fe7FsroZZlYDSWxV8Ue-V9pgyGLUd0dcgQlvW__uEgexdebSR3ffLaLbqIIKjh_Gkd0HBh7n6SVjJImHogOq2AjhoPiCl2_P14cJsrGIRxHdqMGDJ32ryNNVEsogZHZ/+Navigation+with+Smooth+Horizontal+Sliding+Using+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519985820589939362" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery<br /><br /><span style="font-weight: bold;">Download :</span> http://assets.learningjquery.com/zips/tab-nav.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >9. jQuery idTabs</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWwnff2VyleNExSXNA1itAiN_Yrs_OguF-gRBCuvzsBjj_W98oZSe7juhsKt6uBlBP0JIedBHNwDw3Omv7Q4d8NvS315oXpP66W7j8-XKU6Y1OTBOiPSrg04rKnC_FPUC1u53MGeuR0NoH/s1600/jQuery+idTabs.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWwnff2VyleNExSXNA1itAiN_Yrs_OguF-gRBCuvzsBjj_W98oZSe7juhsKt6uBlBP0JIedBHNwDw3Omv7Q4d8NvS315oXpP66W7j8-XKU6Y1OTBOiPSrg04rKnC_FPUC1u53MGeuR0NoH/+idTabs.png" alt="" id="BLOGGER_PHOTO_ID_5519985443627308066" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.sunsean.com/idTabs/<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.sunsean.com/idTabs/<br /><br /><span style="font-weight: bold;">Download :</span> http://www.sunsean.com/idTabs/jquery.idTabs.min.js<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >10. Flowplayer Tabs</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqGlDMOefaTXi7rp0d6zaHXvP5VuTmkCLcAIeaBt61EyBukDAVZCatrqw_hDA5nBlfMMHE-OypIcZeYm2uiSYobB_8BwEjI6Sr-Kzr73dhB0O76yhrY6kpgtY5fL4uEKQX9hzAMnS86Swy/s1600/Flowplayer+Tabs.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqGlDMOefaTXi7rp0d6zaHXvP5VuTmkCLcAIeaBt61EyBukDAVZCatrqw_hDA5nBlfMMHE-OypIcZeYm2uiSYobB_8BwEjI6Sr-Kzr73dhB0O76yhrY6kpgtY5fL4uEKQX9hzAMnS86Swy/+Tabs.png" alt="" id="BLOGGER_PHOTO_ID_5519985436143941362" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://flowplayer.org/tools/tabs/index.html<br /><br /><span style="font-weight: bold;">Demo :</span> http://flowplayer.org/tools/demos/tabs/index.html<br /><br /><span style="font-weight: bold;">Download :</span> http://flowplayer.org/tools/img/tabs/tabs.zip<br /> http://flowplayer.org/tools/download/index.html<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >11. Create a Slide Tabbed Box using jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIkBAxZwC2fA_g8_bPXPlVlw5fCboB-PExiYYIIqqyHNfDfUlqUK3OtzwK5XyITBOWEqQXreKBLOugdVDlUyY5iIiuxH0araH2Sl79TSuMyv27wXQ0B0IQSlE4LelKACikBlGf0EaRS-1G/s1600/Create+a+Slide+Tabbed+Box+using+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIkBAxZwC2fA_g8_bPXPlVlw5fCboB-PExiYYIIqqyHNfDfUlqUK3OtzwK5XyITBOWEqQXreKBLOugdVDlUyY5iIiuxH0araH2Sl79TSuMyv27wXQ0B0IQSlE4LelKACikBlGf0EaRS-1G/+a+Slide+Tabbed+Box+using+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519984471938299842" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.hieu.co.uk/blog/index.php/2009/01/28/how-easy-to-create-a-slide-tabbed-box-using-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.hieu.co.uk/Examples/SlideTabs/index.html<br /><br /><span style="font-weight: bold;">Download :</span> http://www.hieu.co.uk/Examples/SlideTabs.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >12. Flipping Content Tabs Using jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkf3KmCAaJ3BhkhLonxHab1Yuk03SqVFjp989UoPw_4OdujrvOGSPJeACfK9BSkjqPlRgoLnKozobeg90Sn8hufIL7zQs_18wuwHGIorKYtfSjDunI75BFcQ0aproL071nwlX7Mhp9ahr9/s1600/Flipping+Content+Tabs+Using+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkf3KmCAaJ3BhkhLonxHab1Yuk03SqVFjp989UoPw_4OdujrvOGSPJeACfK9BSkjqPlRgoLnKozobeg90Sn8hufIL7zQs_18wuwHGIorKYtfSjDunI75BFcQ0aproL071nwlX7Mhp9ahr9/+Content+Tabs+Using+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519984665284186690" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://webdeveloperplus.com/jquery/create-flipping-content-tabs-using-jquery/<br /><br /><span style="font-weight: bold;">Demo : </span>http://demo.webdeveloperplus.com/flipping-tabs/<br /><br /><span style="font-weight: bold;">Download :</span> http://demo.webdeveloperplus.com/source-code/flipping-tabs.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >13. Create A Tabbed Interface Using jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwGY5skuozHCgNNlkdXwBx6TifvDbNJLe0HG5at5kKDtOqRZh_2nvBeHB3crbDSlPsFdT4iYl3UnyLYLfyErgVXUUt4H5RYUAyfGFMv_TDpk-mCGqgEwLv9B5Q1OBtkf5qrOxnmsdQ0pz6/s1600/Create+A+Tabbed+Interface+Using+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwGY5skuozHCgNNlkdXwBx6TifvDbNJLe0HG5at5kKDtOqRZh_2nvBeHB3crbDSlPsFdT4iYl3UnyLYLfyErgVXUUt4H5RYUAyfGFMv_TDpk-mCGqgEwLv9B5Q1OBtkf5qrOxnmsdQ0pz6/+A+Tabbed+Interface+Using+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519984648071540578" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://net.tutsplus.com/javascript-ajax/create-a-tabbed-interface-using-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> http://nettuts.s3.amazonaws.com/042_jQueryUITabs/demo/index.html<br /><br /><span style="font-weight: bold;">Download :</span> http://nettuts.s3.amazonaws.com/042_jQueryUITabs/source.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >14. Create a Slick Tabbed Content Area using CSS & jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXAJZJcrieWI_38bSWsPcsM-iGwCO-QSB4ew90mS0h2x_ruQwXLgtloIuTG0lhyJ4eFZg4iUGGm4bQQ75oYOVpQTBivPy_jL_zoSeO0XPWnp_RhwIdbt4dwo2jcE05ZY-VNcAT2af6AJTP/s1600/Create+a+Slick+Tabbed+Content+Area+using+CSS+%26+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXAJZJcrieWI_38bSWsPcsM-iGwCO-QSB4ew90mS0h2x_ruQwXLgtloIuTG0lhyJ4eFZg4iUGGm4bQQ75oYOVpQTBivPy_jL_zoSeO0XPWnp_RhwIdbt4dwo2jcE05ZY-VNcAT2af6AJTP/+a+Slick+Tabbed+Content+Area+using+CSS+%26+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519984463881259314" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://net.tutsplus.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/<br /><br /><span style="font-weight: bold;">Demo :</span> http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html<br /><br /><span style="font-weight: bold;">Download :</span> http://nettuts.s3.amazonaws.com/001_Tabbed/TabsPSD.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >15. Dynamic Fun with SimplePie and jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKwJ7yCmANlHJBPOcMNDa6JZWg-1aWMHkURW1AIyj9ZsWrYbaMwXj5nJQhO8jpnSpplaw-iSSSIb8UsHxckMgjb12j7dVKnoz8HfnGUOqUFaqPqLeX474YTwXM7zY25cEa-nFzenOHnv8/s1600/Building+a+Better+Blogroll+-+Dynamic+Fun+with+SimplePie+and+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKwJ7yCmANlHJBPOcMNDa6JZWg-1aWMHkURW1AIyj9ZsWrYbaMwXj5nJQhO8jpnSpplaw-iSSSIb8UsHxckMgjb12j7dVKnoz8HfnGUOqUFaqPqLeX474YTwXM7zY25cEa-nFzenOHnv8/+a+Better+Blogroll+-+Dynamic+Fun+with+SimplePie+and+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519984455716430498" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://net.tutsplus.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles/index.html<br /><br /><span style="font-weight: bold;">Download :</span> http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >16. Creating Rotating Tabs using jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_BsPx1EJXeodTTjQtkjCUoC4KvnwAW20nGF2Mip5_u77nFYOW9xAeWE-eiGKohgOhadYq9R2iTrm5SEXnYZjMztZWCzS60SreIac2UZ3DycGt5PnCJM9IfSgrvgNi0i7k5SbHNKyDovL0/s1600/Creating+Rotating+Tabs+using+jQuery.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_BsPx1EJXeodTTjQtkjCUoC4KvnwAW20nGF2Mip5_u77nFYOW9xAeWE-eiGKohgOhadYq9R2iTrm5SEXnYZjMztZWCzS60SreIac2UZ3DycGt5PnCJM9IfSgrvgNi0i7k5SbHNKyDovL0/+Rotating+Tabs+using+jQuery.png" alt="" id="BLOGGER_PHOTO_ID_5519984651831878514" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.ilovecolors.com.ar/rotating-jquery-tabs/<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.ilovecolors.com.ar/wp-content/uploads/rotating-jquery-tabs/<br /><br /><span style="font-weight: bold;">Download :</span> http://www.ilovecolors.com.ar/wp-content/uploads/2009/12/rotating-jquery-tabs1.zip<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >17. Ultra simple jQuery tabs</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxCT1E084ZDzvgxRRuHCIGgY7Y3jEa7IgfucvcwwaOCWGGC5_L1h6i6IjTNsoloKLg3CBSpIPk1z8YBeUl_gZprr6htRoH1c0C3dDslCZiaOdy82vIUzhtM3ADV6rST3Nno_dPH59Hu9xN/s1600/Ultra+simple+jQuery+tabs.png"><img style="cursor: pointer; width: 267px; height: 324px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxCT1E084ZDzvgxRRuHCIGgY7Y3jEa7IgfucvcwwaOCWGGC5_L1h6i6IjTNsoloKLg3CBSpIPk1z8YBeUl_gZprr6htRoH1c0C3dDslCZiaOdy82vIUzhtM3ADV6rST3Nno_dPH59Hu9xN/+simple+jQuery+tabs.png" alt="" id="BLOGGER_PHOTO_ID_5519986003532691058" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://justfreetemplates.com/blog/2009/08/31/ultra-simple-jquery-tabs.html<br /><br /><span style="font-weight: bold;">Demo :</span> http://justfreetemplates.com/blog/wp-content/uploads/2009/08/simple-jquery-tabs.html<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >18. jQuery To Fade Effects tabs</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinnoPDdC6HJ0UtTdrQJPunuMB1Os4JwZ4_xaCK6BmjKjygOxlACE1XS9sV90mwFOB_pSjSS82BD9sEAKfQOm-4j5beZcrgre2Q1xOxA6P24_9Ac_wU1mzFaUo5WZG2VkJesA23Qp7Zu5Pd/s1600/jQuery+To+Fade+Effects+tabs.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinnoPDdC6HJ0UtTdrQJPunuMB1Os4JwZ4_xaCK6BmjKjygOxlACE1XS9sV90mwFOB_pSjSS82BD9sEAKfQOm-4j5beZcrgre2Q1xOxA6P24_9Ac_wU1mzFaUo5WZG2VkJesA23Qp7Zu5Pd/+To+Fade+Effects+tabs.png" alt="" id="BLOGGER_PHOTO_ID_5519985465186446658" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.roseindia.net/ajax/jquery/fadeEffectTabs.shtml<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.roseindia.net/ajax/jquery/fadeEffectTab.html<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >19. Playing with jQuery Tabs</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy4nECaDpS-A_RXj-P0SAFd1_8mGROObg52VUj0abh5C7c-nH8UU7lBnJ8Aqsbsk0RoEdDLGDtWvDq3vgf_XPNm9Xo7_FaS64hnNl5z7q1F4qM-CxrLWQ1lSlwQ10YP4KPW-ppBZrkIzsi/s1600/Playing+with+jQuery+Tabs.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy4nECaDpS-A_RXj-P0SAFd1_8mGROObg52VUj0abh5C7c-nH8UU7lBnJ8Aqsbsk0RoEdDLGDtWvDq3vgf_XPNm9Xo7_FaS64hnNl5z7q1F4qM-CxrLWQ1lSlwQ10YP4KPW-ppBZrkIzsi/+with+jQuery+Tabs.png" alt="" id="BLOGGER_PHOTO_ID_5519985800454144210" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://insideria.com/2009/03/playing-with-jquery-tabs.html<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.coldfusionjedi.com/demos/jquerytabs/test.cfm<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >20. Degradable Tabs With jQuery UI</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjnDifZoVkUgzREeQNdHK13HMHqdXiaw4Wg7vueYXb9Ghjvq-osw6dWd6zQVHx18N8wCAErBI_JVzYmYqN3fbHvvSGAXeCei6rNRI9LfH_4PZ7IJNjEGLFT-lMTJNYMy7_vBpjCuy-P6Ea/s1600/Degradable+Tabs+With+jQuery+UI.png"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjnDifZoVkUgzREeQNdHK13HMHqdXiaw4Wg7vueYXb9Ghjvq-osw6dWd6zQVHx18N8wCAErBI_JVzYmYqN3fbHvvSGAXeCei6rNRI9LfH_4PZ7IJNjEGLFT-lMTJNYMy7_vBpjCuy-P6Ea/+Tabs+With+jQuery+UI.png" alt="" id="BLOGGER_PHOTO_ID_5519984660262943794" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.ultramegatech.com/blog/2009/09/degradable-tabs-with-jquery-ui/<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.ultramegatech.com/blog/examples/tabs.htm<br /><br /><br /><span style="padding: 5px; font-weight: bold; background-color: rgb(88, 167, 232); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >21. jQuery UI Tabs with Next/Previous</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVPoHjaUjZUwvt0BrcrZ9rau_sOr_hsZseZ9SkRGLQedJ31JACc1LKBrKmb9Z0BG02ZPBAlzvb_wMCxtxQa4vmV3dwJZTzSW2ISTTBCK5Ke6VcHiOQ06XDaR2Lb0AgcMjDZAhl2BjJbVbl/s1600/jQuery+UI+Tabs+with+Next-Previous.png"><img style="cursor: pointer; width: 600px; height: 198px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVPoHjaUjZUwvt0BrcrZ9rau_sOr_hsZseZ9SkRGLQedJ31JACc1LKBrKmb9Z0BG02ZPBAlzvb_wMCxtxQa4vmV3dwJZTzSW2ISTTBCK5Ke6VcHiOQ06XDaR2Lb0AgcMjDZAhl2BjJbVbl/+UI+Tabs+with+Next-Previous.png" alt="" id="BLOGGER_PHOTO_ID_5519985798572828050" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://css-tricks.com/jquery-ui-tabs-with-nextprevious/<br /><br /><span style="font-weight: bold;">Demo :</span> http://css-tricks.com/examples/TabsNextPrev/<br /><br /><span style="font-weight: bold;">Download :</span> http://css-tricks.com/examples/TabsNextPrev.zipadminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-81381056951217979822010-09-09T18:48:00.000-07:002011-04-21T22:43:16.127-07:0017 Top jQuery Featured Content Sliders CollectionjQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML.Also jQuery is the most popular JavaScript library in use today.In this article,I have listed most popular 17 jQuery featured content slideshows/sliders for your blog or website.You can visit authors websites for configuration instructions and can view live demos of these sliders using the URLs given below.But if you can not add these sliders to your website or blog yourself,you can <a href= "mailto:btipandtrick@gmail.com?subject=JQuery Slider Configuration&body=Enter your message here" rel="nofollow">contact me</a>,I can do it for you.<br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Using the Wonderful jFlow Plugin</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmC1qthEUrkU2WPtvtAZ8kW12BlSuU-fonOl5ndL6JPALdrofSvAc3dO0jGoTb7H8aM6lxNdTdCayGTfzvYZfJF_S2krD84QzL2_u9vWo03gitWCyxqCvOO54K1qSL9_4DCShDHTG35Yxm/s1600/Using+the+Wonderful+jFlow+Plugin.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmC1qthEUrkU2WPtvtAZ8kW12BlSuU-fonOl5ndL6JPALdrofSvAc3dO0jGoTb7H8aM6lxNdTdCayGTfzvYZfJF_S2krD84QzL2_u9vWo03gitWCyxqCvOO54K1qSL9_4DCShDHTG35Yxm/+the+Wonderful+jFlow+Plugin.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097950636966450" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://net.tutsplus.com/articles/news/using-the-wonderful-jflow-plugin-screencast/<br /><br /><span style="font-weight: bold;">Demo :</span> http://nettuts.s3.amazonaws.com/078_screencast2/jFlowTutorial/index.htm<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Automatic Image Slider w/ CSS & jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRHgfQlkcaAMiNL7oIMt_KHcO7aiu0ktedM5LGDB-9FnpUNfJ9W00hM2G4uHP4LqsoQzgAHJs-eKjpsqIaKOH7zbufMMK5o208KxJ7Cp4YyxXF0eY1kxazn9HtyBoWrsWjl0l6I7ocaLVL/s1600/Automatic+Image+Slider+w+CSS+%26+jQuery.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRHgfQlkcaAMiNL7oIMt_KHcO7aiu0ktedM5LGDB-9FnpUNfJ9W00hM2G4uHP4LqsoQzgAHJs-eKjpsqIaKOH7zbufMMK5o208KxJ7Cp4YyxXF0eY1kxazn9HtyBoWrsWjl0l6I7ocaLVL/+Image+Slider+w+CSS+%26+jQuery.jpg" alt="" id="BLOGGER_PHOTO_ID_5515096948163494450" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.sohtanaka.com/web-design/examples/image-slider/<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Easy Slider 1.7 - Numeric Navigation jQuery Slider</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVt_Y2wXLy497ZhQ_HYQVvBfolZT7A0IdIgkDQ5AqDOQL0dWf4Sm-CP1COkUnIAmOu2Ux5nePeEBpWUONMghn-i3vMdmfx7QiMsM6fO1AFiB3kT45o3BMLISbxngPQ1HxEEsrt1l9B0626/s1600/Easy+Slider+1.7+-+Numeric+Navigation+jQuery+Slider.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVt_Y2wXLy497ZhQ_HYQVvBfolZT7A0IdIgkDQ5AqDOQL0dWf4Sm-CP1COkUnIAmOu2Ux5nePeEBpWUONMghn-i3vMdmfx7QiMsM6fO1AFiB3kT45o3BMLISbxngPQ1HxEEsrt1l9B0626/+Slider+1.7+-+Numeric+Navigation+jQuery+Slider.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097246162411874" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider<br /><br /><span style="font-weight: bold;">Demo :</span> http://cssglobe.com/lab/easyslider1.7/02.html<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Beautiful jQuery slider tutorial</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicptyP8X_ahl7iSoaqH6ZnzUr8mFf3YV6ZnzcACP6DjOqVJYASn0YtHDSyWas9wM-RkFwHMhjQQjRdRDtZoHZZUW7468s638BUeING4ezqW6m0dHkerboWzbwcuz11nlGMzJ00_e2zAhj3/s1600/Beautiful+jQuery+slider+tutorial.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicptyP8X_ahl7iSoaqH6ZnzUr8mFf3YV6ZnzcACP6DjOqVJYASn0YtHDSyWas9wM-RkFwHMhjQQjRdRDtZoHZZUW7468s638BUeING4ezqW6m0dHkerboWzbwcuz11nlGMzJ00_e2zAhj3/+jQuery+slider+tutorial.jpg" alt="" id="BLOGGER_PHOTO_ID_5515096954078821058" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html<br /><br /><span style="font-weight: bold;">Demo :</span> http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/index.html<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >jCarousel Lite</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYeahAc43U5AeunbR34uzV8EhzFM_qhBcJpRhUX3gbK2srccc3MYU6eESZOFJdevGm7MkPzL71Hs5Z4JEdqhVj5Xsh4P5vMSyjZI8CjM3n6WRq9BmfifLT4aGbZ_Kk5KOoEpsl4N0xBD0M/s1600/jCarousel+Lite.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYeahAc43U5AeunbR34uzV8EhzFM_qhBcJpRhUX3gbK2srccc3MYU6eESZOFJdevGm7MkPzL71Hs5Z4JEdqhVj5Xsh4P5vMSyjZI8CjM3n6WRq9BmfifLT4aGbZ_Kk5KOoEpsl4N0xBD0M/+Lite.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097257950370114" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.gmarwaha.com/jquery/jcarousellite/<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.gmarwaha.com/jquery/jcarousellite/<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Featured Content Slider Using jQuery UI</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7XD-hYHslbx9op5PTxsCjqftVQLEGsauQ6HzidR24za8nEUF10dgG8L4HE4ellaE28SlCMmJmDzJ_KUltfbjlnI7O-y8EPi1Mq8M1_8I0BJ6VBQp-HcsNDUhZ9F5NTMNUubEAN-yyJU2j/s1600/Featured+Content+Slider+Using+jQuery+UI.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7XD-hYHslbx9op5PTxsCjqftVQLEGsauQ6HzidR24za8nEUF10dgG8L4HE4ellaE28SlCMmJmDzJ_KUltfbjlnI7O-y8EPi1Mq8M1_8I0BJ6VBQp-HcsNDUhZ9F5NTMNUubEAN-yyJU2j/+Content+Slider+Using+jQuery+UI.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097251781419154" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/<br /><br /><span style="font-weight: bold;">Demo :</span> http://demo.webdeveloperplus.com/featured-content-slider/<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >jQuery Tools Scrollable</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6PiAAibELc-RwEo_Za1HFDhXSO7EkSq3xy1g6LwkWbWpg0Gsd52OYVZ9jay3x4oudwqBE2w6fzFAscZ0fJt9H9_gn3y5psLWl-wRVO9NRZQfCn1Cqt5AGz1PlyZ7_gi5Dd0s3-dMTlqeK/s1600/jQuery+Tools+Scrollable.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6PiAAibELc-RwEo_Za1HFDhXSO7EkSq3xy1g6LwkWbWpg0Gsd52OYVZ9jay3x4oudwqBE2w6fzFAscZ0fJt9H9_gn3y5psLWl-wRVO9NRZQfCn1Cqt5AGz1PlyZ7_gi5Dd0s3-dMTlqeK/+Tools+Scrollable.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097281221721122" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://flowplayer.org/tools/demos/scrollable/index.html<br /><br /><span style="font-weight: bold;">Demo :</span> http://flowplayer.org/tools/demos/scrollable/index.htm<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >AnythingSlider jQuery Plugin</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQDKFRX6dPsERJQ4xgpdLhEmAH4eq2vFCAR4JT-kMk4QT187JOSexsmWhIBE54fbB_Vh42O7vutQ82WOjMUniBvAnHOfOjHsreAVPhgvpv1P0k1qKoDNT7W3-xSjOW2Ejoi2LoBH4o5M9/s1600/AnythingSlider+jQuery+Plugin.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQDKFRX6dPsERJQ4xgpdLhEmAH4eq2vFCAR4JT-kMk4QT187JOSexsmWhIBE54fbB_Vh42O7vutQ82WOjMUniBvAnHOfOjHsreAVPhgvpv1P0k1qKoDNT7W3-xSjOW2Ejoi2LoBH4o5M9/+jQuery+Plugin.jpg" alt="" id="BLOGGER_PHOTO_ID_5515096939859261890" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://css-tricks.com/anythingslider-jquery-plugin/<br /><br /><span style="font-weight: bold;">Demo :</span> http://css-tricks.com/examples/AnythingSlider/<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Animate Panning Slideshow with jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHoLgK6qAwlJtldpURgwme_zxUIDPr1EpVlCNUckPZpVXPHJi9JwxjnqZiDema4O38VKwYaE7Ziirh7m8VSag0UDfwO9gfguPEYNyff2qWNW_ioxTu76CdkeJ3eAjKZIvkL5Kc_6zbxzA0/s1600/Animate+Panning+Slideshow+with+jQuery.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHoLgK6qAwlJtldpURgwme_zxUIDPr1EpVlCNUckPZpVXPHJi9JwxjnqZiDema4O38VKwYaE7Ziirh7m8VSag0UDfwO9gfguPEYNyff2qWNW_ioxTu76CdkeJ3eAjKZIvkL5Kc_6zbxzA0/+Panning+Slideshow+with+jQuery.jpg" alt="" id="BLOGGER_PHOTO_ID_5515096931584837042" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Moving Boxes</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5qR2y8-s4PfWNofF1NOc08y5QEcwbMYWsNkryjz_RuOllX6Vo0J-E8vJWBjaDyV5G_m0-0xJcYzF6VCp17XtEL7U-SPvr0HPPQNLp-ycmdFBwzR7pwqOseqnJzN9vLnn7ReZ-CpWdn1fU/s1600/Moving+Boxes.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5qR2y8-s4PfWNofF1NOc08y5QEcwbMYWsNkryjz_RuOllX6Vo0J-E8vJWBjaDyV5G_m0-0xJcYzF6VCp17XtEL7U-SPvr0HPPQNLp-ycmdFBwzR7pwqOseqnJzN9vLnn7ReZ-CpWdn1fU/+Boxes.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097791468476594" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://css-tricks.com/moving-boxes/<br /><br /><span style="font-weight: bold;">Demo :</span> http://css-tricks.com/examples/MovingBoxes/<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Making a Content Slider with jQuery UI</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9SM3lbURr1LLHr_eH6DOxMSFQVTUUv3h9vr9br_fW12EoPG-B-g5qB2GNjDI6icdMMWafYP_ohnqwMKmyovVtXIcSOnFlgO2XRgNFH2IPOU6cxTPPJZBHDREJl6GwvLKYbnu4WD8kO6Yb/s1600/Making+a+Content+Slider+with+jQuery+UI.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9SM3lbURr1LLHr_eH6DOxMSFQVTUUv3h9vr9br_fW12EoPG-B-g5qB2GNjDI6icdMMWafYP_ohnqwMKmyovVtXIcSOnFlgO2XRgNFH2IPOU6cxTPPJZBHDREJl6GwvLKYbnu4WD8kO6Yb/+a+Content+Slider+with+jQuery+UI.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097781249673954" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/<br /><br /><span style="font-weight: bold;">Demo :</span> http://nettuts.s3.amazonaws.com/377_slider/slider_sourcefiles/slider.html<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Supersized � Full Screen Slideshow jQuery Plugin</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdFNmBoEVKrj5bEW5lg6db9mGd3P_6yAkUZ6NpIiVbmntaM8w-XRa_VgeuAZ_-49TEH_FT6RPllcMGIiVxmewiLoojHuCOgZ2VEyYhHU_wRudy68c8uwIkaZYIEgrGj-8vXVJHeqmsI-Jv/s1600/supersized.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdFNmBoEVKrj5bEW5lg6db9mGd3P_6yAkUZ6NpIiVbmntaM8w-XRa_VgeuAZ_-49TEH_FT6RPllcMGIiVxmewiLoojHuCOgZ2VEyYhHU_wRudy68c8uwIkaZYIEgrGj-8vXVJHeqmsI-Jv/" alt="" id="BLOGGER_PHOTO_ID_5515097936789905746" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/<br /><br /><span style="font-weight: bold;">Demo :</span> http://buildinternet.com/live/supersized/<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Sliding Boxes and Captions with jQuery</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-2NhhgEw7G3VuAiza5grDH3y6LeOtSKjeX4dND8zZOR9fjVwYnJk6bixflqLe3dEBElFd3DLEsVOEbNgfPJoKOnjItnutw1EKtprlyyaeoQrcs9UUECC6ANlPsz3yLaw8DfgQzNvRFDkB/s1600/Sliding+Boxes+and+Captions+with+jQuery.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-2NhhgEw7G3VuAiza5grDH3y6LeOtSKjeX4dND8zZOR9fjVwYnJk6bixflqLe3dEBElFd3DLEsVOEbNgfPJoKOnjItnutw1EKtprlyyaeoQrcs9UUECC6ANlPsz3yLaw8DfgQzNvRFDkB/+Boxes+and+Captions+with+jQuery.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097804775740770" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/<br /><br /><span style="font-weight: bold;">Demo :</span> https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Creating a Slick Auto-Playing Featured Content Slider</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWaP2UtKW7ebGSANp9WW-hONXBudyTtePKubFz_3Fzzqs4ET5prWxZQHydMRA_TezATLxOXDdypBypiTlUZhJ2kpNfl1vDmpAKUW3d2NYkrzwpVwpePWkiANZC9nSAi6OZS7EUdS_Asf2/s1600/A+Slick+Auto-Playing+Featured+Content+Slider.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWaP2UtKW7ebGSANp9WW-hONXBudyTtePKubFz_3Fzzqs4ET5prWxZQHydMRA_TezATLxOXDdypBypiTlUZhJ2kpNfl1vDmpAKUW3d2NYkrzwpVwpePWkiANZC9nSAi6OZS7EUdS_Asf2/+Slick+Auto-Playing+Featured+Content+Slider.jpg" alt="" id="BLOGGER_PHOTO_ID_5515096917559670338" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/<br /><br /><span style="font-weight: bold;">Demo :</span> http://css-tricks.com/examples/FeaturedContentSlider/<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >Simple Controls Gallery v1.3</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr2MNvt7c5RibHW6tGX2HNFmXCHf_5mJDLssZkFBYmIBuNZ3nmpdpeKsX4HqsuaNrsD-JNIz3EB-Mag9GjoOFPQwqpT7ep2yHCNIDRt62aYOnRErgoUn3wooG9bFvfpWTs_clOctCpRsAC/s1600/Simple+Controls+Gallery+v1.3.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr2MNvt7c5RibHW6tGX2HNFmXCHf_5mJDLssZkFBYmIBuNZ3nmpdpeKsX4HqsuaNrsD-JNIz3EB-Mag9GjoOFPQwqpT7ep2yHCNIDRt62aYOnRErgoUn3wooG9bFvfpWTs_clOctCpRsAC/+Controls+Gallery+v1.3.jpg" alt="" id="BLOGGER_PHOTO_ID_5515097796074514914" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm<br /><br /><span style="font-weight: bold;">Demo :</span> http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >loopedSlider</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZn20SXvMCt-5GFXcybu_rPVhAn6PAkzl46tXf9mXzxphHV1cfJIa-nZvXn9t-Ool13dvDYUx90VMTngfQ630Mc3DvLq6b8BkIg79HNhj5UWlnINBM6K2-1uMxu3jrdGDTvoJxreS0bS8/s1600/loopedSlider.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZn20SXvMCt-5GFXcybu_rPVhAn6PAkzl46tXf9mXzxphHV1cfJIa-nZvXn9t-Ool13dvDYUx90VMTngfQ630Mc3DvLq6b8BkIg79HNhj5UWlnINBM6K2-1uMxu3jrdGDTvoJxreS0bS8/" alt="" id="BLOGGER_PHOTO_ID_5515097776008076322" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://github.com/nathansearles/loopedSlider<br /><br /><span style="font-weight: bold;">Demo :</span> http://nathansearles.com/loopedslider/example-1.html<br /><br /><br /><span style="font-weight: bold; padding: 5px; background-color: rgb(254, 102, 2); color: rgb(255, 255, 255);font-family:arial;font-size:130%;" >CrossSlide</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0FSjjXiuIiFZ826ocaZMvvVuzvWQiUABLcKRhzFT60MotmpN4efSMSirBNmrNV0sTdah99nG42P5gru4uHiDd131DHb90OqFd1z8cfPVQulO8-bdf-F2BLBKUMsaOrOWetFrkpVD8O7wH/s1600/CrossSlide.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0FSjjXiuIiFZ826ocaZMvvVuzvWQiUABLcKRhzFT60MotmpN4efSMSirBNmrNV0sTdah99nG42P5gru4uHiDd131DHb90OqFd1z8cfPVQulO8-bdf-F2BLBKUMsaOrOWetFrkpVD8O7wH/" alt="" id="BLOGGER_PHOTO_ID_5515097239534639762" border="0" /></a><br /><br /><span style="font-weight: bold;">Article :</span> http://tobia.github.com/CrossSlide/<br /><br /><span style="font-weight: bold;">Demo :</span> http://tobia.github.com/CrossSlide/adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-32730335685778638832010-08-30T20:17:00.000-07:002011-04-21T22:43:16.127-07:00How To Compatible Blogger Blog With Mobile PhonesIf you are using a Blogger Layout Template,this tutorial will helpful for you.But if your template is a blogger template,created by using Blogger Template Designer, usually this feature has already added to your template.This will really helpful to increase the number of mobile visitors of your blog.<br /><br />Now follow the simple steps given below to ready your blogger blog for mobile phones.<br /><br />1.Login to your blogger Dashboard--> Design- -> Edit HTML<br /><br />2.Scroll down to where you see below code:<br /><br /><pre style="height: 50px; width: 90%; overflow: auto; border: 1px solid black; font-weight: bold; color: rgb(0, 153, 0);"><span style="font-size:130%;"><b:include data='blog' name='all-head-content'/></span></pre><br />3.Now copy below code and paste it <span style="color: rgb(51, 51, 255);">just before</span> the above line.<br /><br /><pre style="height: 150px; width: 90%; overflow: auto; border: 1px solid black;"><meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/><br /><b:if cond='data:blog.isMobile'><br /><meta content='width=device-width,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/><br /><b:else/><br /><meta content='width=1100' name='viewport'/><br /></b:if></pre><br /><br />4.Now save your template and you are done.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-45415189324494838352010-08-29T01:14:00.000-07:002011-04-21T22:43:16.127-07:00LK Magazine v3 Premium Blogger TemplateThis is the <span style="font-weight: bold;">Third version</span> of LK Magazine Blogger Template Series.I corrected many weaknesses of LK magazine v2 blogger template and add some features from <a href="http://www.bloggertipandtrick.net/2010/08/prozine-v1-premium-blogger-template.html">Prozine</a> Blogger Template to this template.To configure this template correctly, read the instruction given below.Like LK Magazine v2 blogger template,I think you will like this blogger template very much.The features of this template as given below.<br /><br /><span style="color: rgb(51, 51, 255); font-weight: bold;font-size:130%;" >Template Features</span><br /><ul><li>Column: 4 Columns/3 Sidebars/Right Sidebars/Left Sidebar</li><li>Fixed Width Template (1000px width)</li><li>2 Horizontal Navigation Menus</li><li>Auto Read More Feature with Thumbnails.</li><li>468*60 Header Ads banner</li><li>125*125 Sidebar Banners</li><li>468*60 Header Logo with the PSD file and Fonts.</li><li>1 CSS Search Box</li><li>1 Multi Tab View Widget installed.</li><li>1 Featured Auto content slider installed.</li><li>3 Column Footer section</li><li>Facebook Like Button installed.</li><li>SEO friendly blogger title hack installed to help you rank higher in Google</li><li>Blogger Default Heading Tag has Changed for better SEO</li><li>Meta tags installed</li><li>Top Bar with Feed buttons and Display Day,Month,Year</li><li>Hosted images on blogger. Free use forever!</li><li>Favicon support so you can add your own url icon</li><li>Compressed CSS to speed up your page load times</li><li>Embedded JavaScript date code showing current day</li><li>Built-in Related Posts Widget to show Related posts</li><li>Numbered Page Navigation Hack Installed</li><li>Replace "Older Posts","Home","Newer Posts" Text Navigation with Images</li><li>Automatically highlight author comments</li><li>Modified Comments Section to Enable Avatars in Blogger Comments</li><li>More ...</li></ul><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwC947VUs-tTc4BvDVumhUsR2PO3TXtFI-SEuAUPKaiDCMkXef9zgJcYTVKHAEhN8GNqkPDFyliAlBDMSNa38mo4OdQHIMn3xKRLezkFrYalGJ7NW0PGBttYXVCgsRmR6hBWFyOR_IYeSn/s1600/LK+Magazine+v3+Screenshot11.jpg"><img style="cursor: pointer; width: 95%; height: 290px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwC947VUs-tTc4BvDVumhUsR2PO3TXtFI-SEuAUPKaiDCMkXef9zgJcYTVKHAEhN8GNqkPDFyliAlBDMSNa38mo4OdQHIMn3xKRLezkFrYalGJ7NW0PGBttYXVCgsRmR6hBWFyOR_IYeSn/+Magazine+v3+Screenshot11.jpg" alt="" id="BLOGGER_PHOTO_ID_5510705780343615186" border="0" /></a><br /><table width="98%"><tbody><tr><td><br /><table><tbody><tr><td><div class="tdemo"><a href="http://www.demo.premiumbloggertemplates.com/2010/08/lk-magazine-v3-blogger-demo.html" class="tdemo" target="_blank" rel="nofollow">Demo</a></div></td><td><div class="tdownload"><a href="http://www.download.premiumbloggertemplates.com/2010/08/lk-magazine-v3-blogger-template.html" class="tdownload" target="_blank" rel="nofollow">Download</a></div></td></tr></tbody></table><br /><div class="rcorner"><br />Template name : LK Magazine version 3<br /><br />Template type : 3 Sidebar, 4 Column, 3 Column footer, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, White<br /><br />Release date : 08-29-2010<br /><br />Coder/Designer Name(s) : Lasantha Bandara<br /><br />Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/<br /> http://www.bloggertipandtrick.net/<br /><br />Advanced Details : http://www.premiumbloggertemplates.com/2010/08/lk-magazine-v3-premium-blogger-template.html<br /></div></td></tr></tbody></table><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >Template Layout Structure</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffBbwgHh2JM-4jyMNnEaUt1ToS0On0GthGScLfT9OODxS7_SubDMNzrrJJNZ9nYlabAs1W86sWD0zRajTmPnCuWHWjmjWHQBAcRQ8upxvTtjzRB1umkTo_UphaE9n_kROsJvomJ2x5-eb/s1600/LK+Magazine+v3+Layout+Structure1.png"><img style="cursor: pointer; width: 600px; height: 679px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffBbwgHh2JM-4jyMNnEaUt1ToS0On0GthGScLfT9OODxS7_SubDMNzrrJJNZ9nYlabAs1W86sWD0zRajTmPnCuWHWjmjWHQBAcRQ8upxvTtjzRB1umkTo_UphaE9n_kROsJvomJ2x5-eb/+Magazine+v3+Layout+Structure1.png" alt="" id="BLOGGER_PHOTO_ID_5510706830805716018" border="0" /></a><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >3 Column Footer Section</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8MUDXDCD85IsACndUfCaqUMdx8YRx0YDTQ0HJp3D1rQVV0G-5kvDAgdEi2ehFPXwKzSGi16_pQu-6eyIjQVi2M42tO9MlcubNpzABQj5JEyi2dWJmChC2agvlHYBNpAs30ggaeqz0v9Fb/s1600/LK+Magazine+v3+Footer.png"><img style="cursor: pointer; width: 600px; height: 185px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8MUDXDCD85IsACndUfCaqUMdx8YRx0YDTQ0HJp3D1rQVV0G-5kvDAgdEi2ehFPXwKzSGi16_pQu-6eyIjQVi2M42tO9MlcubNpzABQj5JEyi2dWJmChC2agvlHYBNpAs30ggaeqz0v9Fb/+Magazine+v3+Footer.png" alt="" id="BLOGGER_PHOTO_ID_5510707599588112306" border="0" /></a><br /><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-size:180%;" >Template Customization</span><br /><br /><br /><span style="font-weight: bold;font-size:130%;" >Basic Template Installation:</span><br /><br />1.First download the template and unzip the file.<br /><br />2.Now, sign in to Blogger dashboard and click on the layout.<br /><br />3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost.<br />So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.<br /><br />4.Now click on the 'Edit html' tab<br /><br />5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.<br /><br />6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.<br /><br />7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).<br /><br />8.Now click on "confirm and save".Now you successfully installed the template.<br /><br />8.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.<br /><br /><br /><span style="color: rgb(51, 51, 255); font-weight: bold;font-size:130%;" >Configure Meta tags</span><br /><br />Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 60px; width: 90%;"><meta content='<span style="font-weight: bold; color: rgb(0, 153, 0);">DESCRIPTION HERE</span>' name='description'/><br /><meta content='<span style="font-weight: bold; color: rgb(0, 153, 0);">KEYWORDS HERE</span>' name='keywords'/><br /></pre><br />Replace <span style="font-weight: bold;">DESCRIPTION HERE</span>,<span style="font-weight: bold;">KEYWORDS HERE</span> as below.<br /><br />DESCRIPTION HERE:Write your blog description<br />KEYWORDS HERE:Write the keywords of your blog separated by comma.<br /><br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);">Configure First and Second Navigation Bar</span><br /><br />Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 50px; width: 90%;"><span style="font-size:130%;"><li><a href='<span style="font-weight: bold; color: rgb(255, 102, 0);">Your-Link-Here</span>' title='<span style="font-weight: bold; color: rgb(255, 102, 0);">Link-Title</span>'><span style="font-weight: bold; color: rgb(255, 102, 0);">Link-Name-X</span></a></span></pre><br />Now Replace Your-Link-Here,Link-Title,Link-Name-X with your details.<br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-size:100%;" ><br />Configure Header logo</span><br /><br />Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below line :<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 50px; width: 90%; color: rgb(204, 51, 204);"><span style="font-size:130%;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM2ALz-AKktzOORizeKey9Qd_R2g0_R9VOtDsvfrw4mgmxm6vWxAsXX9BSsmU-VEjtBb9Dm7ffwtizejtMXh21FW1L89ygo4JKIQRaVyY2KftPu-DfcMGpdpQ4ZIy_nhA03F_XOcJT_ps/+Magazine+v3+logo.png</span></pre><br />Now replace it with your logo address/url.<br /><br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >Configure Subscription Box:</span><br /><br />Add this code into the HTML/JavaScript box.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 350px; width: 90%;"><div class='subsboxfull'><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-twitter-url</span>' rel='nofollow' target='_blank' title='twitter'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqV5hjpxqPk_uD781_xQNZthxFQZcvY81dXBu4NlePxbED0lUHft5D9ZLhMsokcMLP9sALkqw-x84WCCqNozhWELcG0DmeVgYZUXUonsA1H2eSOjl2p11KkrBGT-ov_CTRCA456PPW7E/" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-facebook-url</span>' rel='nofollow' target='_blank' title='facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8svYtf4qSdASyKXxNUuvVglWQBCKKY1bXOD70yoIJtdaxIctpxq-DRmTU2XzkCTopTzJ0RmssG1IUf9sRrduUCPDmDqb4FguECJW0ZU1gHd_6KMPDEQku8MRtNt3eBqCn7OGtZRh7lwI/s1600/facebook--box.png" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-delicious-url</span>' rel='nofollow' target='_blank' title='delicious'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM1v2X8GnYfHaNqgn7UKdFYqRkcCdFyDTZ5-Au9fY8ZTVrWov7-ewbTe_l3SHWMgG8gxNgJ6fC6xoS9KPWd_u51z960PIZt8O3WM2XzrSgN6YBtzMIRDjj4HQ1QLPgfXEwUDYttk9BxKc/s1600/delicious-box.png" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-stumbleupon-url</span>' rel='nofollow' target='_blank' title='stumbleupon'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh55s_HZeMJKt-kI2RvF30HUFO3G-PKsAgidRQrFqguAGeP4oxqIYY8Vtp8lnCrw-KPcfwii5Zi9o1Tow1LQ-R8SCq-5t2SK6aZLkxdz96VXai2rNSbkuEO7NtaQ7Y4wUWF-YB2vJSPJvY/" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-linkedin-url</span>' title='linkedin'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QxnIhQhETk7-IGmvaihhDt2dnzp7GDkCI1rRJU506rUDxnSaiPihhiZGZGZLWNu0UdOc2WMDy48e4pcpBTfUcHG5Di5Yo4OJ6BbW4hmdSAEP08jgFhgzMTQDG0DI5zCdHEtjd7xmBxs/" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-contact-url</span>' title='contact'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv1H5aiCv6mTR_ZocQ4koEt87JKyVMEbauDDhkNI_tPRqX3MUkFAXwMy4XSNPdddVTruVHshztFQUyaHyjpSGk7XcT9OuiJKbfyxWbNuauuIOj0gApw1vT-iSd_f4Mc3kuaEAm8U9VHrw/" /></a><br /><br /><br /><form action='http://feedburner.google.com/fb/a/mailverify?uri=<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>&loc=en_u' method='post' onsubmit='window.open(\'http://feedburner.google.com/fb/a/mailverify?uri=<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name="email" style="width:230px; border: 1px solid #ccc; padding: 5px;" type="text" value="Enter your email address" /></p><input name="uri" type="hidden" /><input name="loc" type="hidden" value="en_US" /></form><br /><br /><p><span><a class='rss-boxicon' href='http://feeds2.feedburner.com/<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>' rel='nofollow' target='_blank'>RSS</a></span><br /><span><a class='email-boxicon' href='http://feedburner.google.com/fb/a/mailverify?uri=<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>&loc=en_u' rel='nofollow' target='_blank'>Email</a><span><span style="float:right;"><a href='http://feeds.feedburner.com/<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>' rel='nofollow'><img alt="" height="26" src="http://feeds.feedburner.com/~fc/<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>?bg=ff9900&amp;fg=000033&amp;anim=0" style="border:0;float:right;margin-top:0px;" width="88" /></a></span></span></span></p><br /><br /></div></pre><br /><br />Now Replace,<br /><span style="font-weight: bold;">your-twitter-url</span>, <span style="font-weight: bold;">your-facebook-url</span>, <span style="font-weight: bold;">your-delicious-url</span>, <span style="font-weight: bold;">your-stumbleupon-url</span>, <span style="font-weight: bold;">your-linkedin-url</span>, <span style="font-weight: bold;">your-contact-url</span>, <span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span> with your details.<br /><br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >Configure Multi Tab view widget:</span><br /><br />Add this code into the HTML/JavaScript box.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 250px; width: 90%;"><div id='tabzine'><br /><ul class='tabnav'><br /><li class='pop'><a href='#tab11'><span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Video</span></a></li><br /><li class='fea'><a href='#tab22'><span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Recent</span></a></li><br /><li class='rec'><a href='#tab33'><span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Popular</span></a></li><br /></ul><br /><br /><br /><!-- tab1 --><br /><div class='tabdiv' id='tab11'><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">ENTER-TAB-1-CONTENT-HERE</span><br /><br /></div><br /><!--/tab1--><br /><br /><br /><!-- tab2 --><br /><div class='tabdiv' id='tab22'><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">ENTER-TAB-2-CONTENT-HERE</span><br /><br /></div><br /><!-- tab2 --><br /><br /><br /><!-- tab3 --><br /><div class='tabdiv' id='tab33'><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">ENTER-TAB-3-CONTENT-HERE</span><br /><br /></div><br /><!-- /tab3 --><br /><br /><br /></div></pre><br />Now Replace,<br /><span style="font-weight: bold;">ENTER-TAB-1-CONTENT-HERE</span>, <span style="font-weight: bold;">ENTER-TAB-2-CONTENT-HERE</span>, <span style="font-weight: bold;">ENTER-TAB-3-CONTENT-HERE</span> with your contents.<br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >How To Add Search Box</span><br /><br />Add this code into the HTML/JavaScript box.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 140px; width: 90%;"><div id='search' style='display:inline;'><br /><form action='/search' id='searchform' method='get'><br /><input id="s" name="q" type="text" value="" /><br /><input id="searchsubmit" type="submit" value="Search" /><br /></form><br /></div></pre><br /><span style="font-weight: bold; color: rgb(51, 51, 255);">How To Configure Favicon:</span><br /><br />Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 50px; width: 90%;"><link href='<span style="font-weight: bold; color: rgb(204, 51, 204);">YOUR-FAVICON-URL</span>' rel='shortcut icon' type='image/vnd.microsoft.icon'/></pre><br />Now replace "<span style="font-weight: bold;">YOUR-FAVICON-URL</span>" with your Favicon address/url.<br /><br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >Configure Featured Content Slider:</span><br /><br />Add this code into the HTML/JavaScript box.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 350px; width: 90%;"><script type="text/javascript"><br />stepcarousel.setup({<br />galleryid: 'mygallery', //id of carousel DIV<br />beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs<br />panelclass: 'panel', //class of panel DIVs each holding content<br />autostep: {enable:true, moveby:1, pause:3000},<br />panelbehavior: {speed:500, wraparound:true, persist:true},<br />defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzteAm7BzSJrzjwtOWSKXVUrkehBs43OiU7i-d5QW_HnXOE9mfEjKptuVVmlZtQceCCs5cTPBC0gy640oHT86OECiarCs9dOFseI4GeBwmR9NDuVu37vaYSUYFH_p-7dFU4H8Ljq8IvE/', -29, 90], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89Msm-9UzB2OtP0uBZJ0eGNk7TbszpNlx-Dk1XOOY6qUF0_rXCGxEeIzC-aPlvXtjDtkZAe5xpr1kpPUlXkMXRaskdYsFn1BYIvzGY5SP_bAH7SIgpf9SwEutg6J4MP487SQDFPCMTII/s1600/fleche2.png', -18, 90]},<br />statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels<br />contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']<br />})<br /><br /><br /></script><br /><br /><br /><div id="slider"><br /><div id="mygallery" class="stepcarousel"><br /><div class="belt"><br /><br /><div class="panel"><br /><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);font-size:130%;" >Slider-1-Image-Address-Here</span>" alt="" /><br /><h2><a href="<span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >Slider-1-Link-Here</span>"><span style="font-weight: bold; color: rgb(102, 51, 255);font-size:130%;" >Slider-1-Title-Here</span></a></h2><br /><p><span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Enter-Slider-1-Description-Here</span></p><br /></div><br /><br /><br /><div class="panel"><br /><img src="<span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-2-Image-Address-Here</span></span>" alt="" /><br /><h2><a href="<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-2-Link-Here</span></span>"><span style="color: rgb(102, 51, 255);font-size:130%;" ><span style="font-weight: bold;">Slider-2-Title-Here</span></span></a></h2><br /><p><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Enter-Slider-2-Description-Here</span></span></p><br /></div><br /><br /><br /><div class="panel"><br /><img src="<span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-3-Image-Address-Here</span></span>" alt="" /><br /><h2><a href="<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-3-Link-Here</span></span>"><span style="color: rgb(102, 51, 255);font-size:130%;" ><span style="font-weight: bold;">Slider-3-Title-Here</span></span></a></h2><br /><p><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Enter-Slider-3-Description-Here</span></span></p><br /></div><br /><br /><div class="panel"><br /><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);font-size:130%;" >Slider-4-Image-Address-Here</span>" alt="" /><br /><h2><a href="<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-4-Link-Here</span></span>"><span style="color: rgb(102, 51, 255);font-size:130%;" ><span style="font-weight: bold;">Slider-4-Title-Here</span></span></a></h2><br /><p><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Enter-Slider-4-Description-Here</span></span></p><br /></div><br /><br /><div class="panel"><br /><img src="<span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-5-Image-Address-Here</span></span>" alt="" /><br /><h2><a href="<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-5-Link-Here</span></span>"><span style="color: rgb(51, 102, 255);font-size:130%;" ><span style="font-weight: bold;">Slider-5-Title-Here</span></span></a></h2><br /><p><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Enter-Slider-5-Description-Here</span></span></p><br /></div><br /><br /><br /></div><br /></div><br /></div><br /><br /><div style='border-top:1px solid #050505;border-bottom:1px solid #353434;height:0px;width:100%;'/></div><br /></pre><br />Now Replace <span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-X-Image-Address-Here</span></span>, <span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-X-Link-Here</span></span>, <span style="font-weight: bold; color: rgb(102, 51, 255);font-size:130%;" >Slider-5-Title-Here</span>, <span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Enter-Slider-5-Description-Here</span> with your contents.Look at the example below:<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 250px; width: 90%;"><script type="text/javascript"><br />stepcarousel.setup({<br />galleryid: 'mygallery', //id of carousel DIV<br />beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs<br />panelclass: 'panel', //class of panel DIVs each holding content<br />autostep: {enable:true, moveby:1, pause:3000},<br />panelbehavior: {speed:500, wraparound:true, persist:true},<br />defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzteAm7BzSJrzjwtOWSKXVUrkehBs43OiU7i-d5QW_HnXOE9mfEjKptuVVmlZtQceCCs5cTPBC0gy640oHT86OECiarCs9dOFseI4GeBwmR9NDuVu37vaYSUYFH_p-7dFU4H8Ljq8IvE/', -29, 90], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89Msm-9UzB2OtP0uBZJ0eGNk7TbszpNlx-Dk1XOOY6qUF0_rXCGxEeIzC-aPlvXtjDtkZAe5xpr1kpPUlXkMXRaskdYsFn1BYIvzGY5SP_bAH7SIgpf9SwEutg6J4MP487SQDFPCMTII/s1600/fleche2.png', -18, 90]},<br />statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels<br />contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']<br />})<br /><br /><br /></script><br /><br /><br /><div id="slider"><br /><div id="mygallery" class="stepcarousel"><br /><div class="belt"><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8PHZ0-xvNC_RbynTxHtFwrmefihTbzWaXRuMV2BTSqUaPS4pERJUq8WxWRZ7atHoekiIRG0d4MJA7Y91fEJGwNHNhULB2Tp3HbyuItmYBf9opi5Z9Zr6_Ht5od8QfHeLH8Rd11BuFBs/s1600/slide1.jpg" alt="" /><br /><h2><a href="Slider-1-Link-Here">Slider-1-Title-Here</a></h2><br /><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p><br /></div><br /><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAGFxWkLInXE76gL4vyz0aUoXlt3kfuxNWe80hFbv_L2D6rJn-5Td5cbddOgLUOXT52svR9AhLg-rLFy8ORlGCleWIGoxr8cz7aQ1QaAGpzwlKVh3gARsHB-qUBj8WTX-j8_rWGrcaKI/s1600/slide2.jpg" alt="" /><br /><h2><a href="Slider-2-Link-Here">Slider-2-Title-Here</a></h2><br /><p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.</p><br /></div><br /><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITpDIaYLeYkXvbDyBGx5TUp5K-slUSQViwkqiI80sYH7Usb5hO7j_t22rnp5oUpSQRqYWEiX80z8EpqdPeJCDxrAVlngadsBiymGzVU41nPonFS-zSqL5s9AJFKRrnVFo_YBRpuol-2Q/s1600/slide3.jpg" alt="" /><br /><h2><a href="Slider-3-Link-Here">Slider-3-Title-Here</a></h2><br /><p>Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p><br /></div><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf4WXcrEl2e4ZQsv1jSga6DW2V8WgL7h_UEIGAdvc7sAgnSQWDfn1d4imSArEb_KJI45zQjlxbJ7n_9ZdNG-UPlDLlKVMnET1tiYoH8rSxODKFpnMeitj28CqcASIltE2F5QCcrrmwqyI/s1600/slide4.jpg" alt="" /><br /><h2><a href="Slider-4-Link-Here">Slider-4-Title-Here</a></h2><br /><p> dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui.</p><br /></div><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYaPHGUp8xKUiepU49mfdu6BYb7zzFyqQ_16eIzFDqBAVl0i6cEuweT7N6jp77spt89uGi6ZTMluaMKy1uuhASp1EktpU54OqFgYIl-Yr2U7jvZVd2yf39AZkPhwpBqGbYDzkw2Hcl4s/s1600/slide5.jpg" alt="" /><br /><h2><a href="Slider-5-Link-Here">Slider-5-Title-Here</a></h2><br /><p>Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.</p><br /></div><br /><br /><br /></div><br /></div><br /></div><br /><br /><div style='border-top:1px solid #050505;border-bottom:1px solid #353434;height:0px;width:100%;'/></div><br /></pre><br /><span style="color: rgb(51, 51, 255); font-weight: bold;font-size:130%;" >Configure "Blog Posts" Widget</span><br /><br />Login to your blogger dashboard--> layout- -> Page elements.Click on "Edit" form "Blog Posts" Section.Now change it value as the picture below:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW52H9mEeU2bQh3tewJx2oIvhKhphYozFrCJqgGd4sQFVoVPBZNq92XYSOeN5ecImsBTSZKJIxwLmi6tF64QFGhUHlbWnbKSimD9ZOnsereXGjB-KpdGWk0KKCLoSh8z1dDXYllTTzqW7S/s1600/Blog+Posts+Widget1.png"><img style="cursor: pointer; width: 420px; height: 420px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW52H9mEeU2bQh3tewJx2oIvhKhphYozFrCJqgGd4sQFVoVPBZNq92XYSOeN5ecImsBTSZKJIxwLmi6tF64QFGhUHlbWnbKSimD9ZOnsereXGjB-KpdGWk0KKCLoSh8z1dDXYllTTzqW7S/+Posts+Widget1.png" alt="" id="BLOGGER_PHOTO_ID_5510739565261134226" border="0" /></a><br /><br /><span style="font-weight: bold;">Important !!!:</span><br /><br />Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.<br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >License: </span><br /><br />This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.<br />However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:<br />http://creativecommons.org/licenses/by/3.0/adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-48349717439378313462010-08-28T05:36:00.000-07:002011-04-21T22:55:51.786-07:00Numbered Page Nagivation hack for BloggerThis post explains how to add numbered page navigation widget to blogger (blogspot) blogs:<br /><br /><h2>What is Numbered Page Navigation ?</h2><br />In blogger, by default, you see Older posts, Newer Posts links near the bottom of the page which is useful to your blog visitors to navigate to other posts of your blog. But, the problem is.. people hardly notice those newer and older posts links.. which means.. less pageviews to your blog.<br /><br />So, to increase your blog pageviews you can use this cool looking, advanced numbered page navigation to your blog.<br /><br /><span id="fullpost"><br /><br /><span style="font-weight:bold;">So, how to add this to your Blogger blog ?</span><br />(first backup your blog template before editing anything)<br /><br />1. Sign into your Blogger account � Settings � Formatting<br />Choose the number of posts you want to display on homepage<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQYSImYXG_NdHs_Sruh_vbpmK1aYL6gZZO49RGWUHtoRu8zCsOYSuUwGB303EXOdaR1n4DFfepry9gylkJH_swWOxiDr8hDXOQofKDw8w58EoIhHzAMDfKESNFxaOn0YJXiE29jgcpmQex/s1600/s.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQYSImYXG_NdHs_Sruh_vbpmK1aYL6gZZO49RGWUHtoRu8zCsOYSuUwGB303EXOdaR1n4DFfepry9gylkJH_swWOxiDr8hDXOQofKDw8w58EoIhHzAMDfKESNFxaOn0YJXiE29jgcpmQex/s1600/s.jpg" alt="set the amount of posts to be displayed on the homepage" id="BLOGGER_PHOTO_ID_5510442584859339362" border="0" /></a><br />2. Go to Design � Edit html � tick the expand widget templates<br /><br />Scroll down to the bottom of the template code and find this<br /><br /><code><br /></body><br /></code><br /><br />PASTE this code above that line<br /><br /><CODE><br /><b:if cond='data:blog.pageType != "item"'><br /><b:if cond='data:blog.pageType != "static_page"'><br /><script type='text/javascript'><br />var pageCount=<strong><span style="color: rgb(255, 0, 0);">5</span></strong>;<br />var displayPageNum=5;<br />var upPageWord ='Previous';<br />var downPageWord ='Next';<br /></script><br /><br /><script type='text/javascript'><br /><br />//<![CDATA[<br /><br />function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea" style="padding:10px 10px 10px 10px;"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}<br /><br />//]]><br /><br /></script><br /></b:if><br /></b:if><br /> <br /> </CODE><br /><br /><br />In that above code, Edit the part that I highlighted in red color according to <span style="font-weight:bold;">Step 1</span>. It determines the number of posts that to be displayed per page. (Make sure, the number you set is same like the one in Step 1)<br /><br /><br />3. Control + F and search for all the occurrences of this code<br /><code><br />'data:label.url'<br /></code><br /><br />and replace it with this<br /><br /><code><br />'data:label.url + &quot;?&amp;max-results=<strong><span style="color: rgb(255, 0, 0);">5</span></strong>&quot;'<br /></code><br /><br />Again, the number in the above line depends on the number you set in the <span style="font-weight:bold;">STEP 1</span>.<br /><br />4. Now, the styling part.. I've made x styles.. you can choose the one you wish..<br /><br /><br />(i) Default<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapBGC_6yWE83MmaVHWv1Z1gKuSVUmJxTjqZ2oOhfIBHbO3_smLhjK3UyN_zx40y_psFl_F8h5urQ32rxFGmJ47idysTLGbO9T59T9pb0iOmpyvW8I6k4oM285s_HV3GnCstZojtmEPFqA/s1600/default.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 294px; height: 49px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapBGC_6yWE83MmaVHWv1Z1gKuSVUmJxTjqZ2oOhfIBHbO3_smLhjK3UyN_zx40y_psFl_F8h5urQ32rxFGmJ47idysTLGbO9T59T9pb0iOmpyvW8I6k4oM285s_HV3GnCstZojtmEPFqA/s400/default.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5510447491580621714" /></a><br /><br />Code<br /><br /><code><br />.showpageArea a {<br />text-decoration:underline;<br />background: #ffffff;<br />padding: 10px 10px 10px 10px;<br /><br />}<br />.showpageNum a {<br />text-decoration:none;<br />border: 1px solid #cccccc;<br />border-top: 1px solid #cccccc;<br />margin:0 3px;<br />padding:3px;<br />}<br />.showpageNum a:hover {<br />border: 1px solid #cccccc;<br />background-color:#cccccc;<br />}<br />.showpagePoint {<br />color:#333;<br />text-decoration:none;<br />border: 1px solid #cccccc;<br />background: #cccccc;<br />margin:0 3px;<br />padding:3px;<br />}<br />.showpageOf {<br />text-decoration:none;<br />padding:3px;<br />margin: 0 3px 0 0;<br />}<br />.showpage a {<br />text-decoration:none;<br />border: 1px solid #cccccc;<br />padding:3px;<br />}<br />.showpage a:hover {<br />text-decoration:none;<br />}<br />.showpageNum a:link,.showpage a:link {<br />text-decoration:none;<br />color:#333333;<br />}<br /> <br /> </code><br /><br />Copy the above code. Find this line and paste that code ABOVE IT.<br /><br /><code><br />]]></b:skin><br /></code><br /><br /><br />Save the changes.<br /><br />I've made a few more navigation styles.. I'll post them in a few min.. look for it.<br /><br />Credits: <a href="http://www.bloggerplugins.org/2009/09/numbered-page-navigation-for-blogger.html" target="_blank" rel="nofollow">Blogger Plugins</a><br /><br /></span>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-84582460975581210962010-08-26T03:46:00.000-07:002011-04-21T22:43:16.127-07:00Prozine v1 Premium Blogger TemplateThis blogger template is a another magazine style premium blogger template created by me.You can download this template completely free.To configure this blogger template completely, please read the configuration guide below.I hope you will like this Prozine v1 Premium blogger template very much.<br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-family:arial;font-size:130%;" >Template Features</span><br /><ul><li>Column: 3 Columns/2 Sidebars/Right Sidebars.</li><li>Fixed Width Template (1000px width).</li><li>1 Horizontal Navigation Menus.</li><li>468*60 Header Ads banner.</li><li>468*60 Header Logo with the PSD file and Fonts.</li><li>1 Multi Tab View Widget installed.</li><li>1 Featured Auto content slider installed.</li><li>1 CSS Search Box.</li><li>Auto Read More Feature with Thumbnails.</li><li>4 Column Footer section.</li><li>Facebook Like Button installed.</li><li>SEO friendly blogger title hack installed to help you rank higher in Google.</li><li>Blogger Default Heading Tag has Changed for better SEO.</li><li>Meta tags installed.</li><li>Top Bar with Feed buttons and Display Day,Month,Year.</li><li>Hosted images on blogger. Free use forever!</li><li>Favicon support so you can add your own url icon.</li><li>Compressed CSS to speed up your page load times.</li><li>Embedded JavaScript date code showing current day.</li><li>Replace "Older Posts","Home","Newer Posts" Text Navigation with Images.</li><li>Automatically highlight author comments.</li><li>Modified Comments Section to Enable Avatars in Blogger Comments.</li><li>More...</li></ul><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVsOFuXbwisAERd1XShRnkGD1QyxQ45cTY5O_F8qMUhTnbyUkoIQmjeR-Ln7kTySHn5jveUA9-rTYOtfj3mZYJQukiMJlK3Jr3l7dtT5UNmTLLgOYcAjKFnTIxs4KXQiTxf88olqCYYq2c/s1600/Prozine+v1+Screenshot.png"><img style="cursor: pointer; width: 95%; height: 290px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVsOFuXbwisAERd1XShRnkGD1QyxQ45cTY5O_F8qMUhTnbyUkoIQmjeR-Ln7kTySHn5jveUA9-rTYOtfj3mZYJQukiMJlK3Jr3l7dtT5UNmTLLgOYcAjKFnTIxs4KXQiTxf88olqCYYq2c/+v1+Screenshot.png" alt="" id="BLOGGER_PHOTO_ID_5509642951099843874" border="0" /></a><br /><br /><table width="98%"><tbody><tr><td><br /><table><tbody><tr><td><div class="tdemo"><a href="http://www.demo.premiumbloggertemplates.com/2010/08/prozine-v1-premium-blogger-template.html" class="tdemo" target="_blank" rel="nofollow">Demo</a></div></td><td><div class="tdownload"><a href="http://www.download.premiumbloggertemplates.com/2010/08/prozine-v1-premium-blogger-template.html" class="tdownload" target="_blank" rel="nofollow">Download</a></div></td></tr></tbody></table><br /><div class="rcorner"><br />Template name : Prozine v1<br /><br />Template type : 2 Sidebar, 3 Column, 4 Column footer, Black, Featured Section, Fixed width, Header Banner, Magazine, Pbtemplates, Premium, Right Sidebar, Rounded corners, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White<br /><br />Release date : 26 August 2010<br /><br />Coder/Designer Name(s) : Lasantha Bandara<br /><br />Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/<br /> http://www.bloggertipandtrick.net/<br /><br />Advanced Details : http://www.premiumbloggertemplates.com/2010/08/prozine-v1-premium-blogger-template.html<br /></div></td></tr></tbody></table><br /><br /><span style="font-weight: bold;font-size:130%;" ><span style="font-family:arial;">Template Layout Structure</span></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzVFUFkZq_VYV3PPCKxs617iPeE3Vr8xV3dyGbUhG_Ia5ZiNSqzlQtIM8GjLXJHldao8SxsEAFmB0xzTbiyLRzhiN7YHs53MPXKoSSxE2NX3hDzlpMoWBchThMm32GZQOL7teWtR-Limb4/s1600/layout.png"><img style="cursor: pointer; width: 600px; height: 588px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzVFUFkZq_VYV3PPCKxs617iPeE3Vr8xV3dyGbUhG_Ia5ZiNSqzlQtIM8GjLXJHldao8SxsEAFmB0xzTbiyLRzhiN7YHs53MPXKoSSxE2NX3hDzlpMoWBchThMm32GZQOL7teWtR-Limb4/" alt="" id="BLOGGER_PHOTO_ID_5509645805650457506" border="0" /></a><br /><br /><span style="font-weight: bold;font-family:arial;font-size:130%;" >4 Column Footer Section</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3iPY51Z2vgBZPGLmgP464WKNB5MTxvBUjRv6gNBvb8LoP8silSlMceW_eVt5ryTP1aHbK1VEOQzOsT1JyOwocSMyhHHHI5q6tIMjoOWDtJJGuAMhUWZttHmoUcMzNSlakbdYsTgHF56mB/s1600/Prozine+v1+footer.png"><img style="cursor: pointer; width: 600px; height: 229px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3iPY51Z2vgBZPGLmgP464WKNB5MTxvBUjRv6gNBvb8LoP8silSlMceW_eVt5ryTP1aHbK1VEOQzOsT1JyOwocSMyhHHHI5q6tIMjoOWDtJJGuAMhUWZttHmoUcMzNSlakbdYsTgHF56mB/+v1+footer.png" alt="" id="BLOGGER_PHOTO_ID_5509645810900994834" border="0" /></a><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-size:180%;" >Template Customization</span><br /><br /><span style="font-weight: bold;font-family:arial;font-size:130%;" >Basic Template Installation:</span><br /><br />1.First download the template and unzip the file.<br /><br />2.Now, sign in to Blogger dashboard and click on the layout.<br /><br />3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost.<br />So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.<br /><br />4.Now click on the 'Edit html' tab<br /><br />5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.<br /><br />6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.<br /><br />7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).<br /><br />8.Now click on "confirm and save".Now you successfully installed the template.<br /><br />9.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.<br /><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >Configure Meta tags:</span><br /><br />Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 60px; width: 90%;"><meta content='<span style="font-weight: bold; color: rgb(0, 153, 0);">DESCRIPTION HERE</span>' name='description'/><br /><meta content='<span style="font-weight: bold; color: rgb(0, 153, 0);">KEYWORDS HERE</span>' name='keywords'/></pre><br />Replace DESCRIPTION HERE,KEYWORDS HERE as below.<br /><br /><span style="font-weight: bold;">DESCRIPTION HERE</span>:Write your blog description<br /><span style="font-weight: bold;">KEYWORDS HERE</span>:Write the keywords of your blog separated by comma.<br /><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >Configure Horizontal Navigation Bar:</span><br /><br />Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where see this:<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 250px; width: 90%;"><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1</a><br /><ul class='children'><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1a</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1b</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1c</a></li><br /></ul><br /></li><br /><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2</a><br /><ul class='children'><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2a</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2b</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2c</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2d</a></li><br /></ul><br /></li><br /><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3</a><br /><ul class='children'><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3a</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3b</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3c</a></li><br /></ul><br /></li><br /><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-4</a></li><br /><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5</a><br /><ul class='children'><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5a</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5b</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5c</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5d</a></li><br /></ul><br /></li><br /><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6</a><br /><ul class='children'><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6a</a></li><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6b</a></li><br /></ul><br /></li><br /><br /><li><a href='Your-Link-Here' title='Link-Title'>Link-Name-7</a></li></pre><br />Now Replace <span style="font-weight: bold; color: rgb(0, 153, 0);">Your-Link-Here</span>,<span style="font-weight: bold; color: rgb(0, 153, 0);">Link-Title</span>,<span style="font-weight: bold; color: rgb(0, 153, 0);">Link-Name-<span style="color: rgb(255, 0, 0);">X</span></span> with your details.<br /><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >How To Configure Favicon:</span><br /><br />Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 50px; width: 90%;"><link href='<span style="font-weight: bold; color: rgb(0, 153, 0);">YOUR-FAVICON-URL</span>' rel='shortcut icon' type='image/vnd.microsoft.icon'/></pre><br />Now replace "<span style="font-weight: bold;">YOUR-FAVICON-URL</span>" with your Favicon address/url.<br /><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >Configure Header logo:</span><br /><br />Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 50px; width: 90%;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiko2j0P76d48Dhd8boSniZs0xg1WLJ4MUVI552ow-5JKbth53HynJwvJQQEPVlIAdQajYza0IKVi3Ny-YJK1rPFo1KjBfz3WQy0MP9HwDF48nqhS4FfZjqnUQIAU3cy6b3f38oZ_0Tj98/s1600/Prozine+v1+logo.png</pre><br />Now replace it with your logo address/url.<br /><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >Configure Subscription Box:</span><br /><br />Add this code into the HTML/JavaScript box.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 350px; width: 90%;"><div class='subsboxfull'><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-twitter-url</span>' rel='nofollow' target='_blank' title='twitter'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqV5hjpxqPk_uD781_xQNZthxFQZcvY81dXBu4NlePxbED0lUHft5D9ZLhMsokcMLP9sALkqw-x84WCCqNozhWELcG0DmeVgYZUXUonsA1H2eSOjl2p11KkrBGT-ov_CTRCA456PPW7E/" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-facebook-url</span>' rel='nofollow' target='_blank' title='facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8svYtf4qSdASyKXxNUuvVglWQBCKKY1bXOD70yoIJtdaxIctpxq-DRmTU2XzkCTopTzJ0RmssG1IUf9sRrduUCPDmDqb4FguECJW0ZU1gHd_6KMPDEQku8MRtNt3eBqCn7OGtZRh7lwI/s1600/facebook--box.png" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-delicious-url</span>' rel='nofollow' target='_blank' title='delicious'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM1v2X8GnYfHaNqgn7UKdFYqRkcCdFyDTZ5-Au9fY8ZTVrWov7-ewbTe_l3SHWMgG8gxNgJ6fC6xoS9KPWd_u51z960PIZt8O3WM2XzrSgN6YBtzMIRDjj4HQ1QLPgfXEwUDYttk9BxKc/s1600/delicious-box.png" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-stumbleupon-url</span>' rel='nofollow' target='_blank' title='stumbleupon'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh55s_HZeMJKt-kI2RvF30HUFO3G-PKsAgidRQrFqguAGeP4oxqIYY8Vtp8lnCrw-KPcfwii5Zi9o1Tow1LQ-R8SCq-5t2SK6aZLkxdz96VXai2rNSbkuEO7NtaQ7Y4wUWF-YB2vJSPJvY/" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-linkedin-url</span>' title='linkedin'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QxnIhQhETk7-IGmvaihhDt2dnzp7GDkCI1rRJU506rUDxnSaiPihhiZGZGZLWNu0UdOc2WMDy48e4pcpBTfUcHG5Di5Yo4OJ6BbW4hmdSAEP08jgFhgzMTQDG0DI5zCdHEtjd7xmBxs/" /></a><br /><br /><a href='<span style="font-weight: bold; color: rgb(0, 153, 0);">your-contact-url</span>' title='contact'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv1H5aiCv6mTR_ZocQ4koEt87JKyVMEbauDDhkNI_tPRqX3MUkFAXwMy4XSNPdddVTruVHshztFQUyaHyjpSGk7XcT9OuiJKbfyxWbNuauuIOj0gApw1vT-iSd_f4Mc3kuaEAm8U9VHrw/" /></a><br /><br /><br /><form action='http://feedburner.google.com/fb/a/mailverify?uri=<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>&loc=en_u' method='post' onsubmit='window.open(\'http://feedburner.google.com/fb/a/mailverify?uri=<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name="email" style="width:230px; border: 1px solid #ccc; padding: 5px;" type="text" value="Enter your email address" /></p><input name="uri" type="hidden" /><input name="loc" type="hidden" value="en_US" /></form><br /><br /><p><span><a class='rss-boxicon' href='http://feeds2.feedburner.com/<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>' rel='nofollow' target='_blank'>RSS</a></span><br /><span><a class='email-boxicon' href='http://feedburner.google.com/fb/a/mailverify?uri=<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>&loc=en_u' rel='nofollow' target='_blank'>Email</a><span><span style="float:right;"><a href='http://feeds.feedburner.com/<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>' rel='nofollow'><img alt="" height="26" src="http://feeds.feedburner.com/~fc/<span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span>?bg=ff9900&amp;fg=000033&amp;anim=0" style="border:0;float:right;margin-top:0px;" width="88" /></a></span></span></span></p><br /><br /></div></pre><br /><br />Now Replace,<br /><span style="font-weight: bold;">your-twitter-url</span>, <span style="font-weight: bold;">your-facebook-url</span>, <span style="font-weight: bold;">your-delicious-url</span>, <span style="font-weight: bold;">your-stumbleupon-url</span>, <span style="font-weight: bold;">your-linkedin-url</span>, <span style="font-weight: bold;">your-contact-url</span>, <span style="font-weight: bold; color: rgb(255, 0, 0);">YOUR-FEEDBURNER-ID</span> with your details.<br /><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >Configure Multi Tab view widget:</span><br /><br />Add this code into the HTML/JavaScript box.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 250px; width: 90%;"><div id='tabzine'><br /><ul class='tabnav'><br /><li class='pop'><a href='#tab11'><span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Video</span></a></li><br /><li class='fea'><a href='#tab22'><span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Recent</span></a></li><br /><li class='rec'><a href='#tab33'><span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Popular</span></a></li><br /></ul><br /><br /><br /><!-- tab1 --><br /><div class='tabdiv' id='tab11'><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">ENTER-TAB-1-CONTENT-HERE</span><br /><br /></div><br /><!--/tab1--><br /><br /><br /><!-- tab2 --><br /><div class='tabdiv' id='tab22'><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">ENTER-TAB-2-CONTENT-HERE</span><br /><br /></div><br /><!-- tab2 --><br /><br /><br /><!-- tab3 --><br /><div class='tabdiv' id='tab33'><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">ENTER-TAB-3-CONTENT-HERE</span><br /><br /></div><br /><!-- /tab3 --><br /><br /><br /></div></pre><br />Now Replace,<br /><span style="font-weight: bold;">ENTER-TAB-1-CONTENT-HERE</span>, <span style="font-weight: bold;">ENTER-TAB-2-CONTENT-HERE</span>, <span style="font-weight: bold;">ENTER-TAB-3-CONTENT-HERE</span> with your contents.<br /><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >Configure Featured Content Slider:</span><br /><br />Add this code into the HTML/JavaScript box.<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 350px; width: 90%;"><script type="text/javascript"><br />stepcarousel.setup({<br />galleryid: 'mygallery', //id of carousel DIV<br />beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs<br />panelclass: 'panel', //class of panel DIVs each holding content<br />autostep: {enable:true, moveby:1, pause:3000},<br />panelbehavior: {speed:500, wraparound:true, persist:true},<br />defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzteAm7BzSJrzjwtOWSKXVUrkehBs43OiU7i-d5QW_HnXOE9mfEjKptuVVmlZtQceCCs5cTPBC0gy640oHT86OECiarCs9dOFseI4GeBwmR9NDuVu37vaYSUYFH_p-7dFU4H8Ljq8IvE/', -29, 90], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89Msm-9UzB2OtP0uBZJ0eGNk7TbszpNlx-Dk1XOOY6qUF0_rXCGxEeIzC-aPlvXtjDtkZAe5xpr1kpPUlXkMXRaskdYsFn1BYIvzGY5SP_bAH7SIgpf9SwEutg6J4MP487SQDFPCMTII/s1600/fleche2.png', -18, 90]},<br />statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels<br />contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']<br />})<br /><br /><br /></script><br /><br /><br /><div id="slider"><br /><div id="mygallery" class="stepcarousel"><br /><div class="belt"><br /><br /><div class="panel"><br /><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);font-size:130%;" >Slider-1-Image-Address-Here</span>" alt="" /><br /><h2><a href="<span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >Slider-1-Link-Here</span>"><span style="font-weight: bold; color: rgb(102, 51, 255);font-size:130%;" >Slider-1-Title-Here</span></a></h2><br /><p><span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Enter-Slider-1-Description-Here</span></p><br /></div><br /><br /><br /><div class="panel"><br /><img src="<span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-2-Image-Address-Here</span></span>" alt="" /><br /><h2><a href="<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-2-Link-Here</span></span>"><span style="color: rgb(102, 51, 255);font-size:130%;" ><span style="font-weight: bold;">Slider-2-Title-Here</span></span></a></h2><br /><p><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Enter-Slider-2-Description-Here</span></span></p><br /></div><br /><br /><br /><div class="panel"><br /><img src="<span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-3-Image-Address-Here</span></span>" alt="" /><br /><h2><a href="<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-3-Link-Here</span></span>"><span style="color: rgb(102, 51, 255);font-size:130%;" ><span style="font-weight: bold;">Slider-3-Title-Here</span></span></a></h2><br /><p><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Enter-Slider-3-Description-Here</span></span></p><br /></div><br /><br /><div class="panel"><br /><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);font-size:130%;" >Slider-4-Image-Address-Here</span>" alt="" /><br /><h2><a href="<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-4-Link-Here</span></span>"><span style="color: rgb(102, 51, 255);font-size:130%;" ><span style="font-weight: bold;">Slider-4-Title-Here</span></span></a></h2><br /><p><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Enter-Slider-4-Description-Here</span></span></p><br /></div><br /><br /><div class="panel"><br /><img src="<span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-5-Image-Address-Here</span></span>" alt="" /><br /><h2><a href="<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-5-Link-Here</span></span>"><span style="color: rgb(51, 102, 255);font-size:130%;" ><span style="font-weight: bold;">Slider-5-Title-Here</span></span></a></h2><br /><p><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Enter-Slider-5-Description-Here</span></span></p><br /></div><br /><br /><br /></div><br /></div><br /></div></pre><br />Now Replace <span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-X-Image-Address-Here</span></span>, <span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;">Slider-X-Link-Here</span></span>, <span style="font-weight: bold; color: rgb(102, 51, 255);font-size:130%;" >Slider-5-Title-Here</span>, <span style="font-weight: bold; color: rgb(255, 102, 0);font-size:130%;" >Enter-Slider-5-Description-Here</span> with your contents.Look at the example below:<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 250px; width: 90%;"><script type="text/javascript"><br />stepcarousel.setup({<br />galleryid: 'mygallery', //id of carousel DIV<br />beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs<br />panelclass: 'panel', //class of panel DIVs each holding content<br />autostep: {enable:true, moveby:1, pause:3000},<br />panelbehavior: {speed:500, wraparound:true, persist:true},<br />defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzteAm7BzSJrzjwtOWSKXVUrkehBs43OiU7i-d5QW_HnXOE9mfEjKptuVVmlZtQceCCs5cTPBC0gy640oHT86OECiarCs9dOFseI4GeBwmR9NDuVu37vaYSUYFH_p-7dFU4H8Ljq8IvE/', -29, 90], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89Msm-9UzB2OtP0uBZJ0eGNk7TbszpNlx-Dk1XOOY6qUF0_rXCGxEeIzC-aPlvXtjDtkZAe5xpr1kpPUlXkMXRaskdYsFn1BYIvzGY5SP_bAH7SIgpf9SwEutg6J4MP487SQDFPCMTII/s1600/fleche2.png', -18, 90]},<br />statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels<br />contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']<br />})<br /><br /><br /></script><br /><br /><br /><div id="slider"><br /><div id="mygallery" class="stepcarousel"><br /><div class="belt"><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii8PHZ0-xvNC_RbynTxHtFwrmefihTbzWaXRuMV2BTSqUaPS4pERJUq8WxWRZ7atHoekiIRG0d4MJA7Y91fEJGwNHNhULB2Tp3HbyuItmYBf9opi5Z9Zr6_Ht5od8QfHeLH8Rd11BuFBs/s1600/slide1.jpg" alt="" /><br /><h2><a href="Slider-1-Link-Here">Slider-1-Title-Here</a></h2><br /><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p><br /></div><br /><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAGFxWkLInXE76gL4vyz0aUoXlt3kfuxNWe80hFbv_L2D6rJn-5Td5cbddOgLUOXT52svR9AhLg-rLFy8ORlGCleWIGoxr8cz7aQ1QaAGpzwlKVh3gARsHB-qUBj8WTX-j8_rWGrcaKI/s1600/slide2.jpg" alt="" /><br /><h2><a href="Slider-2-Link-Here">Slider-2-Title-Here</a></h2><br /><p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.</p><br /></div><br /><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITpDIaYLeYkXvbDyBGx5TUp5K-slUSQViwkqiI80sYH7Usb5hO7j_t22rnp5oUpSQRqYWEiX80z8EpqdPeJCDxrAVlngadsBiymGzVU41nPonFS-zSqL5s9AJFKRrnVFo_YBRpuol-2Q/s1600/slide3.jpg" alt="" /><br /><h2><a href="Slider-3-Link-Here">Slider-3-Title-Here</a></h2><br /><p>Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p><br /></div><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf4WXcrEl2e4ZQsv1jSga6DW2V8WgL7h_UEIGAdvc7sAgnSQWDfn1d4imSArEb_KJI45zQjlxbJ7n_9ZdNG-UPlDLlKVMnET1tiYoH8rSxODKFpnMeitj28CqcASIltE2F5QCcrrmwqyI/s1600/slide4.jpg" alt="" /><br /><h2><a href="Slider-4-Link-Here">Slider-4-Title-Here</a></h2><br /><p> dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui.</p><br /></div><br /><br /><div class="panel"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYaPHGUp8xKUiepU49mfdu6BYb7zzFyqQ_16eIzFDqBAVl0i6cEuweT7N6jp77spt89uGi6ZTMluaMKy1uuhASp1EktpU54OqFgYIl-Yr2U7jvZVd2yf39AZkPhwpBqGbYDzkw2Hcl4s/s1600/slide5.jpg" alt="" /><br /><h2><a href="Slider-5-Link-Here">Slider-5-Title-Here</a></h2><br /><p>Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.</p><br /></div><br /><br /><br /></div><br /></div><br /></div></pre><br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);font-size:130%;" >Configure "Timestamp Format" Format:</span><br /><br />Login to your blogger dashboard--> Settings- -> Formatting.Now set your timestamp format as the picture below.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwT57mBw_Ra_BrpuIWLyVCla5OwOYnE8fE41tHrCMYcgydGKqK5MTdl58zKRSrjQVrQ5Fzo59eHOFCvXAQAsGlszMO3v1vm3TdRBQKNBTFy_Naj_wdmSRB7rfpIAc6Me02zvzhlbvbuOkX/s1600/Configure+post+date-1.png"><img style="cursor: pointer; width: 458px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwT57mBw_Ra_BrpuIWLyVCla5OwOYnE8fE41tHrCMYcgydGKqK5MTdl58zKRSrjQVrQ5Fzo59eHOFCvXAQAsGlszMO3v1vm3TdRBQKNBTFy_Naj_wdmSRB7rfpIAc6Me02zvzhlbvbuOkX/+post+date-1.png" alt="" id="BLOGGER_PHOTO_ID_5474006723025743858" border="0" /></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikbI4FQTbzEJQJMvoudIJ_-5Wlvag28AiY2QhQpGJa9vRV0pYXm7W_mM1MdmsdOgzy591IiDvBySocRmJ4Fle0qU-ODVS2cpbEnV5feI-Tdhy0V_9RC9yveFPdl2SxoKRsl0XFcsLs0qCi/s1600/Configure+post+date-2.png"><img style="cursor: pointer; width: 415px; height: 85px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikbI4FQTbzEJQJMvoudIJ_-5Wlvag28AiY2QhQpGJa9vRV0pYXm7W_mM1MdmsdOgzy591IiDvBySocRmJ4Fle0qU-ODVS2cpbEnV5feI-Tdhy0V_9RC9yveFPdl2SxoKRsl0XFcsLs0qCi/+post+date-2.png" alt="" id="BLOGGER_PHOTO_ID_5474006727709466226" border="0" /></a><br /><br /><span style="font-weight: bold;">Important !!!:</span><br /><br />Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.<br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >License: </span><br /><br />This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.<br />However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:<br />http://creativecommons.org/licenses/by/3.0/adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-39557378157367988042010-08-24T20:50:00.000-07:002011-04-21T22:55:51.786-07:00How to add Blogger Share Buttons to Custom Blogger Templates<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6O9bAcbLbbollt54BeciIxrBqmpycmKhiZkKfyhmmnL1ZfN_plSdqBxazV-lhAtQGqp8N8bxRuBXwxI6EL9dgK2haYZK7LAlnMSlRfUhXiV4lNKBJg8hNbUHPqveIgfu14IjYrfmLpb1U/s1600/blogger+share+buttons.jpg"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 240px; height: 89px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6O9bAcbLbbollt54BeciIxrBqmpycmKhiZkKfyhmmnL1ZfN_plSdqBxazV-lhAtQGqp8N8bxRuBXwxI6EL9dgK2haYZK7LAlnMSlRfUhXiV4lNKBJg8hNbUHPqveIgfu14IjYrfmLpb1U/s400/blogger+share+buttons.jpg" alt="" id="BLOGGER_PHOTO_ID_5498805797808801698" border="0" /></a>Recently, Blogger released their new Share Buttons feature which makes it easier for your Blog visitors to bookmark, tweet, fshare, email ,etc your post.<br /><br />But, if you're using any custom blogger template.. you may not see the widget appearing in blog..even though you activate it.<br /><br />So, if you have that problem. here is how to fix it.<br /><span style="font-style: italic;">(before making any changes..first backup your template)</span><br /><br />1. Sign into Blogger > Design > Edit html<br />(tick the expand widget templates)<br /><span id="fullpost"><br />2. Add this line anywhere you want the widget to appear<br /><code><br /><b:include data='post' name='shareButtons'/><br /></code><br /><br />Normally, in most templates, you can add it after this line..<br /><code><br /><p class='post-footer-line post-footer-line-1'><br /></code><br /><br />If you don't find that above line in your template....<br />Find this one.<br /><code><br /><p><data:post.body/></p><br /></code><br /><br />and add this code after that line..<br /><br /><code><br /><p><data:post.body/></p><br /><div style='clear:both; padding: 10px 10px 10px 10px;'> <b:include data='post' name='shareButtons'/> </div></code><br /><br /><br />Note: If you're using Magazine style blogger template, You can find the data:post.body line TWO TIMES.. So, try in both ways and find out which one is working..and remove the other one.<br /><br />Finally..Save the template!<br /><br />If you still don't see it in your Blog, Make sure..you activated it by going to<br />Blogger dashboard > Design > Click the 'edit' button of the Blog post section.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRDpfiSzycrje3P6adSjpJGLLxvbxX05lZTS6pEWGhmjoo_OaGVQroRKslFKoFWKtkLQhz2PmrE-IrpeOehCuD_191SBsu-e5R0Ty0xmwWFMZQ-GCLO33sRgqECghQPkf-b9kYO88p10o/s1600/activating+blogger+share+buttons.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 251px; height: 127px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRDpfiSzycrje3P6adSjpJGLLxvbxX05lZTS6pEWGhmjoo_OaGVQroRKslFKoFWKtkLQhz2PmrE-IrpeOehCuD_191SBsu-e5R0Ty0xmwWFMZQ-GCLO33sRgqECghQPkf-b9kYO88p10o/s400/activating+blogger+share+buttons.jpg" alt="" id="BLOGGER_PHOTO_ID_5498806916316710242" border="0" /></a><br /><br /></span>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-89233480925735028232010-08-24T19:28:00.000-07:002011-04-21T22:43:16.127-07:00How To Add "BlogThis!" Feature to Blogger BlogYou can see a "<span style="font-weight: bold;">BlogThis!</span>" button in the blogger official share buttons set.When other blogspot user click on this "BlogThis" button,he/she can share your blog posts easily through Blogger.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVZjvCBuebzVzFiFlemrk-ibBUAou6ucVZx-xcjRUKwpZyqJGY1abrL5caSRUBJQZmMxgyJc9p-9VoHcVA7qqqdYiNv0QTA6oRSjd6r_fjy300lzD6C77lqNZ5mY6yYSGykGNByrvYQBTO/s1600/BlogThis+Button.png"><img style="cursor: pointer; width: 137px; height: 73px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVZjvCBuebzVzFiFlemrk-ibBUAou6ucVZx-xcjRUKwpZyqJGY1abrL5caSRUBJQZmMxgyJc9p-9VoHcVA7qqqdYiNv0QTA6oRSjd6r_fjy300lzD6C77lqNZ5mY6yYSGykGNByrvYQBTO/+Button.png" alt="" id="BLOGGER_PHOTO_ID_5509173269167900130" border="0" /></a><br /><br />But if you want to add this "BlogThis" feature to your blogger blog as a <span style="font-weight: bold;">Text Link</span>,then this tutorial will helpful for you.<br /><br /><blockquote><span style="font-weight: bold;">What is BlogThis! ?</span><br /><br />BlogThis! is an easy way to make a blog post without visiting blogger.com. Once you add the BlogThis! link to your browser's toolbar, blogging will be a snap. Or rather, a click. Clicking BlogThis! creates a mini-interface to Blogger prepopulated with a link to the web page you are visiting, as well as any text you have highlighted on that page. Add additional text if you wish and then publish or post from within BlogThis!<br /><br /> From Blogger Help</blockquote><br /><br />Now follow the steps given below to add "<span style="font-weight: bold;">BlogThis!</span>" feature as a text link to your blogspot blog.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4SOgUqLgz_GT49GWvYyCr8CxQHRlpWEU1fC2kWGic_vzVFSCmorBl5VSsctggC6YGeJm7otpfkgyP2Ti150GS0kzgiLDzNOXptobv30d-IRKAQ5AvNpCfdclrsH538zxnyc87opOhojw/s1600/BlogThis+Link+for+blogspot.png"><img style="cursor: pointer; width: 481px; height: 321px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4SOgUqLgz_GT49GWvYyCr8CxQHRlpWEU1fC2kWGic_vzVFSCmorBl5VSsctggC6YGeJm7otpfkgyP2Ti150GS0kzgiLDzNOXptobv30d-IRKAQ5AvNpCfdclrsH538zxnyc87opOhojw/+Link+for+blogspot.png" alt="" id="BLOGGER_PHOTO_ID_5509173270928735906" border="0" /></a><br /><br />1.Login to your blogger Dashboard--> Design- -> Edit HTML<br /><br />2.Click on "<span style="color: rgb(51, 51, 255);">Expand Widget Templates</span>"<br /><br />3.Scroll down to where you see below code:<br /><br /><div style="text-align: center; color: rgb(0, 153, 0);"><pre style="height: 50px; width: 60%; overflow: auto; border: 1px solid black; font-weight: bold;"><span style="font-size:180%;"><data:post.body/></span></pre></div><br /><br />4.Now copy the code given below and paste it <span style="color: rgb(51, 51, 255);">just before</span> the <span style="font-weight: bold;"><data:post.body/></span>.<br /><pre style="height: 150px; width: 90%; overflow: auto; border: 1px solid black;"><span style="color: rgb(204, 51, 204);"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><div style='float:<span style="font-weight: bold;">right</span>;margin-right:<span style="font-weight: bold;">10px</span>;'><br /><br />&lt;a href=&quot;javascript:popw=&#39;&#39;;Q=&#39;&#39;;x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) {Q=y.getSelection();} else if (x.getSelection) {Q=x.getSelection();}popw = y.open(&#39;http://www.blogger.com/blog_this.pyra?t=&#39; + escape(Q) + &#39;&amp;u=&#39; + escape(location.href) + &#39;&amp;n=&#39; + escape(document.title),&#39;bloggerForm&#39;,&#39;scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes&#39;);if (!document.all) T = setTimeout(&#39;popw.focus()&#39;,50);void(0);&quot;&gt;BlogThis!&lt;/a&gt;<br /><br /></div><br /><span style="color: rgb(204, 51, 204);"></b:if></span></pre><br />5.Save your template.Now you can see a "BlogThis!" link in your <span style="font-weight: bold;">every blog post(not homepage)</span>.adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0tag:blogger.com,1999:blog-910947589747451590.post-8246927521115525232010-08-16T16:53:00.000-07:002011-04-21T22:43:16.128-07:00How To Add Twitter Official Tweet Buttons to BloggerFew days ago Twitter has introduced their own tweet buttons for web masters.Now you can use this twitter button directly share your posts through twitter without any third party web site.So you and your visitors don't want to authenticate any third party web site to access your Twitter account.These new tweet button loads very fast and anyone can share your article with in few seconds.There are 3 types of Beautiful Tweet buttons : Vertical count, Horizontal count and No count.Here I am going to describe how to add these Twitter buttons to your blogger blog.<br /><br />If you like o add these Twitter official share button to your blogger blog,then follow the steps given below.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH9-xLsiwDrZ4KsPEUhTXDZrcIzicv4gpPujbA1AgQkcoANoxlf79xBtZEokD_CO6IWDZV7WGqN2lHeSWT06mmB3-ReZSdQIuvVcT4JEyP1kEg7gI_VwXyNeHcFHmGsnon7Egjn2LQ16mM/s1600/Twiiter+Tweet+Buttons.png"><img style="cursor: pointer; width:423px; height:128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH9-xLsiwDrZ4KsPEUhTXDZrcIzicv4gpPujbA1AgQkcoANoxlf79xBtZEokD_CO6IWDZV7WGqN2lHeSWT06mmB3-ReZSdQIuvVcT4JEyP1kEg7gI_VwXyNeHcFHmGsnon7Egjn2LQ16mM/+Tweet+Buttons.png" alt="" id="BLOGGER_PHOTO_ID_5506171796199097698" border="0" /></a><br /><br />1.Login to your blogger Dashboard--> Design- -> Edit HTML<br /><br />2.Click on "<span style="color: rgb(51, 51, 255);">Expand Widget Templates</span>"<br /><br />3.Scroll down to where you see below code:<br /><br /><pre style="border: 1px solid black; overflow: auto; height: 40px; width: 90%; font-weight: bold; color: rgb(255, 0, 0);"><center><span style="font-size:130%;"><div class='post-header-line-1'/></span></center></pre><br />4.Now Copy your "Twitter tweet button" code and paste it <span style="font-weight: bold; color: rgb(51, 51, 255);">just below</span> the above code.<br /><br /><span style="font-weight: bold; color: rgb(204, 51, 204);">NOTE:</span> If you can't find <span style="font-weight: bold;"><div class='post-header-line-1'/></span> in your template, paste your "Twitter tweet button" code <span style="font-weight: bold; color: rgb(51, 51, 255);">just before</span> <span style="font-weight: bold; color: rgb(255, 0, 0);"><data:post.body/></span> .<br /><br /><span style="font-weight: bold;font-family:arial;font-size:130%;" >Code 1 : Vertical Count</span><br /><pre style="height: 120px; width: 90%; overflow: auto; border: 1px solid black;"><span style="color: rgb(204, 51, 204);"><b:if cond='data:blog.pageType == "item"'></span><br /><div style='<span style="font-weight: bold; color: rgb(51, 51, 255);">float:right</span>;<span style="font-weight: bold; color: rgb(51, 51, 255);">margin-right:10px</span>;'><br /><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="<span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >TWITTER-USERNAME</span>">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br /></div><br /><span style="color: rgb(204, 51, 204);"></b:if></span></pre><br />Result:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0NTDtEHzz4I2AqAk6Edyj-xuNXAcsLwRbK428SgYWgfsYCxWX0_ZgZgUgBtwTiUmHZtxRKpm8r6TGEPZBHMh9ebdqD3Rx2jB_tispf4s7Xp77PSi7baY5NflNcAvrgEKGycbjolP2tPQ/s1600/Twiiter+Tweet+Buttons-+Vertical+count.png"><img style="cursor: pointer; width: 104px; height: 101px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0NTDtEHzz4I2AqAk6Edyj-xuNXAcsLwRbK428SgYWgfsYCxWX0_ZgZgUgBtwTiUmHZtxRKpm8r6TGEPZBHMh9ebdqD3Rx2jB_tispf4s7Xp77PSi7baY5NflNcAvrgEKGycbjolP2tPQ/+Tweet+Buttons-+Vertical+count.png" alt="" id="BLOGGER_PHOTO_ID_5506174507263605282" border="0" /></a><br /><br /><span style="font-weight: bold;font-family:arial;font-size:130%;" >Code 2 : Horizontal Count</span><br /><pre style="height: 120px; width: 90%; overflow: auto; border: 1px solid black;"><span style="color: rgb(204, 51, 204);"><b:if cond='data:blog.pageType == "item"'></span><br /><div style='<span style="font-weight: bold; color: rgb(51, 51, 255);">float:right</span>;<span style="font-weight: bold; color: rgb(51, 51, 255);">margin-right:10px</span>;'><br /><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="<span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >TWITTER-USERNAME</span>">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br /></div><br /><span style="color: rgb(204, 51, 204);"></b:if></span></pre><br />Result:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKF0vb6_p9ZstpZEWjgZBFv3ZWTH-jqEM7e4OWBJ9u22xt9l5yf5AaiWap-UQS7XONlEkgRkeWeqy66bmLFyThIqoo7m1uVEB6k8h3RtVr6ak5tu0xxrqtPQWcHnS-6mmh1pnZZ-yGR7A/s1600/Twiiter+Tweet+Buttons-+Horizontal+count.png"><img style="cursor: pointer; width: 141px; height: 76px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKF0vb6_p9ZstpZEWjgZBFv3ZWTH-jqEM7e4OWBJ9u22xt9l5yf5AaiWap-UQS7XONlEkgRkeWeqy66bmLFyThIqoo7m1uVEB6k8h3RtVr6ak5tu0xxrqtPQWcHnS-6mmh1pnZZ-yGR7A/+Tweet+Buttons-+Horizontal+count.png" alt="" id="BLOGGER_PHOTO_ID_5506171803391059810" border="0" /></a><br /><br /><span style="font-weight: bold;font-family:arial;font-size:130%;" >Code 3 : No Count</span><br /><pre style="height: 120px; width: 90%; overflow: auto; border: 1px solid black;"><span style="color: rgb(204, 51, 204);"><b:if cond='data:blog.pageType == "item"'></span><br /><div style='<span style="font-weight: bold; color: rgb(51, 51, 255);">float:right</span>;<span style="font-weight: bold; color: rgb(51, 51, 255);">margin-right:10px</span>;'><br /><a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="<span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >TWITTER-USERNAME</span>">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br /></div><br /><span style="color: rgb(204, 51, 204);"></b:if></span></pre><br />Result:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEqhT6WSU-TaAHuhOm9TttGB5dkeU1h4rQ66EadMZ75FYBnV_LiYrXBA23PGSUGGdmAYND_kAyD8jOTb5zamhMuUXezdKEkwQ9aYPYEU769J4CGjv9sD3s6uCzplC0VHo-SGMqvZzMtaMF/s1600/Twiiter+Tweet+Buttons-+No+count.png"><img style="cursor: pointer; width: 89px; height: 72px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEqhT6WSU-TaAHuhOm9TttGB5dkeU1h4rQ66EadMZ75FYBnV_LiYrXBA23PGSUGGdmAYND_kAyD8jOTb5zamhMuUXezdKEkwQ9aYPYEU769J4CGjv9sD3s6uCzplC0VHo-SGMqvZzMtaMF/+Tweet+Buttons-+No+count.png" alt="" id="BLOGGER_PHOTO_ID_5506171808890094418" border="0" /></a><br /><br /><span style="font-weight: bold;">Note :</span><br />Remember to replace "<span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" >TWITTER-USERNAME</span>" with your real Twitter username.<br /><br />If you want to show Tweet buttons not only Post pages but also Home page,Archive pages,Label pages,etc... , then remove "<span style="color: rgb(204, 51, 204);"><b:if cond='data:blog.pageType == "item"'></span>" and "<span style="color: rgb(204, 51, 204);"></b:if></span>" from above codes.<br /><br />5.Now save your template.<br /><br />You can view more info from here:<br /><br /><ins>http://twitter.com/goodies/tweetbutton</ins><br /><br />Want to build a custom tweet button for your site? Check out developer documentation for the Sharing API to provide the same Tweet Button sharing functionality with your own style :<br /><br /><ins>http://dev.twitter.com/pages/tweet_button</ins>adminhttp://www.blogger.com/profile/07536198853994563500noreply@blogger.com0