Posts

Showing posts with the label XML XHTML

How to Add a Logo to Your Blog on Blogger

Image
There are many simple tools that give excellence for blogs, including the design of  template and colors ... etc., today we will learn how to add a logo to your blogger blog , which is an image or text excellence your blog from the rest of other blogs, and the benefits of logo is keeping visitors to your blog and also give her aesthetic. 1.  Go to  " Blogger Dashboard "  >  " Layout "   >  " Edit " like  the following screen 2. After click on  " Edit "  will appears for you this pop up. 3.  Click on '' Choose File '' and upload your logo image from you computer or paste your image url in "From the web. Paste an image URL below" box. 4. Select ''Instead of this description" like the above screen. 5. Finally click on save button.

How to Show Post Title Only on Home Page in Blogger

Image
I will explain to you in this tutorial how to show post title only in the Home page in your blogger blog. this a simple code works on show titles only and is not a title and post together, where the title appears on the home page of the blog just by clicking on it redirects to the main post, and to be able to install this code in your blog, follow these simple steps: 1. Login to your  Blogger Dashboard  >  Template 2.  Download  a copy of your template 3.  Now click on  Edit HTML 4.  Use  Ctrl +  F  to find  </head>  and paste the following code above/before it. <style type='text/css'> <b:if cond='data:blog.url == data:blog.homepageUrl'> .post { margin:.5em 0 1.5em; border-bottom:0px dotted $bordercolor; padding-bottom:1.0em; height:50px; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:20px; font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif; font-weight:normal; line-h...

How to Disable Copying Text From Your Blog?

Image
Exclusive content is usually under the eyes of thieves, who steal these posts and articles without permission or even the source said, so I've written this post to stop this process. 1.  Go to  Blogger Dashboard  >  Template 2.  Download  a copy of your template 3.  Now click on  Edit HTML 4.  Use  Ctrl +  F  to find  <head>  and paste the following code after it. <!--- www.bbloggertutorials.Blogspot.com Disable Copy and Paste--> <script language='JavaScript1.2'> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function (&quot;return false&quot;) if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script> 5.  Save template. That is it!!

How to Change Default Avatar in Blogger Comments

Image
In this tutorial we will learn how to change or customize the avatar anonymous commentators, This enables us to add an image in blog comments instead the name of unknown without a picture. How to Change Default Avatar in Blogger Comments 1.  Go to  Blogger Dashboard  >  Template 2.  Download  a copy of your template 3.  Now click on  Edit HTML 4.  Use  Ctrl +  F  to find  </body>  and paste the following code above/before it.  <script src='http://code.jquery.com/jquery-latest.js'/> <script> $(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;) .attr(&#39;src&#39;, &#39; https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0kZhwDpCXxIDJWJJxvCnBadT9LsALiwVYSUvj4Cql8oz3McUFGoTGJWNH04pL94v6Qlu6kfXgWF1UJxyME_dpmen6YiI50ehStM_AKohuR-S__GBB43aemnITa21dv9dbLUZtG9zW7I/s1600/default_avatar.gif &#39;) .ssyby(&#39;blank&#3...

Top 20 Best Free Blogger Templates

Image
In a previous blog post touched on  Top 10 Best Blogger Templates Sites   and  Today, I would choose you t op 20 best free blogger templates for free download . You can give your blog that professional look by installing best free blogger templates and gain the confidence of visitors to your blog. Top 20 Best Free Blogger Templates    1.  Sporty Magazine 2 Blogger Template Live Demo           Download   2.  Template-dir Blogger Template Live Demo           Download   3. Johny Sompret Banget  Blogger Template Live Demo           Download   4. Sensational Blogger Template Live Demo           Download   5.  Lugas  Blogger Template Live Demo           Download   6.  Galauness  Blogger Template Live Demo           Download   7.  Johny Coba ...

How to Add Blogger`s Official Contact Form to Your Blog

Image
Blogger launches officially This is a wonderful very important gadget for any blogger,If your blog visitors need any help or suggestion regarding your posts or articles, they will try to contact with you. Demo How to Add Contact Form To Your Blog Step 1 1.  Login to your  blogger dashboard -->   Layout --> 'Add A Gadget' 2. Now click on  More Gadget -->  Select Contact Form 3. Click   save . Step 2 1.  Login to your  blogger dashboard -->   Pages 2.  Now click on  New Page -->  Select  Blank Page 3.   Now Click on HTML an Paste below code in it. <div class='form'>  <!-- Custom Contact Form By WG Starts --> <form name='contact-form'> <!-- Name Field --> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Name&quot;;}' ...

Top 10 Best Blogger Templates Sites

Image
I'll show you today through my experience modest top 10 sites for Blogger templates, as we all know that the terms of the success of sites are consistency and aesthetic of template, so I'm going to show you this order: 1. Premium Blogger Templates Visit the site 2. B Templates Visit the site 3. Blog Template 4u Visit the site 4. Zoom Template Visit the site 5. Mas Template Visit the site 6.  All Blog Tools  Visit the site 7. Blogger Themes Visit the site 8. Blog Crowds Visit the site 9.  Deluxe Templates Visit the site 10.  Best Theme Visit the site In the end I hope you enjoy.