Thursday, April 23, 2015

Awesome 3d Effect Css Menu bar for Blogger

Posted on:Thursday, April 23, 2015 | File Under: , , , 7 comments

Today i came up with new blogger widget, its a smooth 3d effect menu bar with jquery.You can add it to your blogger and make it some more nice.From the beginning, i gave lot of menu bar collection for blogger.
Did you check them  all?

If not Click below link
Awesome CSS Menubar For blogger


How to Add Christmas Lights Widget for Blogger

1. Go to Blogger Dashboard > Template
2. Find ]]></b:skin>
3. Paste below code just below it.

@import url(;
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;font-family: Raleway, sans-serif;line-height: 1;}
#cssmenu > ul {background: #3db2e1;}
#cssmenu > ul > li {float: left;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li > a {padding: 16px 20px;font-size: 14px;color: #ffffff;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;background: #3db2e1;-webkit-transition: all .3s;-moz-transition: all .3s;
  -o-transition: all .3s;transition: all .3s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;
#cssmenu > ul > > a {color: #dff2fa;
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {color: #dff2fa;-webkit-transform: rotateX(90deg) translateY(-23px);-moz-transform: rotateX(90deg) translateY(-23px);transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
#cssmenu > ul > li > a::before {position: absolute;top: 100%;left: 0;z-index: -1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;padding: 16px 20px;color: #dff2fa;background: #19799f;content: attr(data-title);
  -webkit-transition: background 0.3s;-moz-transition: background 0.3s;transition: background 0.3s;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-ms-transform: translateY(- -18px);
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before { background: #3db2e1;}
#cssmenu.small-screen {width: 100%;}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
  color: #dff2fa;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
#cssmenu.small-screen > ul > li > a::before {
  display: none;
#cssmenu.small-screen #menu-button {
  display: block;padding: 16px 20px;cursor: pointer;font-size: 14px;text-decoration: none;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;background: #3db2e1;}
#cssmenu.small-screen #menu-button:after {
  content: "";position: absolute;right: 20px;top: 17px;display: block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;width: 22px;height: 3px;
#cssmenu.small-screen {
  border-top: 2px solid #dff2fa;
  border-bottom: 2px solid #dff2fa;
#cssmenu.small-screen #menu-button:before {
  content: "";position: absolute;right: 20px;top: 27px;display: block;width: 22px;
  height: 2px;
  background: #ffffff;
#cssmenu.small-screen {
  background: #dff2fa;

<script src="" type="text/javascript"></script> <script charset='utf-8' src='' type='text/javascript'/> 

4. Now go to blogger Layout
5. Click Add Gadget and select 'HTML/Javascript'
6. Paste below code.
<div id='cssmenu'>
   <li class='active'><a href='#'>Home</a></li>
   <li><a href='#'>Products</a></li>
   <li><a href='#'>Company</a></li>
   <li><a href='#'>Contact</a></li>

7. Now save your HTML/Javascript'.You are done. If you have any problem related to this 3d Effect Css Menu bar. Just leave a comment.I will help to you.

Author Bio: Sohan Jayasinghe is the owner and author of .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page or connect with facebook or twitter
Read More

Saturday, February 14, 2015

Top Marketing Tips for Instagram to Success Your Online Business

Posted on:Saturday, February 14, 2015 | File Under: , 6 comments

Although being relatively young in the social networking scene, Instagram has quickly gained popularity and now boasts 300 million active monthly users. This number is only expected to grow as smartphones take over the global market. Instagram's rapid growth is due to the following reasons:
1.   It's easy and fun - there are no complicated help topics or FAQs needed for someone to get started
      with Instagram. The learning curve is manageable even for people who are not technologically
      savvy. Better yet, the ability to apply filters, borders and other special effects allows people with
      little artistic ability to drastically change their images without the need for expensive software.

2.   It's free – All of the filters and other bells and whistles are provided completely free of charge.

3.   It's social – Instagram allows you to capture a moment in time and then share it with your
      followers instantaneously. While you can do this on Facebook, Instagram allows you to apply
      different effects to capture not only the actual event, but the feeling associated with that
      particular  moment.

4.   It's visual – visual content is more in-demand than ever before and Instagram provides a
      completely visual platform.


 Instagram Is An Important Content Marketing Tools

All of these reasons combined has allowed Instagram to become not only one of the biggest social networks but also has one of the highest engagement rates as well. Around 70 percent of Instagram users visit the site at least once a day with 35 percent visiting it multiple times a day. If you're just starting out with Instagram, you might not know exactly how to approach it. The following tips can help you get started and you'll soon be well on your way to being an Instagram master.

Tell a story about some important thing

While Instagram might be a visual platform, you don't need to sell visual products to join the service. At the end of the day, what will bring people to your profile is the story you tell through your images. These pictures can be of your product, customer or even your brand personality. The important part is to ensure all of your images all communicate a message that will also resonate with your audience. The best way to do this is to study up on your competitors and see what they are doing. Then ask yourself how you can differentiate yourself from them. More importantly, make sure your photos provide value to your followers.

Create own awesome contents

Just because Instagram might allow lower resolution photos doesn't mean you should use them. Use high-quality images and keep the filter use to a minimum as much as possible. If you can, use a third-party editing app instead to enhance your images before submitting them to Instagram. While images are the bread and butter of Instagram, don't underestimate the power of a good caption to your photos. They can be funny or inspirational, but above all they should encourage engagement. If you want to encourage even more interaction, as of 2013 Instagram now allows short 15-second videos. Brands have quickly adopted this new feature and have been very successful as 40 percent of the most shared Instagram videos are from brands.

Engaged with other users

Like other social networks, you need to proactively interact with other users in order to gain followers. While it might seem strange to simply comment on users who don't follow you, this is the best way to reach influences. For best results follow these steps:
  • Find an user with a high follower count in your niche
  • Like five of their photos
  • Comment on three of their photos
When commenting, don't just type in vague niceties. Instead, leave a thoughtful comment that adds value and can potentially start a conversation. On your own profile, be sure to add relevant hashtags to your posts and respond to comments.

Grow your followers

Your follower count won't increase overnight, but once you've figured out the images, text and hashtags that work best for you, you'll be able to attract more people to your profile.

Ivan Serrano is a journalist living in Northern California. He prefers to write about social media, marketing and small business. Ivan occasionally writes on the blog, he loves practicing photography and his favorite thing to do is watch his favorite sports teams.

Author Bio: Sohan Jayasinghe is the owner and author of .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page or connect with facebook or twitter
Read More

Saturday, December 27, 2014

How to Add 2015 New Year Fireworks Decoration for Blogger

Posted on:Saturday, December 27, 2014 | File Under: , , 24 comments

Hi friends,Today i came up with new blogger tricks, its a awesome fireworks decoration for 2015 new year using JavaScript.It can be add it to your blog easily.This scripts works for every modern browsers. if you are interesting with it check below link before add it to your blogger. Hope this helps to decorate your personal blog,blogger tricks blog in this  new year 2015.


Awesome Lights Effect Widget for Blogger

How to Add Christmas Lights Widget for Blogger

1. Go to Blogger Dashboard > Template
2. Backup your template
3. Click on Edit HTML
4. Find  </body>   and add below code just before it
<script type="text/javascript">
// <![CDATA[
var bits=80; // how many bits
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
//                     blue    red     green   purple  cyan    orange  pink

var bangheight=new Array();
var intensity=new Array();
var colour=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var swide=800;
var shigh=600;
var boddie;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();


function light_blue_touchpaper() { if (document.getElementById) {
  var i;
  for (i=0; i<bangs; i++) {
    setInterval('stepthrough('+i+')', speed);
function write_fire(N) {
  var i, rlef, rdow;
  stars[N+'r']=createDiv('|', 12);
  for (i=bits*N; i<bits+bits*N; i++) {
    stars[i]=createDiv('*', 13);
function createDiv(char, size) {
  var div=document.createElement("div");"px monospace";"absolute";"transparent";
  return (div);
function launch(N) {
  if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
  else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
  else stars[N+"r"].firstChild.nodeValue="|";
function bang(N) {
  var i, Z, A=0;
  for (i=bits*N; i<bits+bits*N; i++) {
    if (decay[i]) decay[i]--;
    else A++;
    if (decay[i]==15) Z.fontSize="7px";
    else if (decay[i]==7) Z.fontSize="2px";
    else if (decay[i]==1) Z.visibility="hidden";
    if (decay[i]>1 && Math.random()<.1) {
       setTimeout('stars['+i+'].style.visibility="visible"', speed-1);

  if (A!=bits) setTimeout("bang("+N+")", speed);
function stepthrough(N) {
  var i, M, Z;
  var oldx=Xpos[N+"r"];
  var oldy=Ypos[N+"r"];
  if (Ypos[N+"r"]<bangheight[N]) {
    for (i=N*bits; i<bits+bits*N; i++) {
      if (M<colours.length)[i%2?colour[N]:M];
      else if (M<2*colours.length)[colour[N]];
function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  if (sw_min==999999 || sh_min==999999) {
// ]]>
</script><a href=""></a>
 Hint: If you want change fireworks colors. you have to change red color code with new color codes.
4. Now save your Template.

You are done. If you have any problem related with this new blogger tricks , New Year Fireworks Decoration for Blogger. Just leave a comment or  message .I will help to you.

Author Bio: Sohan Jayasinghe is the owner and author of .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page or connect with facebook or twitter
Read More

Saturday, December 20, 2014

Add Christmas Snow Falling Effect With Snowman for Blogger

Posted on:Saturday, December 20, 2014 | File Under: , , , 2 comments

How you friends? Hope you all doing great. Christmas seasons is coming,For this 2014 season you can decorate your blog with snow falling effect.So this post will help you to add Snow falling effect for your blog. last Christmas season, i posted about how to add  light decoration for your blog. if you are interesting with it check below link. Both are included with demo. Hope this help.


Awesome Christmas Lights Widget for Blogger

How to Add Christmas Lights Widget for Blogger

1. Go to Blogger Dashboard > Template
2. Backup your template
3. Click on Edit HTML
4. Find  <body>   and add below code just after it
<script src='' type='text/javascript'></script>
<script src='' type='text/javascript'</script>
<script type='text/javascript'>
(function(b){b.snowfall=function(a,d){function s(c,f,g,h,j){;this.x=c;this.y=f;this.size=g;this.speed=h;this.step=0;this.stepSize=e(1,10)/100;if(d.collection)[e(0,m.length-1)];c=b(document.createElement("div")).attr({"class":"snowfall-flakes",id:"flake-"}).css({width:this.size,height:this.size,background:d.flakeColor,position:"absolute",top:this.y,left:this.x,fontSize:0,zIndex:d.flakeIndex});b(a).get(0).tagName===b(document).get(0).tagName?(b("body").append(c),a=b("body")):
b(a).append(c);this.element=document.getElementById("flake-";this.update=function(){this.y+=this.speed;this.y>n-(this.size+6)&&this.reset();"px";"px";this.step+=this.stepSize;this.x+=Math.cos(this.step);if(d.collection&&this.x><><{var"2d"),,,;if(e[parseInt(c)][parseInt(a+this.speed+this.size)]!==void 0||a+this.speed+this.size>>{for(;a+this.speed+this.size>>0;)this.speed*=0.5;b.fillStyle="#fff";e[parseInt(c)][parseInt(a+this.speed+this.size)]==void 0?(e[parseInt(c)][parseInt(a+this.speed+this.size)]=1,b.fillRect(c,a+this.speed+this.size,this.size,this.size)):(e[parseInt(c)][parseInt(a+this.speed)]=1,b.fillRect(c,a+this.speed,
this.size,this.size));this.reset()}else this.speed=1,this.stepSize=0,parseInt(c)+1<[parseInt(c)+1][parseInt(a)+1]==void 0?this.x++:parseInt(c)-1>0&&e[parseInt(c)-1][parseInt(a)+1]==void 0?this.x--:(b.fillStyle="#fff",b.fillRect(c,a,this.size,this.size),e[parseInt(c)][parseInt(a)]=1,this.reset())}(this.x>l-i||this.x<i)&&this.reset()};this.reset=function(){this.y=0;this.x=e(i,l-i);this.stepSize=e(1,10)/100;this.size=e(d.minSize*100,d.maxSize*100)/100;this.speed=e(d.minSpeed,d.maxSpeed)}}
function p(){for(c=0;c<j.length;c+=1)j[c].update();q=setTimeout(function(){p()},30)}var d=b.extend({flakeCount:35,flakeColor:"#ffffff",flakeIndex:999999,minSize:1,maxSize:2,minSpeed:1,maxSpeed:5,round:false,shadow:false,collection:false,collectionHeight:40},d),e=function(b,a){return Math.round(b+Math.random()*(a-b))};b(a).data("snowfall",this);var j=[],f=0,c=0,n=b(a).height(),l=b(a).width(),i=0,q=0;if(d.collection!==false)if(f=document.createElement("canvas"),f.getContext&&f.getContext("2d"))for(var m=
[],f=b(d.collection),k=d.collectionHeight,c=0;c<f.length;c++){var g=f[c].getBoundingClientRect(),h=document.createElement("canvas"),r=[];if(>0){document.body.appendChild(h);"absolute";h.height=k;h.width=g.width;;;for(var o=0;o<g.width/d.minSize;o+=d.minSize)r[o]=[];m.push({element:h,x:g.left,,width:g.width,height:k,colData:r})}}else d.collection=false;b(a).get(0).tagName===b(document).get(0).tagName&&(i=25);b(window).bind("resize",
function(){n=b(a).height();l=b(a).width()});for(c=0;c<d.flakeCount;c+=1)f=j.length,j.push(new s(e(i,l-i),e(0,n),e(d.minSize*100,d.maxSize*100)/100,e(d.minSpeed,d.maxSpeed),f));d.round&&b(".snowfall-flakes").css({"-moz-border-radius":d.maxSize,"-webkit-border-radius":d.maxSize,"border-radius":d.maxSize});d.shadow&&b(".snowfall-flakes").css({"-moz-box-shadow":"1px 1px 1px #555","-webkit-box-shadow":"1px 1px 1px #555","box-shadow":"1px 1px 1px #555"});p();this.clear=function(){b(a).children(".snowfall-flakes").remove();
j=[];clearTimeout(q)}};b.fn.snowfall=function(a){if(typeof a=="object"||a==void 0)return this.each(function(){new b.snowfall(this,a)});else if(typeof a=="string")return this.each(function(){var a=b(this).data("snowfall");a&&a.clear()})}})(jQuery);
<script type='text/javascript'>

        flakeCount : 800,
        flakeColor : "#ffffff",
        flakeIndex: 999999,
        minSize : 1,
        maxSize : 4,
        minSpeed : 2,
        maxSpeed : 8,
        round : true,
        shadow : false,
<style>.btriman {position:absolute;top:0;right:0;}#btrixposition {position:relative;}</style>
<div id="btrixposition"><img src="" class="btriman"/><a href=""></a></div>
 Hint: If you want, you can change above red value as your like.
4. Now save your Template.

You are done. If you have any problem related to this Christmas Lights Widget for Blogger. Just leave a comment or  message .I will help to you.

Author Bio: Sohan Jayasinghe is the owner and author of .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page or connect with facebook or twitter
Read More

Friday, November 21, 2014

What Experts are Saying About New SEO Tactics?

Posted on:Friday, November 21, 2014 | File Under: , 21 comments

Online presence has become even more crucial for entrepreneurs. Strong online base is a necessity for an effective PR, internet marketing and sales enhancement. The ROI (return of investment) depends largely on how well you perform in the virtual world. I have been researching and found a lot of articles with the similar title, ‘Is SEO dead?’ and I am like what! How can SEO of all the things be dead? Search Engine Optimization, if we use a little common sense, is required even more in today’s world where internet is actually ruling the business world.


No, I am not saying that SEO is still the same as the traditional practices. It has changed a lot in the past few years but where do the things remain monotonous in business? It is undeniable and even I am not refusing that the scenery of search engine optimization has changed and is still changing. All Google has done is that it has started penalizing low-quality and quantity based SEO tactics. But who doesn’t appreciate quality? SEO is now no more limited to keywords and link building as it has got its diverse components such as mobile optimization, social media marketing and other things we are going to take a closer look to in the following write-up.

Link Building is a thing of past

Not exactly the link building but yes, merely link building is past. Long gone are days when your website did well on ranking pages solely on the number of links you made. Today, not only quality links are required to lead but also a strategy to build your brand image. Since the launch of Google authorship where the content is linked to the authors’ profile, the ranking game has changed.  Building your brand is a pre-step to rank well.

What is SEO then?

Let’s say SEO is dead and believe it also. Then what is the SEO industry all about today if not just link building? The real and effective SEO stands on three things and links building is one of them. The other two equally important components are content and social media. The catch is not the three individual elements but the relationship between them. The content which you must write keeping yours’ and yours’ target audience’s need in mind - if gets shared on social media more and more -  will generate back-links and credibility for you. Links from high quality sources and sharing by real users is becoming a key factor to rank well, after all the basic SEO is about generating traffic and improving ranking in search engines.

All of this starts with one thing – Content

If you have done SEO and internet marketing ever, you will relate to this. The key to successful SEO today is good content. Above design and other things, users stay engaged with your website due to content. Even the social media shares are content driven. The why not give this more importance? Content marketing like SEO is not same as it used to be. The industry is maturing and now marketers focus on savvy and engaging content which brings higher ROI. Again the competition is not of quantity but the quality. It is recommended to always post good content and not even average things which are inevitabilities for building your brand.

Do not get limited to computer screens

Number of mobile users are exceeding every other day. Mobile devices are best ways to reach wide spread of your customers. Heard about Google’s Hummingbird update? It has got difficult than ever before to rank well without mobile optimized strategy. The responsive design is must but not enough. You need a different and effective strategy for mobile devices. Look around you and see how many are not using cell phones? You will hardly find anyone. Since it is very obvious, then why not do proper investment on this side of search engine optimization.

Social Media – the new addition

To rule spywares and malicious content, Google has started relying more on human signals. Hence it is of extreme importance to tell your SEO Company to make a subtle and tested plan for your social presence. Make sure your blogs have built-in sharing options to reach Google’s and other search engines’ notice. As I have explained above, social media has started intersecting with SEO in the ranking race.
At the same time as developing the SEO strategy for your website, try to compose balance in the three components from writing excellent content to building reputable links to maintaining social media presence. Customize your strategy according to your company’s strength and weaknesses and invest in a way to go closer to your niche audience. The above tips are helpful even if you are outsourcing your SEO services.  

This article is written by Shara Roy. She is internet marketing strategist, working at Crocuss. She loves to share her ideas on new technologies related to internet marketing and web development. Visit author's website

Write for We are happy to publish your article. Follow guideline here
Read More

Tuesday, October 14, 2014

Four Simple Tips To Improve Your Site’s Typography

Posted on:Tuesday, October 14, 2014 | File Under: , 7 comments

I’m a writer, so naturally I think that all web design ought to start with my text; the rest of the page should be be built to complement what I have written. That way of thinking puts typography front and center. I’m not the only one who thinks so, but it’s an opinion that doesn’t hold much sway among web designers; it has even less traction with businesses and bloggers. And so typography doesn’t get the attention it deserves.
Typography matters because it is what makes a site pleasant to read. You might think you have written the most informative, moving, or hilarious article that ever saw the light of day, but if the typography is so bad that people go cross-eyed when they look at it, your brilliance is going to be wasted.

Typography is a complex art-science, but a few simple tweaks to a web page’s typography can make a huge difference to readability. I’m going to give you four tips and then point you in the direction of the web’s best typographic resource.

Stick To A Couple Of Typefaces

If you’re an experienced designer, you can do crazy things with font combinations and it’ll look great (probably). If you’re not a designer, don’t risk it. Stick with a couple of typefaces: preferably one for headings and one for body text. Using a serif for one and a sans serif for the other is a common choice — it’s not important if you use the serif for headings and the sans for body text or vice versa, both can work. Don’t try to be too smart with font combinations — two well suited fonts look great together; three poorly chosen fonts will ruin a page.

4 Desktop Blogging Applications For Writers 

Consider Appropriate Sizes

Font sizes appropriate for print are too small for the screen. If you want people to read your content, for the love of Garamond, don’t make the text so tiny they have to zoom in or put their noses against the screen to see it.
Take a look at the text sizes on Medium for a approximation of how large your text should be, although be aware that the ideal size differs depending on the typeface, screen size, and screen resolution.

Line Spacing And Line Length

It’s not just the size of the text that matters, it’s the distance between the lines of text. Cramming the lines close together makes them difficult to read. Line spacing is controlled by the line-height CSS property, which should be set to a minimum of 1.2 times the height of the typeface and probably somewhat higher, but not much higher than 1.5 or the lines will look disassociated. Line length — the distance between the first and last characters of a line of text on the screen — should be somewhere between 50 and 90 characters. It should not stretch too far across the page and certainly not from one edge of the screen to another. Shorter lines are easier to read.

Only Underline Links

This one isn’t such a big deal, but it’s a personal irritation of mine so I’m going to include it. Underlining is not a useful habit except for links. Links should be the only text that is underlined. Underlining should not be used for emphasis — that’s what bold and italics are for. It shouldn’t be used for headings, where bolding, centering, altering type size, and altering typeface are all better options.
These four tips will do wonders for your site’s readability: use conservative font combinations, increase the type size, optimize line height and length, and remove underlining. But, there’s a lot more to typography than that, most of which you’ll find in Matthew Butterick’s excellent Butterick’s Practical Typography.

How To Change Blog Links color and font style

About Graeme Caldwell -- Graeme works as an inbound marketer for Nexcess, a leading provider of Magento and WordPress hosting. Follow Nexcess on Twitter at @nexcess, Like them on Facebook and check out their tech/hosting blog,
Read More

Saturday, September 13, 2014

4 Desktop Blogging Applications For Writers

Posted on:Saturday, September 13, 2014 | File Under: , 13 comments

If you just write the occasional blog post, then WordPress/Blogger default editor is fine, especially since its recent update. But if you are like me and write several pieces each week (or sometimes even each day), then TinyMCE’s quirks can begin to grate. If your income depends on the content you’re writing, it’s not wise to trust browser based writing environments  it’s more than likely that nothing will go wrong, but I’ve experienced too many accidental refreshes and otherwise disappearing content to entrust my productivity to a web-based editor.


Thankfully, I don’t have to. There are plenty of desktop applications that integrate well with WordPress, allowing bloggers to write and publish their content without ever looking at the blogger admin dashboard. In this article, I’d like to take a look at my favorites.
The Well-Kept Secrets of Writing Quality Web Content

Byword / Marked Application

When I’m working on a Mac, the combination of the Byword text editor and the Marked markdown previewer is by far my favorite writing environment. I’ll focus on Byword here, but Marked has some very useful features, including link validation, keyword highlighting, readability statistics, and the ability to show previews with user-supplied CSS scripts.

Byword is a text editor. On the face of it, Byword is a very simple application. For me, that’s a great thing. I just want to sit down and type, but, although it looks simple, Byword actually quite feature-rich — with exactly the right features, too. Byword uses Markdown for formatting, which is a straightforward markup language that anyone can learn in an hour — and they should: it makes a huge difference to the writing experience and productivity. Byword offers excellent Markdown support, with easy-to-remember keyboard shortcuts for adding titles, links, lists, and so on.

But Byword wouldn’t deserve palace on this list if it couldn’t publish to WordPress. In fact, Byword can publish to WordPress, Blogger, Tumblr, and Evernote. Publishing is a Premium feature, but it’s not expensive and well-worth the price to omit the cut-and-paste-into-Wordpress stage of blogging.
Because Byword is available for the Mac, iPad, and iPhone, users can publish from anywhere.

Marsedit desktop blog editor

This is another tool for the Mac users out there. I couldn’t write a post about desktop blogging software without including Marsedit, the blogging tool of choice for many, including John Gruber, creator of Markdown, although Marsedit does brilliantly with Rich Text too.

Byword is an excellent text editor for writers, but Marsedit is a full-fledged blog editing tool, which is compatible with WordPress, Tumblr, Typepad and dozens of other content management systems. It features excellent media support, with one-click image insertion from a variety of sources. If you like, you can even integrate your favorite text editor with Marsedit, including BBEdit and TextMate.

Windows Live Writer

Windows Live Writer is getting a little long in the tooth, but it’s still the best Windows tool for publishing to WordPress. It offers many of the same features as Marsedit, except without the Markdown support. If you’re a WordPress blogger who prefesr to work in a Windows environment, Windows Live Writer should be your first port of call.
How to Write Your Blog in a Successful Series

Blogilo Editor

Last, but certainly not least, is a tool for our friends who prefer the Linux desktop. Blogilo features a WYSIWYG and HTML editor, with previewing that matches your blog’s style. Users can create, modify, and delete posts, as well as schedule publication.

5 Things You Can't Forget Before Publishing Blog Post

These four are my favorites, but they’re far from the only options. What do you use? Let us know in the comments below.

About Matthew - Matthew Davis is a technical writer and linux geek for Future Hosting. Follow them on Twitter @fhsales, Like them on Facebook, and check out more of Matthew's writing on Future Hosting's web hosting blog.
Read More