Cool-Tricks about Blogging
Up-to-date tips and tricks, widgets, layouts, themes about blogging and blogger, adsense and seo.Javascript, dhtml and jquery resources for your website.
Articles
Recent Posts Widget for Blogger
2010-02-23 07:49:00
It is good way to show recent posts in your blog, in order to make it easier to show what is new to your readers.You can follow simple steps to add recent posts widget to your blog. NOTE:With this method, you can also add feeds from another blogs. Go to Layout tab from Dashboard. Click Add a Gadget button in area you want to put your widget. Select Feed from list. Enter following as your Feed URL: YOURCOOLBLOGURL/feeds/posts/default or YOURCOOLBLOG.blogspot.com/feeds/posts/default After pressing continue button, you should be able to see preview of your widget.You also set some preferences as you want. You can move your widget in exact place you want it to be and save your layout. That’s all, i hope that information was helpful for you.
2010-02-23 07:49:00
It is good way to show recent posts in your blog, in order to make it easier to show what is new to your readers.You can follow simple steps to add recent posts widget to your blog. NOTE:With this method, you can also add feeds from another blogs. Go to Layout tab from Dashboard. Click Add a Gadget button in area you want to put your widget. Select Feed from list. Enter following as your Feed URL: YOURCOOLBLOGURL/feeds/posts/default or YOURCOOLBLOG.blogspot.com/feeds/posts/default After pressing continue button, you should be able to see preview of your widget.You also set some preferences as you want. You can move your widget in exact place you want it to be and save your layout. That’s all, i hope that information was helpful for you.
How to Solve URL Not Allowed Error at Google Sitemaps
2010-02-22 12:19:00
If you are using feedburner for your rss feeds, and if you try to add your sitemap to google by using your atom.xml page, you probably encountered by an error, and failed to add sitemap. Solution is very simple.Just add your sitemap by using: yourcoolblog.blogspot.com/ atom.xml?orderby=updated or yourcoolblog.com/ atom.xml?orderby=updated you can also use: yourcoolblog.blogspot.com/ atom.xml?redirect=false or yourcoolblog.com/ atom.xml?redirect=false I hope that trick was helpful for you.Have a nice day
2010-02-22 12:19:00
If you are using feedburner for your rss feeds, and if you try to add your sitemap to google by using your atom.xml page, you probably encountered by an error, and failed to add sitemap. Solution is very simple.Just add your sitemap by using: yourcoolblog.blogspot.com/ atom.xml?orderby=updated or yourcoolblog.com/ atom.xml?orderby=updated you can also use: yourcoolblog.blogspot.com/ atom.xml?redirect=false or yourcoolblog.com/ atom.xml?redirect=false I hope that trick was helpful for you.Have a nice day
Page Rank Checker / Displayer
2010-02-20 12:42:00
You can check your pagerank, and show it in your website by using simple form below.Just type your URL, and select display style you want, that’s all.
2010-02-20 12:42:00
You can check your pagerank, and show it in your website by using simple form below.Just type your URL, and select display style you want, that’s all.
How to Show Codes in Posts
2010-02-19 13:17:00
How to make your browser ignore codes? How to show codes in blogger? In many websites including ours, you can see html codes with no effects like <br> or <b> some text </b>.You need a little trick to show codes to readers, and make them ignored by browser. If you want to do this automatically, you can use our tool: Go to http://www.cool-tricks.net/p/converter.html or select Code Converter from upper menu in our site. Paste your code which you want to show in your webpage to upper textbox. After pressing convert, you will get modified code of yours. You can paste that code in your html, where you want your code to be shown. If you preview, you will see you are done and your code is ignored by browser. If you want to do this manually:
2010-02-19 13:17:00
How to make your browser ignore codes? How to show codes in blogger? In many websites including ours, you can see html codes with no effects like <br> or <b> some text </b>.You need a little trick to show codes to readers, and make them ignored by browser. If you want to do this automatically, you can use our tool: Go to http://www.cool-tricks.net/p/converter.html or select Code Converter from upper menu in our site. Paste your code which you want to show in your webpage to upper textbox. After pressing convert, you will get modified code of yours. You can paste that code in your html, where you want your code to be shown. If you preview, you will see you are done and your code is ignored by browser. If you want to do this manually:
How to Add Live Traffic Feed / Map
2010-02-18 13:12:00
Live traffic feed is very popular among blogs recently.If you like surfing, you probably saw it in lots of blogs.If you want to add that widget to your blog you can apply following to your blog: Go to http://feedjit.com/joinjs/ Choose the widget you want.(Live traffic widget or Live traffic map) Click “Click here to Customize It!” button to customize widget as you want. Adjust properties as you want. You can simply click “Click here to Add to Blogger” button if you want to add widget automatically. If you want to add manually: Copy code in text box: Go to Layouts from your Dashboard. Select Add Gadget in the area you want to add widget. Select HTML/Java Script Paste your code inside. Change location of widget as you want. Preview and save changes.
2010-02-18 13:12:00
Live traffic feed is very popular among blogs recently.If you like surfing, you probably saw it in lots of blogs.If you want to add that widget to your blog you can apply following to your blog: Go to http://feedjit.com/joinjs/ Choose the widget you want.(Live traffic widget or Live traffic map) Click “Click here to Customize It!” button to customize widget as you want. Adjust properties as you want. You can simply click “Click here to Add to Blogger” button if you want to add widget automatically. If you want to add manually: Copy code in text box: Go to Layouts from your Dashboard. Select Add Gadget in the area you want to add widget. Select HTML/Java Script Paste your code inside. Change location of widget as you want. Preview and save changes.
How to Add Read More to Blogger
2010-02-17 07:58:00
How to add read more feature to Blogger - How to use read more function in blogger: If you are showing posts in high numbers your main page(or in a category page), you will realize your page is becoming really long and hard to read.You can prevent it by using that feature, so that you will be showing only summary of your posts in main page. Before starting using that feature, you need to add a code in your template: Go to Layout tab from your Dashboard. Select Edit HTML. Find that code: <data:post.body/> Paste following code below it: <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> </div> </b:if > You can save changes in your template. How to use that feature in posts You will see Insert Jump Break button in text editor of blogger.(Click here if you cant see in your text editor) Jump break determines where to put Read More text.Lower parts of post wont
2010-02-17 07:58:00
How to add read more feature to Blogger - How to use read more function in blogger: If you are showing posts in high numbers your main page(or in a category page), you will realize your page is becoming really long and hard to read.You can prevent it by using that feature, so that you will be showing only summary of your posts in main page. Before starting using that feature, you need to add a code in your template: Go to Layout tab from your Dashboard. Select Edit HTML. Find that code: <data:post.body/> Paste following code below it: <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> </div> </b:if > You can save changes in your template. How to use that feature in posts You will see Insert Jump Break button in text editor of blogger.(Click here if you cant see in your text editor) Jump break determines where to put Read More text.Lower parts of post wont
How to Use Updated Editor In Blogger
2010-02-17 07:51:00
If you are using blogger.com to write your posts, it is good idea to use updated editor of blogger.So that you can be able to use latest features (like jump line) easier.You need to follow these steps to start using updated editor: Go to Settings tab from your Dashboard. Under Basic tab, you will see Select post editor field in bottom part of page.Select Updated editor and save your settings.
2010-02-17 07:51:00
If you are using blogger.com to write your posts, it is good idea to use updated editor of blogger.So that you can be able to use latest features (like jump line) easier.You need to follow these steps to start using updated editor: Go to Settings tab from your Dashboard. Under Basic tab, you will see Select post editor field in bottom part of page.Select Updated editor and save your settings.
How to add Tag Cloud to Blogger
2010-02-17 07:39:00
Tag clouds are one of the most popular and useful tools to use it websites.They look nice, and they are functional in websites that provides information in many categories which makes hard to follow all of them.So tag cloud can simply lead guest to popular categories There were some widgets created by webmasters to add tag clouds to blogger.But Blogger added that feature in its own Label widget.So it is much easier to use.You can simply apply following steps on your blog: Go to Layouts tab from your Dashboard Click Add a Gadget button in area where you want widget to be.(You drag your widget later) Select Labels from list. In preferences window that opened, you need to select Cloud as Display Type.You may also want to uncheck Show number of posts per label, since common tag clouds don’t show them You can preview and save your template.
2010-02-17 07:39:00
Tag clouds are one of the most popular and useful tools to use it websites.They look nice, and they are functional in websites that provides information in many categories which makes hard to follow all of them.So tag cloud can simply lead guest to popular categories There were some widgets created by webmasters to add tag clouds to blogger.But Blogger added that feature in its own Label widget.So it is much easier to use.You can simply apply following steps on your blog: Go to Layouts tab from your Dashboard Click Add a Gadget button in area where you want widget to be.(You drag your widget later) Select Labels from list. In preferences window that opened, you need to select Cloud as Display Type.You may also want to uncheck Show number of posts per label, since common tag clouds don’t show them You can preview and save your template.
How to Hide Blogger Navbar
2010-02-17 07:27:00
How to disable blogger navbar – how to hide blogger navbar Blogger navigation bar provides features like search box, follow and share buttons.Although that features, you may not want to see that bar at the top of your blog because of visual reasons, or you may add that features externally.To remove navigation bar, you can follow steps above: Go to Layout tab from your Dashboard Select Edit HTML Find following code: <head> Paste following code below of it: #navbar { height: 0px; visibility: hidden; display: none; } You can preview and see result and save your template.
2010-02-17 07:27:00
How to disable blogger navbar – how to hide blogger navbar Blogger navigation bar provides features like search box, follow and share buttons.Although that features, you may not want to see that bar at the top of your blog because of visual reasons, or you may add that features externally.To remove navigation bar, you can follow steps above: Go to Layout tab from your Dashboard Select Edit HTML Find following code: <head> Paste following code below of it: #navbar { height: 0px; visibility: hidden; display: none; } You can preview and see result and save your template.
How to Disable Right Click in Blogger
2010-02-15 15:33:00
In this article, you'll learn how to disable right mouse click in your blogger site. First of all, go to your blogger dashboard -> layout -> Edit HTML Then in HTML codes of your blog, find </head> tag. Ctrl+F shortcut will server enough to find it. Finally, just before the </head> tag, copy and paste the jquery codes below: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ $(document).ready(function(){ $(document).bind("contextmenu",function(E){ return false; }); }); //]]> </script> That's it.
2010-02-15 15:33:00
In this article, you'll learn how to disable right mouse click in your blogger site. First of all, go to your blogger dashboard -> layout -> Edit HTML Then in HTML codes of your blog, find </head> tag. Ctrl+F shortcut will server enough to find it. Finally, just before the </head> tag, copy and paste the jquery codes below: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ $(document).ready(function(){ $(document).bind("contextmenu",function(E){ return false; }); }); //]]> </script> That's it.