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

Seo Master present to you:

Friend,this post about how to customize your popular post widget more attractive with round thumnail. This widget is more beautiful than other. when mouse hover, it shows a thin solid blue border. It fully customized with CSS code. If you like this widget,and  you can add it in your blogger. Just follow below instruction, and add it . 

Stylish Popular Posts Widget With Round Thumbnail from(www.matrixar.com) 

Now Go to Blogger Dashboard

  • Go to Layout option

 

  • Click on Add a Gadget

 

  • Add Popular Posts Widget from given list.

 

  • Select "display up to 5 posts" and check image thumbnail and snippet.


    stylish popular post widget with round thumbnail (www.matrixar.com) 

 

  • Now Save the widget

 

  • Then Go to Template Option.

 

  • Click on Edit HTML .

 

  • Find (CTRL+F)  ]]></b:skin> tag.

 

  • Copy and paste below CSS code above ]]></b:skin> tag.

 

 

/*--- Customize Popular Posts Widget Design By www.www.matrixar.com --- */



.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://www.matrixar.com/-oOVUW06ghgo/UHwuqL9TltI/AAAAAAAAGKU/Nj4DQnvft8k/s1600/1.gif)  no-repeat scroll 5px 10px;
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 1px solid #ddd;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.popular-posts ul
  li:hover {
  border:1px solid #6BB5FF;
}
.popular-posts ul
  li a:hover {
  text-decoration:none;
}
.popular-posts .item-thumbnail img {
  webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

 

  • Save your Template. Click on Preview.

 

 

Are you happy?………………Leave a comment ….below..

2013, By: Seo Master
Seo Master present to you:

Google AdSense is the most popular option for monetizing online content, but sadly enough, many bloggers don't know how to create a Google Adsense account. Creating a AdSense account is very easy thing to do and for being accepted you just need a website or a blog indexed by Google, which should contain a minimum of 10 pages and most important, not violating Google Adsense policies.

Apply Account Approval

Before anything else, you have to apply for a Google Adsense account.
Just go to the Adsense homepage www.google.com/adsense and click on the "Sign up now" red button.

Now you must complete the Adsense registration form:


Step 1. Select your Google Account to continue

Step 2. Tell us about your content: enter your main website/blog URL where you want ads to be displayed, then select your website content language.

Read and pay attention to the Google Adsense policies, because if you violate the rules, your account might be disabled later. And unfortunately, you have small chances to get it back.

Rules:

1. I will not click on my ads nor encourage others to do so. 
2. I will not place ads on sites that include adult content, including pornography. 
3. I will not place ads on sites involved in the distribution of copyrighted materials. 
4. I do not already have a Google AdSense account. 
5. I will not place ads on sites that include incentives to click on ads.

Check "I have read and agree...", and then press "Continue"

Step 3. Submit your adSense application: select your account type and enter your personal information (country, your real name, address, phone). These informations will be used when you will receive your payment. Next, press "Submit my application" to finish with the registration.

After submit the form Google will review your blog and your registration. Wait maximum 2 weeks to get your AdSense registration approved... or rejected. Google will send you an email to your inbox if your account has been approved.

Good luck!2013, By: Seo Master
Seo Master present to you:
การใช้ Keyword ในการทำ Search engine Optimization หลายคนที่เป็นมือใหม่ อาจจะไม่มั่นใจหรือใช้ได้อย่างไม่มีประสิทธิภาพเท่าที่ควร หลังจากที่ได้อ่านบทความนี้ ผมเชื่อว่าน่าจะเป็นแนวทางให้สำหรับ ผู้ที่ยังไม่มั่นใจหรือยังไม่รู้ว่าจะใช้ยังไง ได้ไม่มากก็น้อยนะครับ อย่ามัวเสียเวลาครับเริ่มต้นกันเลยดีกว่า
1. ใช้ keyword ที่บริเวณ ชื่อหน้าเพจ (Title) ให้เราใส่ Keyword ที่เราต้องการจะใส่โดยให้น้ำหนักจากการเรียงจาก ซ้ายไปขวา ตัวอย่างการใช้งาน [title] keyword หลัก, keyword รอง, keyword อื่นๆ [/title] เป็นต้น
2. ใช้ keyword ที่บริเวณ ชื่อหัวข้อของเนื้อหา (Heading Tag) โดยการใช้ h1,h2,h3 เป็นต้น ตัวอย่างการใช้งาน [h1] Keyword [/h1] หรือ [h2] Keyword [/h2] เป็นต้น
3. ใช้ keyword ที่บริเวณ เนื้อหาในส่วนแรก (First Content) ให้ใส่ Keyword ไว้ในตำแหน่ง 20 คำแรกโดยประมาณ ให้ชัดเจน หรืออาจจะใช้ตัวอักษรลักษณะเอียงก็ได้ ตัวอย่างการใช้งาน [body][p] Keyword [/p][/body]
4. ใช้ keyword ที่บริเวณ ลิงค์เชื่อมโยงมาตรฐาน (Standard Text Link) คือการเชื่อมโยงในลักษณะ การใช้ Text link เป็นตัวเชื่อมโยง แล้วแทรก Keyword ผสมเข้าไปด้วย ตัวอย่างการใช้งาน [a href="http://www.yoursite.com"] Keyword [/a]
5. ใช้ keyword ที่บริเวณ เนื้อหาในส่วนสุดท้ายของหน้า (The Last Content) เพื่อเน้นย้ำ หรือใช้ในการสรุปเนื้อหา อาจจะใช้เป็นลักษณะตัวเอียงหรือหนาก็ได้ครับ ตัวอย่างการใช้งาน [p] Keyword [/p] [/body]
6. ใช้ keyword ที่บริเวณ เมนูเลื่อนลง (Drop Down Menu) Drop Down Menu นี้เป็นที่ซ่อน Keyword ที่ดีอีกที่ที่ไม่ควรมองข้ามนะครับ ตัวอย่างการใช้งาน [form] [option] Keyword [/option] [/form]
7. ใช้ keyword ตั้งชื่อไฟล์และโฟลเดอร์ (Folder Name, File Name) วิธีนี้ได้ผลเป็นที่น่าพอใจพอสมควรครับ กับการทดลองใช้ในหลายๆเว็บที่ผมลอง หากต้องใช้ Keyword มากกว่า 1 พยางค์ ควรใช้เครื่องหมาย "-" เป็นตัวคั่นกลาง ตัวอย่างการใช้งาน /Keyword/Keword.html,Keyword.jpg หรือ Keyword1-Keyword2.html
8. ใช้ keyword ที่บริเวณ คำอธิบายรูปภาพ (Images Alt Tag) การ ใช้ Tag Alt เข้าช่วยนั้นเพราะว่า Serach Engine นั้นไม่รู้จักรูปภาพเราสามารถบอก Search Engine รู้ว่าภาพนั้นเป็นภาพของอะไรได้โดยใช้ Tag Alt นี้เข้าช่วย ตัวอย่างการใช้งาน [img src="images address" alt="Keyword"]
9. ใช้ keyword ที่บริเวณคำอธิบาย ลิงค์ (Text Link Title) การใช้ Text Link Title นั้นคล้ายการใช้ Tag Alt เพียงแต่ Tag นี้ใช้อธิบาย Link ตัวอย่างการใช้งาน [a href="http://www.yoursite.com" title="Keyword"]Keyword [/a]
10. ใช้ Keyword จด Domain name ด้วย Keyword (Domain Name Register) การใช้ Keyword หลักของเว็บในการจด Domain Name นั้นหากทำได้ดีถือว่ามีชัยไปกว่าครึ่งแล้วครับ

เครดิต ThaiSeo2013, By: Seo Master
Powered by Blogger.