All Blogger Tips

I’ve been copywriting online for about as long as the web has been a viable source of commerce. I’ve had a one man content business for about eight years now. Before that I was a journalist for a few newspapers and I’ve written a few collections of short stories and one novel. I’m not bragging here, just demonstrating that I’ve done a few things so I’ve got a few opinions.
One is that while writing web copy is demanding and you need to put in long hard days to make it commercially viable, it’s a pretty fair gig as far as the writer’s life goes.
That is until you try to get paid in some cases.
Now don’t get me wrong, almost all of my clients are above board and pay on time through Paypal mostly, but every once in a while the whole machine that is my business grinds to a halt when someone decides they want to give me a hard time about the honest exchange of goods and services for cash.
Most recently I’ve had a hard enough time getting the money that’s owed to me from Web Windows and Doors Direct in Philadelphia, I feel that I should be passing along a few tips that should set the alarm bells ringing when you’re trying to get paid as a blogger.
Get complete contact in information. I’ve found that going with a company that only uses an email address is playing with fire. If they try to stiff you, it’s good to have phone numbers and even a snail mail address that you can verify through Google. In this case I got all that, but the owner, Anthony Specht, has been pushing the date back to set up a Paypal address and get me my money for several weeks. Here’s never actually refused to pay me, but the whole thing brings me to my second point.
Know when you’re getting stalled. I once had a client tell me that someone bought a motorcycle on their credit card I’d need to wait for payment. Another past business acquaintance from Australia told me the money owed was being held up because Canada didn’t have an international banking system. All excuses, and although Mr. Specht did tell me he was busy putting together a Christmas rush that kept him busy and he was going to set up the account for last Wednesday, he didn’t, and I was left with trail a of similar broken promises that stretched back far enough to concern me.
Know what you can do.  Know your rights here and how to get your money without getting yourself in legal hot waters. Never accuse someone of theft if they haven’t been convicted. Don’t write anything libelous which basically means no name calling and stick to the facts. Post in forums and on the website or social media account or the blog of the person and company that you’re dealing with and of course on your own about the situation at hand. Oh, by the way, as of the date of this column, I still haven’t been paid for the blogs that I wrote here.

Source : http://www.bloggingtips.com/2011/12/18/working-online-is-great-getting-paid-can-be-hard/

As closely related as some people might think, bloggers and internet marketers can be just as far apart, as they are the same. I remember being at BlogWorld Expo a couple years back in Las Vegas, and in one of the sessions there was nearly an all-out brawl when a discussion came up about monetizing blog content. Bloggers can be very passionate, and when it comes to mixing ads with their blogs, it can be quite a touchy subject, however… most people are looking for a way to make a few dollars, even if it just for a fun hobby blog on the side.
While Google Adsense is a recommended and loved source of revenue for many, it can also lead to excessive space being used on a site, and also displaying unwanted and ugly banners. The next best solution? In content advertising has been on a steady rise, as many bloggers are looking to monetize their content, but not jeopardize their reader’s experience or wanting to place banner ads through out the site.
For those web site and blog owners looking to monetize their content, VigLink has created a solution for you. VigLink has based their business model off creating an advertising platform that works within the content of your blog… the real meat that everyone is actually visiting your blog to read, yet is also under monetized by many. The video below is a fun and quick walk through of how their in content advertising works.

A Favicon (short for FAVorite iCON) is a little image displayed in the browser address bar and tabs or in bookmarks, like this in the address bar of this webpage above.

The very first step to installing a favicon is the creation of the image to use for the favicon which if you trying to create in the small size allowed for favicons, is no easy task (unless you use an existing photo and shrink it to size like mine )

To cut the hassles, Favicons4free have created a huge library of ready to use favicons together with the codes you need to install them. Just click on one of the categories (examples - animals, flags, birds, etc.) and in the new page, copy the single line of code next to the favicon you want,


then go to the template editor and paste the code just after ]]></b:skin> and just before </head>, preview and if everything looks all right, save template. (span style="color:red;">

Note that the codes given by Favicon4free is not compatible with XHTML which requires ALL HTML tags to be closed. For example, the given code is



You will have to add a matching closing tag </link> at the end of the code so that it become


or alternatively edit the tag to include a backslash / to make the tag self-closing, like this:

(note the space in front of the backslash / and the (red) backslash itself just before the last "greater than" symbol.

Blogger has introduced its new UI (User Interface) where among other changes, those familiar tabs below the Blog Title (see screen shot below):

For a better ranking, use the type <h2> tags that make sense for robots and humans (if customized with CSS).
Of course this is not what will determine if you are in the 1st or 100th position in the search results of Google:)

<h2>How to use the headers</h2>

Too bad we did not like a button for Bold, Italic and Underline to select headers.

Of course, you can replace by h2 h3, h4, h5, or h6 by rank and the importance of the header and apparently they must be used in order (h4 is always preceded by an h3 and not an h1 or h2 but may precede an h2 or h4 h5).

You can easily customize the display of headers with CSS. For example, to customize the display of the header h2 as I did in the previous two headings, simply go to Edit HTML and just after 
]]></ b: skin> add this: 

To open a text link or image in a new window / tab, simply add to <A> that contains the destination URL attribute: target="_blank" like this:

<a target="_blank" href="http://all-forblogger.blogspot.com/"> all info for blogger</a> 

target="_blank" the tag <a> 

<a target="_blank" href="http://all-forblogger.blogspot.com/"><img src="url-de-l'image"/></a> 

Open links in a widget in a new window / tab
Log in to Blogger, Go to "Layout", "Edit HTML", check "Developing models of gadgets" and look for a code like the following :
(you'll find widgets with HTML instead of Linklist)

<b:widget id='LinkList' locked='false' title='The name of your Widget' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>  

Add target = "_bank" as shown in the code.
the Labels
To open the links in the widget "Labels" in a new window / tab, locate the following code: 

expr:dir='data:blog.languageDirection' expr:href='data:label.url'

This code is duplicated, so add target='_blank' twice like this:

expr:dir='data:blog.languageDirection' expr:href='data:label.url' target='_blank' 

Today I'll show you how to display image with a summary of your articles in the homepage, archives, labels and research. All this will be done in a completely automated, that is to say that you will apply the trick and your articles (old and new) will be summarized without you having to change them.

Installation - Step 1:

Log in to Blogger, Go to "Presentation", "Edit HTML" select "To develop models of gadgets," and find (Ctrl + F) </ head> and just before copy / paste these lines:


<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;        /* Longueur des des résumés,article sans image */
summary_img = 250;           /* Longueur des des résumés, article avec image */
img_thumb_height = 128;       /* Hauteur de l’image dans le résumé */
img_thumb_width = 128;       /* Largeur de l’image en pixel */
</script>
<script src='http://lewordpress.com//Blogger/JS/LireLaSuite0.js' type='text/javascript'/>

To display the image on the right of the summary
Instead, use this code just before </head&gt;

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;        /* Longueur des des résumés,article sans image */
summary_img = 250;           /* Longueur des des résumés, article avec image */
img_thumb_height = 128;       /* Hauteur de l’image dans le résumé */
img_thumb_width = 128;       /* Largeur de l’image en pixel */
</script>
<script src='http://lewordpress.com//Blogger/JS/LireLaSuiteDroite0.js' type='text/javascript'/>

To center the image of the summary
To view the summary with the image in the center (size of the image, as shown in the article not abstract) and abstract text just below the image, copy / paste this code before </head> :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;        /* Longueur des des résumés,article sans image */
summary_img = 250;     /* Longueur des des résumés, article avec image */
</script>
<script src='http://lewordpress.com//Blogger/JS/LireLaSuiteCentre0.js' type='text/javascript'/>

Installation - Step 2:

Now, look <data:post.body/> and replace it with these lines:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; +  data:post.id'>
<data:post.body/>
</div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <div style='clear: both;'/><span style='float:right;padding-top:20px;'><a expr:href='data:post.url' rel='bookmark'>Read more...</a></span>
</b:if>
</b:if>

You can use an image instead of the expression Read more... replacing it with:

<img src="URL de votre image" title="Lire La Suite" alt="Read more...">

Now the messages in your homepage, archives, labels and research are summarized with an image and link more ...

 

 

 

Widget display only the pages you choose!

Once you add a widget in your blog, it'll be displayed in every page of it (the home page and each page of message).
But sometimes we want to display a widget, only the home page or only in the pages of messages or even a specific page of the blog.
The configuration of this trick is very simple, but requires that you literally every widget is a name well-Specific for you to find in the HTML code (once you have done this trick you can modify or delete his name ).

Log in to Blogger, Go to "Layout", "Edit HTML" select "To develop models of gadgets," and find (Ctrl + F) the following code:  
 <b: widget id you will find all widgets for your blog.
 
Now locate the widget you want to customize (for example Adsense, ...). Archive The code of your widget should look like this:

<b:widget id='HTML3' locked='false' title='THE NAME OF YOUR WIDGET' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

How do I change the size of the comment field?
Fastosh Sign up for Blogger, Go to "Layout", "Edit HTML" select "To develop models of gadgets." Locate the code below and change the setting in red to change the width of the feedback form

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Facebook, the first social network in the world, out yesterday five new buttons to share.

To add a button to share your Facebook blog blogger Log in to Blogger, Go to "Layout", "Edit HTML" select "To develop models of gadgets" and locate the following code:

 <div class='post-header-line-1'/>

Just after this line, add the following code:

<div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

 <div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

<div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='icon_link'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

<div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='icon'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>