Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...

seo How to Make the Blogger Posts Have a Calendar for the Date in 2013

Seo Master present to you: It's quite common to see calendar style dates next to some WordPress posts but for the Blogger platform it isn't always an very easy task to add this. But who said you can't do it? You need to look no further than this blog. In this tutorial, we'll learn how to create a calendar style date for your Blogger posts.


How to create calendar style dates in Blogger

Step 1. Go to Settings > Language and Formatting - Date Header Format and change the date format as you can see in my example below (put day first, then the month and finally the year)
 

Step 2. Then go to Template > Edit HTML


Step 3. Select the "Expand Widget Templates" checkbox

Step 4. And search (CTRL + F) the following line:

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

Step 5. In case you find it twice, then you should replace it twice with this code:

<div id='Date'>
<script>changeDate(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id='Date'>
<script>changeDate(&#39;&#39;);</script>
</div>

Step 6. Now search for this tag (CTRL + F to find it)

</head>

Step 7. And paste the code from below just ABOVE the </head> tag:

<script type='text/javascript'>
//<![CDATA[
var DateCalendar;
function changeDate(d){
if (d == "") {
d = DateCalendar;
}
var da = d.split(' ');
day = "<strong class='date_day'>"+da[0]+"</strong>";
month = "<strong class='date_month'>"+da[1].slice(0,3)+"</strong>";
year = "<strong class='date_year'>"+da[2]+"</strong>";
document.write(month+day+year);
DateCalendar = d;
}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Calendar style date
----------------------------------------------- */
#Date {
background: transparent url(http://www.matrixar.com/-NVj6tUKJgLo/UBShW2dCLSI/AAAAAAAACZk/3TkTa8Hzqt0/s1600/calendar07.png) no-repeat;
display: block;
width:60px;
height:60px;
float: left;
margin: 15px 2px 0 -108px;
padding: 0 0 8px 0px;
border: 0;
text-transform: uppercase;
}
.date_month {
display: block;
font-size: 15px;
font-weight:bold;
margin-top:-1px;
text-align:center;
color:#ffffff; /* Month's color */
}
.date_day {
display: block;
font-size: 28px;
font-weight:bold;
margin-top:-8px;
text-align:center;
color:#282828; /* Day's color */
}
.date_year {
display: block;
font-size: 10px;
margin-top:-8px;
text-align:center;
color:#282828; /* Year's color */
}
</style>
</b:if>


Before saving your Template, we can make some changes:
  • To change the calendar style, replace the url in blue with yours;
  • If the calendar doesn't appear correctly, change -108 with 0;
  • With green are marked the areas where you can change the color of the dates

Step 8. Now Preview your Template and if everything is ok, click on the Save button. Enjoy!
2013, By: Seo Master

seo 10 Easy Steps To Configuring An Internet Answering Machine 2013

Seo Master present to you:
Configuring Internet Answering Machine
An online answering machine works just like a regular answering device. The only divergence is that you have to connect your phone to the computer instead of a traditional answering device. The online answering works on both dial-up and broadband connections and ensures that you do not miss any call. The answering software allows you to listen to messages as and when they are being recorded, and also download other messages and listen to them much later.

Here are step-by-step instructions that will help you install and setup online answering software:

  1. Before downloading and installing the software, do check if your computer has the necessary space and memory, and the appropriate modem. You will need a voice modem – space and memory should not be a constraint.
  2. Before buying any software, download the trial version and test it. It must be easy to use and you should take a liking to it before buying it. Most answering software companies offer a free trial, and you should try 3-4 different software before zeroing on to one.
  3. After choosing convenient answering software, you should buy and download it. Save the exe file in a folder of your choice.
  4. Remove the line cord from your telephone and connect it to the modem port in your computer. The other end should be plugged into the wall jack. Connect the telephone line to your modem. If you need clarity on this step, talk to customer support of the online answering software vendor.
  5. Now, install the answering software. Install it as recommended in its manual or as per directions printed on the installation screens.
  6. You have to now configure the software based on your preferences – For example: set the number of rings that should be allowed before the software answers the phone, set the silence detector and the toll saver features. You also should configure the recording time limit for messages. Check all the other features in the software and set them up as per your requirements.
  7. Next, set up one or many mailboxes to record a greeting message. You can record multiple messages – one each for every mailbox. Many software tools have a feature that allows you to record a special greeting for a few phone numbers of your choice.
  8. To stop unauthorized people from accessing your messages, you must setup a password. Note down the password in your diary. Remember, you can even access your messages remotely.
  9. If you are the type of guy who gets very important messages all the time, then you should enable email forwarding of messages. That way every message will be forwarded to your email inbox.
  10. If you want to be alerted every time a new message rolls in, then you have to configure the appropriate alert option.

Finally, do not install an Internet answering machine without equipping your computer with a robust firewall and antivirus programs. You don’t want people hacking into your computer and stealing your precious data, including the important messages in your mailboxes.




Author Bio:
Roger A. Delatorre is a blogger from Minneapolis, MN who recommends checking out MaxEmail for a simple solution for an internet answering machine.
2013, By: Seo Master

seo How to Earn Money Online With Jobego? 2013

Seo Master present to you:

What is Jobego?


Jobego is a free service that allows you to earn money online by doing things you do every day — surfing and searching the web, doing social activities, completing special offers and polls. It’s simple and fast.

How do I earn money with Jobego?

Here are only several ways for you to earn money with Jobego. First is by completing tasks, offers, participating in surveys etc. You can also earn by browsing sites that are in our system. You earn commissions for every website you see. Other ways you can earn is through promoting others to our site using our referral system. You earn downline click commissions, upgrade commissions and a commission from your referrals's purchases.

How much can I earn?

The amount of money each user earns depends on the following factors: type and quantity of tasks the user has completed, the user’s rating, number of referrals the user has and amount of money those referrals make (we pay 10% of earnings of your referrals).

Who are referrals and how much can I earn on them?

Referrals are users like you who have registered in Jobego using your personal linking code. You get paid 10% of their earnings. The more referrals you have the more you earn.

Payments


When do I get paid?
Within 7 days after you request a payment.
How do I get paid?
Via Paypal, Payza or Webmoney.
What are the minimum payout and fees?
Minimum payout is $5.00. Fees for Payal payments is 2%, for Webmoney payments 0.8%.

Click Below Banner and Register

2013, By: Seo Master

seo How to Create Drop Caps (Big First Letters) in Blogger/Blogspot 2013

Seo Master present to you: Here's another way you can customize your Blog. In this case, your Posts and Comment's first letter. The effect is a large first letter stretching down three or four lines with the text wrapped around. The drop cap letter can also use a different font and can be a different color to the rest of the text. You often see this style in newspapers, literature, magazines. In this tutorial i will show you how to apply automatically Magazine text style in Blogger Posts and Comments. So let's start adding it!

-> Add Drop Caps For Blogger Posts

drop caps, blogger blogspot, tutorials

-> Add Drop Caps For Blogger Comments

drop caps, first letter, blogger

Big First Letter for your Blogger / Blogspot Posts

Step 1.
  •  If you are using the old Blogger interface:
Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)
  • If you are using the new Blogger interface:
Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)

Step 2. Search (CTRL + F) for this piece of code:

]]></b:skin>

Step 3. Just above it, add the following:

.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}

Customize:

Color - change the color highlighted in blue with the value of your desired color
Size - to change the letter size, increase/decrease the value highlighted in pink.

Step 4. Now search for this code:

<data:post.body/>

Step 5. Then immediately before and after add the red fragments you see in the example below:

 <div class='capital'><data:post.body/></div>

Step 6. Save your template.

Important! If the above code is not working, add one of following codes from this example:


<p class="capital"><data:post.body/></p>

Or

<span class="capital"><data:post.body/></span>


Big First Letter For Blogger/Blogspot Comments

Step 1. Log in to your Blogger account, then go to Design (Layout) >> Edit HTML >> check the "Expand Widget Templates" box

Step 2. Search (CTRL + F) for this piece of code (if you have already added this code, skip step 2 & 3):

]]></b:skin>

Step 3. Add the following code just above ]]></b:skin>:

.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}

Customize:

Color - change the color highlighted in blue with the value of your desired color
Size - to change the letter size, increase/decrease the value highlighted in pink.

Step 4. Then Search for this piece of code:

<data:comment.body/>

Step 5. Add the red codes before and after <data:comment.body/> as you can see in my example below:

<p class="capital"><data:comment.body/></p>

Step 6. Save your Template.

That's it! Now you have a cool drop cap first letter on your blog.
If you have any question, leave a comment below!2013, By: Seo Master
Powered by Blogger.
Design by Dev Nasser