Download Sak Karepmu

Tampilkan postingan dengan label Blogger Tools. Tampilkan semua postingan

Home > Posts filed under Blogger Tools

How to install or add a Favicon in a blog or website : Full Tutorial

<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 20px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3tjl9DmZ6RnVgX9FtZcOm-ZGLnsdmMShDrN9DLUqKEwC6cyU6orin9E-nE7BwW-5Lw8AbJ9bbvnXfn0KVIoeSb2qdCWNxh4xAIm2mvh09YX9d7iAa9-P-R00uhJetK0vaM5qqV-lCfz4/s1600-h/google-favicon-icon-andre-resende-computer-science-undergraduate-student-university-of-campinas-brazi-lower-case-g-brand-colors-blue-red-yellow-green-url-web-graphic-design-image.jpg" style="color: #a91b33; font-weight: bold; text-decoration: none;"><img alt="How to install or add a Favicon in a blog or website : Full Tutorial" border="0" id="BLOGGER_PHOTO_ID_5343546220876919090" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3tjl9DmZ6RnVgX9FtZcOm-ZGLnsdmMShDrN9DLUqKEwC6cyU6orin9E-nE7BwW-5Lw8AbJ9bbvnXfn0KVIoeSb2qdCWNxh4xAIm2mvh09YX9d7iAa9-P-R00uhJetK0vaM5qqV-lCfz4/s200/google-favicon-icon-andre-resende-computer-science-undergraduate-student-university-of-campinas-brazi-lower-case-g-brand-colors-blue-red-yellow-green-url-web-graphic-design-image.jpg" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; cursor: pointer; float: left; height: 140px; margin-bottom: 10px; margin-left: 0pt; margin-right: 10px; margin-top: 0pt; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 140px;"></a><br>A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 pixel square icon associated with a particular website, blog or webpage. Some of my friends asked about installing or adding a favicon to their blogs and stuff related to it. I have </span><br><a href="http://mmktricks.blogspot.com/2011/06/how-to-install-or-add-favicon-in-blog.html#more">Read more »</a>

A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 pixel square icon a...

How To Count Characters in Post Titles & Meta Descriptions

Both Post titles and Meta Description plays an integral part in the eyes of search engines. It’s important that your Meta Description must n...

Submit your blog posts to major social bookmarking and networking sites at once

<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 13px; line-height: 20px;"><img alt="Submit your blog posts to major social bookmarking and networking  sites at once" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrxTmsJ6tlPZtPIdhdu-GXva88c_ram_H2ZO0HtoqAmMlBxVLln6VjNE4jSiN0zsANEqWxmfWQ1uR3fGZXHU1JC_a143s2FDPN8fhomd3ApW2nQLJ_wSU5Etp184XsRJ-DX8AmvOGqTls/?imgmax=800" style="float: left; margin-bottom: 10px; margin-right: 10px; margin-top: 0px; max-width: 800px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="Submit your blog posts to major social bookmarking  and networking sites at once">Social Networking and social bookmarking has become very popular among internet users, hence it has become very important for bloggers to target the social networking sites such as <a bitly="BITLY_PROCESSED" href="http://twitter.com/mybloggertrick" style="color: #a91b33; font-weight: bold; text-decoration: none;" target="_blank">Twitter</a>, <a bitly="BITLY_PROCESSED" href="http://www.facebook.com/mybloggertrick" style="color: #a91b33; font-weight: bold; text-decoration: none;" target="_blank">Facebook</a>, <a bitly="BITLY_PROCESSED" href="http://digg.com/users/mmkdrocker" style="color: #a91b33; font-weight: bold; text-decoration: none;" target="_blank">Digg</a> etc. These services have become so huge that they have hundreds of millions of users worldwide. So it can become a good source of traffic for blogs and websites. Along with it these sites also provide a good source of link building. Now the problem is that there are <i>so many sites</i> and </span><br></div><a href="http://mmktricks.blogspot.com/2011/06/submit-your-blog-posts-to-major-social.html#more">Read more »</a>

Social Networking and social bookmarking has become very popular among internet users, hence it has become very important for bloggers to ta...

Protect Your Blogger Site From Copy - Paste

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIWTemnzVQFJPUBoR3wFa-BdkNoDN7VJGZ3UKPOLYDdaRQRinlUK7fb2t2nf_2y9QjojYraG26CAUQhBe84hDB9kzvUHzpvqmJvREB1ovXooXhrQYp__5HFIkM2tm2yHqTbo1ve4gl29md/s1600/protect-content-copyright_thumb.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIWTemnzVQFJPUBoR3wFa-BdkNoDN7VJGZ3UKPOLYDdaRQRinlUK7fb2t2nf_2y9QjojYraG26CAUQhBe84hDB9kzvUHzpvqmJvREB1ovXooXhrQYp__5HFIkM2tm2yHqTbo1ve4gl29md/s200/protect-content-copyright_thumb.jpg" width="200"></span></a></div><span style="font-family: inherit;">This is very annoying when you find someone is copying your writings.Now question arise how to protect your blogger website from stealing your writings.now i share a tricks how can you save your blogger site from being copy paste.i mentioned a HTML code it will protect your only blogger site from copy paste</span><br></div></div><a href="http://mmktricks.blogspot.com/2012/05/protect-your-blogger-site-from-copy.html#more">Read more »</a>

This is very annoying when you find someone is copying your writings.Now question arise how to protect your blogger website from stealing yo...

How To Remove Links From Comments On Blogger - No Spam

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBcv7YQbUyeIW3J-DmrXyXX5m_0r3TSGmGvdq2Zx_kHD-hznu0hOdDE8au508A0Fu2lejc8kfuQmKDwmVpnnL68lbntOQs0JhRSd_1_g6dsrzTDWx3dZ6zRv0SsmhgXlaUPu8Ev3aPYlp8/s1600/nospam.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBcv7YQbUyeIW3J-DmrXyXX5m_0r3TSGmGvdq2Zx_kHD-hznu0hOdDE8au508A0Fu2lejc8kfuQmKDwmVpnnL68lbntOQs0JhRSd_1_g6dsrzTDWx3dZ6zRv0SsmhgXlaUPu8Ev3aPYlp8/s200/nospam.jpg" width="200"></a></div><big><span style="font-family: inherit; font-size: small;">Its very common to post URL to other rich websites for raising traffic and page rank. But it's spamming and very disgusting for those webmasters who are facing this. many people make comment on various blog but their intention is only to get blacklink. They usually adopt Name/URL option to make comment in blogger. It's called Backhat SEO You can easily get rid of this trouble.</span></big><br></div></div><a href="http://mmktricks.blogspot.com/2012/05/how-to-remove-links-from-comments-on.html#more">Read more »</a>

Its very common to post URL to other rich websites for raising traffic and page rank. But it's spamming and very disgusting for those we...

How To Post HTML Code In Blogger Comments Form

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizA5OUUSlTA8g8Ss7PMID5yxwWZZVrSlg_pyzKsEtOFSiJ7Y63xTVbuyA9rQ3iagDXmO8gOxrIMONLUeSyNtjhOdvdC5tkMDodR95KzGp0mMg7ENUOPx9AvAYATMK2_xY6nEz9NGu1rTM/?imgmax=800" width="256"></div>PS: This Post is an experiment and not a new one<br><hr><span style="text-align: justify;">While writing tutorials or asking a question, sometimes it becomes very necessary to post html and javascript codes in your blog comment forms powered by Blogger. You have seen many authors posting HTML effectively but when some of you try to do it, you get an error. This is because Blogger Comment form doesn't support direct posting of HTML and JavaScript. In order to help you to do that we will need to change/encode the same code into a text and then post it effectively without any error.</span><br><div style="text-align: justify;"></div></div><a href="http://mmktricks.blogspot.com/2012/01/how-to-post-html-code-in-blogger.html#more">Read more »</a>

PS: This Post is an experiment and not a new one While writing tutorials or asking a question, sometimes it becomes very necessary to post h...

Add Cool Floating Feedback Buttons in Blogger

Here is yet another PNG set for Feedback buttons which can be added in a similar method as we did for the previous Feedback Buttons set. Thi...

Stylized Page Navigation Widget For Blogger!

<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"></span><br><div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHHhd81c5cLbQ8mPL3K_V5zZUN3eO-CwMOa-ezYSd5EzzH-PmgIjpoim7ET109mekz32QPvTUUFRLbDmpVICx1ggL43zleqpS7W5hF-cboCXjxKTI5YDkTF_z3dNH0uMbDyOPM6r8ZJE/s1600-h/Page-Navigation-Widget-for-Blogger%5B10%5D.jpg" style="color: #0084ce; text-decoration: none;"><img align="left" alt="Page-Navigation-Widget-for-Blogger" border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2WXWJ1c5HZNG_yD__9uiu2lvakwn5kXIUL5IjItGntBLFUAekzpD8Ng-NxJLoCTF8sIoiz8V7DUKYjSLzeHmnbXlhpBrHKtdvwNo3WmMOHVLNq5YYL84H_lPMgf2PoE5vhiMPyEBZPa4/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="Page-Navigation-Widget-for-Blogger" width="197"></a>As mentioned in the download page of some MBT Crunch Theme that it has a Page Navigation Widget that is an alternative to Recent Posts, Home and Older Posts links at the bottom of blogger hosted blogs. In order to add the stylized version of Page Navigation Widget created by <a href="http://mmktricks.blogspot.com/" style="text-decoration: none;" target="_blank"><span style="color: red;">Abu Farhan</span></a> to MBT Crunch Theme, follow the steps below,</div></div><a href="http://mmktricks.blogspot.com/2011/06/stylized-page-navigation-widget-for.html#more">Read more »</a>

As mentioned in the download page of some MBT Crunch Theme that it has a Page Navigation Widget that is an alternative to Recent Posts, Home...

Add a favicon for blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"></span><br><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">Favicon is one small part of your blog design, usually blogger blogs have Blogger logotype as favicon, but you can easily change it to your favicon.One of the interesting features of HTML is the website icon or popularly known to us as the Favicon, a shortcut for Favorite Icon. This icon is an image that is displayed, by supported browsers, before the site's title in the tab or the image you can see beside the site's url in the address bar.</div><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/iaTGq1" imageanchor="1" style="color: #dc0771; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;"><img border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXnAkOBO5DXEndSpFSQ7u0C-t-EW2ZEbBLP8bCxGEALMMzJXALMxx0u5J57ru5K4l6-Gl6sOuXrg7YCTqPUQ_M3fs_HZ34wnH9-vHAXGbprUf_uGT_JIKO8agkk7U6MOTNKcxYPbrtYyfF/s1600/How+to+Change+Favicon+in+Blogger.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-color: initial; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-style: initial; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; font-family: inherit; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" width="320"></a></div><a href="http://www.blogger.com/post-edit.g?blogID=7409446397599659962&postID=8231151448105141660" name="more" style="outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;"></a><br><b>Adding a favicon to the blogger(blogspot) blog:</b><br>First you need to design/create/generate a favicon or get the ‘readymade’ favicons<br></div><a href="http://mmktricks.blogspot.com/2011/06/favicon-is-one-small-part-of-your-blog.html#more">Read more »</a>

Favicon is one small part of your blog design, usually blogger blogs have Blogger logotype as favicon, but you can easily change it to your ...

Facebook comments Box Instead of Blogger Comments Form

<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"></span><br><div align="justify"><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"></span></div><div align="justify"><img align="left" alt="facebook-commnets-box" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-IXiF_k4m4JIB8Yt0b7yzskInx2Wf85er6zv9ckhyphenhyphenHYCmT5rshYu0ljiyx9DZwrMQgUd9xOMr0KO_frFzDYFxhJvIm5xq5uyGerPJjZGSlT2lb4JobTTUE1qvzqktVmMU8ZHxGxNOYVw/?imgmax=800" style="display: inline; float: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="facebook-commnets-box" width="300">The previous post on <a href="http://www.mybloggertricks.com/2011/06/add-facebook-comments-box-to-blogger.html" style="color: #0084ce; text-decoration: none;" target="_blank">Facebook comments box</a> did not replace your blogger comment form but if you wish to completely remove the blogger form and use this new plugin then steps are even</div></div><a href="http://mmktricks.blogspot.com/2011/06/facebook-comments-box-instead-of.html#more">Read more »</a>

The previous post on Facebook comments box did not replace your blogger comment form but if you wish to completely remove the blogger form...

Facebook Like and Send Button In 108 Languages

<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><img align="left" alt="Facebook-International" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirWevOVJ19VcXFT7Mbk8IZJA3ivnYoOZwQZWyj3oyuFWuImhdoZ1DyA2GIFDf7DXdjijPEMkLJaASlFd86auKBjRDv_ck3dgzTsUvg3qeYXKOgPx1C_W-snzIQqjn1c5j2pX2JTYZ0s74/?imgmax=800" style="display: inline; float: left; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="Facebook-International" width="317">An International Facebook Like and Send Button Plugins can not directly be created at Facebook Developer page however we can tweak the code to change the language of the buttons to any country we choose. I previously shared a tutorial on how to addFacebook Like and </span><br></div><a href="http://mmktricks.blogspot.com/2011/06/facebook-like-and-send-button-in-108.html#more">Read more »</a>

An International Facebook Like and Send Button Plugins can not directly be created at Facebook Developer page however we can tweak the code ...

Attractive Read More Button Images For Blogger|Blogspot blogs –Arrow Head

Thankfully I am again proud to present another unique blogger resource entitled Arrow Head Read More Image Buttons which are barely avai...

Add Icons Next To Hyperlinks Using CSS3

Cascading Style Sheet is the heart of designers and with latest web technology such as CSS3, designing has become even more interesting. Tha...

Add LinkedIn Share Counter Buttons To Blogger

LinkedIn is a social networking site for business purposes. It is counted amongst the top 30 websites. It was founded in 2002 and today it ...

How to add an ICON IMAGE next to a Hyperlink?

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg37RPXgcjT157aMO7h987Ozc6uMg4joTrxzvuxS3EuyCtBaFqfJFLTNY9FeQG4R9JvpY6ItX8vPx3c4lyPJPWz6EDaKreb0KcmVmL4SKvsrht9a6DGGbwQlwfDCpcmTNZ2Uszr5cFPpGU/?imgmax=800" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img align="right" alt="ADD-ICON-TO-HYPERLINK" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg37RPXgcjT157aMO7h987Ozc6uMg4joTrxzvuxS3EuyCtBaFqfJFLTNY9FeQG4R9JvpY6ItX8vPx3c4lyPJPWz6EDaKreb0KcmVmL4SKvsrht9a6DGGbwQlwfDCpcmTNZ2Uszr5cFPpGU/?imgmax=800" style="display: inline; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="ADD-ICON-TO-HYPERLINK" width="288"></a><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">Adding icons or images next to Hyperlinks indeed brands your links. The tutorial today will let you add an icon next to any link you want. It is different from our previous post where I shared how can you <a href="http://www.mybloggertricks.com/2011/06/add-icons-next-to-hyperlinks-using-css3.html" style="color: #0084ce; text-decoration: none;" target="_blank">add icons to hyperlinks using CSS3</a>. Most of you </span><br></div><a href="http://mmktricks.blogspot.com/2011/06/how-to-add-icon-image-next-to-hyperlink.html#more">Read more »</a>

Adding icons or images next to Hyperlinks indeed brands your links. The tutorial today will let you add an icon next to any link you want. I...

Floating Google +1, Facebook, Twitter Buttons For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"></span><br><div align="justify"><img align="left" alt="Floating buttons" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgywOPUr9WojMrDTqVVGJbf_Y5Kjb9_wNYqseoNoa9Vs13X48iRl5seykLXjxFsqXh8H0r0CFJmuWZMGl_hXkjvyKU9qZjoVAtX5uE7f-OH_dcuxSQVU2QDCk0WZgv8JAjR3NkuoZ-l5cA/?imgmax=800" style="display: inline; float: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="Floating buttons" width="70"><span style="color: green;"><strong>Finally the Sliding Counters! </strong></span>Till now we learned and created many <a href="http://www.mybloggertricks.com/2011/04/add-floating-facebook-like-and-retweet.html" style="color: red; text-decoration: none;" target="_blank">floating social share buttons</a> but those button widgets in fact do not slide when the user scrolls the page up or down. The only thing I needed was a well constructed JavaScript code that could make the widget to float up and down synchronously with the webpage movement. Thanks to <a href="http://www.jtricks.com/javascript/navigation/floating.html" style="color: red; text-decoration: none;" target="_blank">Jtricks'</a> Floating Menu code, we finally managed to bloggerize the floating effect and this widget is all ready to be added to your beautiful blogger blogs.  Kindly view the demo first,<br></div></div></div></div><a href="http://mmktricks.blogspot.com/2011/06/floating-google-1-facebook-twitter.html#more">Read more »</a>

Finally the Sliding Counters! Till now we learned and created many floating social share buttons but those button widgets in fact do not ...

HTML Color Generator

The two tools below will help you get the six digit color code i.e hexadecimal value. These tools will help you a lot in customizing your Bl...

10 Ways To Style and Create "Read More" Links In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"></span><br><div align="justify"><img align="left" alt="readmore-buttons" height="351" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFa4cFtBV-pwqeaOkyX716HY4u7r0TDRKa8wD7oDDbfERD3hgZFI_Sjk0COUZuPJzDMH6b-se4eeTNtqNOkepN8kPgHxjT91ktT44Vlm4dwJxwVxhj0D44nqcvDP9u_Ynt7jfKVt9j8HA/?imgmax=800" style="display: inline; float: left; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="readmore-buttons" width="184">Creating '<em>After the jump</em>' summaries using Read More Link makes your homepage load fast and keep things organized and well managed. Till now I shared many tutorials on free<a href="http://www.mybloggertricks.com/2009/09/attractive-read-more-button-images-for.html" style="color: #0084ce; text-decoration: none;" target="_blank">"Read More" Buttons</a> and Continue Reading Links but today we will learn to create beautiful Read More buttons without using any image at all. We will use pure CSS to make this happen. I have styled a total of 10 buttons which I hope you will find interesting to further customize. Please see a demo first:</div><a href="http://www.blogger.com/post-edit.g?blogID=7409446397599659962&postID=6368699164748572635" name="more" style="color: #0084ce; text-decoration: none;"></a><br><div align="justify"><br></div><br><br><center><span style="border-bottom-color: rgb(72, 161, 250); border-bottom-style: solid; border-bottom-width: 10px; border-left-color: rgb(72, 161, 250); border-left-style: solid; border-left-width: 10px; border-right-color: rgb(72, 161, 250); border-right-style: solid; border-right-width: 10px; border-top-color: rgb(72, 161, 250); border-top-style: solid; border-top-width: 10px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;"><a href="http://zailab.blogspot.com/2011/06/10-ways-to-style-read-more-link.html" style="color: #0084ce; text-decoration: none;" target="_blank">Live Demo</a></span></center><br><div align="justify"><br></div><div align="justify"><br></div></div><a href="http://mmktricks.blogspot.com/2011/06/10-ways-to-style-and-create-read-more.html#more">Read more »</a>

Creating ' After the jump ' summaries using Read More Link makes your homepage load fast and keep things organized and well managed....

Remove Read More Link or Jump Break Link Provided by Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikb8Gu1wEBAenYfkqXPGhpFgsLQJm-8yyYP3fRGe9OFHJVoSd7tBoo1A0qYEfpaFOWA93_Yo71cNwSCS-cKgNcZp06KaGBUSnVDY-lv1F8ifIIm4k74PrlHMr2hRh962-dKoRYDCogfIs/?imgmax=800" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img align="right" alt="DELETE-READ-MORE" border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikb8Gu1wEBAenYfkqXPGhpFgsLQJm-8yyYP3fRGe9OFHJVoSd7tBoo1A0qYEfpaFOWA93_Yo71cNwSCS-cKgNcZp06KaGBUSnVDY-lv1F8ifIIm4k74PrlHMr2hRh962-dKoRYDCogfIs/?imgmax=800" style="display: inline; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="DELETE-READ-MORE" width="334"></a><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">Half an hour ago I published 10 ways of customizing Read More links. However some of you might be facing a problem in styling the read more link in official blogger Designer templates. In order to apply the style effects to such templates you will</span><br></div><a href="http://mmktricks.blogspot.com/2011/06/remove-read-more-link-or-jump-break.html#more">Read more »</a>

Half an hour ago I published 10 ways of customizing Read More links. However some of you might be facing a problem in styling the read more ...

HTML color codes and names

<div dir="ltr" style="text-align: left;" trbidi="on"><b><span style="color: #005cb9; font-family: 'Trebuchet MS', sans-serif;">Quick links</span></b><br><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 30.0pt; mso-margin-top-alt: auto;"><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;"><span style="color: #333333;">About codes and colors and how to apply</span><br><span style="color: #333333;">Major hexadecimal color codes</span><br><span style="color: #333333;">Color Code Chart</span><br><span style="color: #333333;">HTML help</span><br><span style="color: #333333;">Back to Computer Hope</span><o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-margin-top-alt: auto;"><a href="http://www.blogger.com/post-edit.g?blogID=7409446397599659962&postID=8465452450324893686" name="01"></a><b><span style="color: #005cb9; font-family: 'Trebuchet MS', sans-serif;">About color codes and how to </span></b><b><span style="color: #005cb9; font-family: 'Trebuchet MS', sans-serif;">apply</span></b></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 30.0pt; mso-margin-top-alt: auto;"><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;"><span style="color: #333333;">HTML</span></span><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;"> </span><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;">color codes are</span><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;"> </span><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;"><span style="color: #333333;">hexadecimal</span></span><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;"> </span><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;"><span style="color: #333333;">triplets</span></span><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;"> </span><span style="color: #333333; font-family: 'Trebuchet MS', sans-serif;">representing the colors red, green, and blue. For example, in the the color red, the color code is FF0000, which is '255' red, '0' green, and '0' blue.</span><br></div></div><a href="http://mmktricks.blogspot.com/2011/06/html-color-codes.html#more">Read more »</a>

Quick links About codes and colors and how to apply Major hexadecimal color codes Color Code Chart HTML help Back to Computer Hope About col...