Skip to main content

Posts

Showing posts with the label Blogging

Customize Label cloud widget of blogger with Hover effects.

Hi guys welcome back to worldtech360.In this post i am gonna deal with blogger labels.Usually Labels are used to categories your blog posts.By using Labels on your blog or website you tell the readers what type of topics you deal with.So in order to make the labels more attractive,in this post i am gonna show how to customize the label widget with hover effect.So let's see how to do this. Steps: 1.Open Blogger>>Layout . 2.Click " Add widget"  and select " Labels" form it. 3.Now a window will pop up and choose display as cloud instead of list as shown below. 4.Now move to Template >>Edit HTML. 5.Search for ]]></b:skin> and paste the below code above it. /*-----Labels Cloud widget by worldtech360.com ----*/ .label-size{   background-color:#ffffff;   border:2px solid #2AA4CF;   float:left;   font-family:georgia;   font-size:12px;   margin:0px 1px 1px 0px;   padding:7px;   text-transform:uppercase; ...

How to keep Google ads side by side in blogger posts.

Hi friends in this article i am gonna discuss with you how to keep two or more ads side by side so that you can increase you revenue even more.The main goal or aim of the people who maintain blogs is to maximize there revenue by placing lots of ads in an inappropriate place which leads to the less income.Many bloggers find it difficult to place two ads side by side. So lets start keeping the ads side by side to earn more from it. Steps: Go to Google Adsense or any other Ad media and grab the codes. keep ads side by side inside the post: 1.Now go to Blogger>>Template>>Edit Html. 2.Before going to place them we need to change the codes a little bit.You can change the code from the below post. You can also check : How to add Google ads below post title. 3.Copy the above code and go to Template>>Edit HTML and search for below code. <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> 4.Replac...

Add YouTube Subscribe Button to blogger-Two ways.

Hi guys in this tutorial i am gonna show you how to add you tube subscribe button to your website or blog.Recently one of my friend asked me how to add you tube subscription widget to the blogger platform so that he can increase his you tube subscriber.On par of his request i performed a thorough research and found two ways of adding you tube subscription widget to the blog and these two ways works finely.so lets see how to add this widget to blogger. Steps: Method 1: 1.Go to YouTube developers( CLICK HERE ). 2.Browse to the " Configuration options " in the page. 3.Fill up the fields with required information as shown below. Channel name: YOUR YOUTUBE CHANNEL NAME. In order to see the Channel name,change the layout to " FULL ". 4.Copy the code which is generated below the preview.  5.Go to Blogger>Layout>Add Gadget>HTML/Java script and copy the code in the box. 6.Save the template. Add Author Bio box to blogger. Method 2: 1.Go to B...

How to Add Google adsense below Post title in Blogger

Hi guys in this tutorial i am gonna show you how to add Google adsense ads below post tile and at the end of the post in blogger.When we start a blog or other platforms like Wordpress our first aim is to earn money through it.There are many ad medias like propeller ads media,chitika,infolinks and many more to earn income but among them the standard and every green media is Google adsense. All of us know how to keep the Google ads in the sidebar using the javascript given by the google. Using the same code one cannot keep them directly in the template.So, let see how to place them. Steps: 1.Go to Google adsense dashboard. 2.Grab your Ad code from the box as shown below. 3.Go to Blogger>>Template>>Edit HTML. Add author bio box in blogger posts. 4.Before copying the code into the template you need to change the script a little because if you use asynchronous code type and save template it will show a message that "Attribute name "async" ass...

How to demote siltelinks using webmaster tools

Hi friends in this tutorial i am gonna show you how to demote site links using Webmaster tools.Before going into the topics lets see what are site links and demote site links. Site links: Site links are the bonus links that appear on the search page.These are automatically generated links that appear under your site name in the search.It is great if you have site links for your site. Demote Site links: Demoting a site link means removing unnecessary links from the search.By demoting a link you are telling to Google that you consider the URL as bad link.One cannot place there own links in the site links,it is totally done by the Google but one can remove the Site links placed by the Google. Steps: 1. Login into the Webmaster tools. 2. Go to your site dashboard and browse to Search appearance>>Site links. 3. Now enter the URL link in " Demote the site link " section as shown below.  4. Click on " Demote ".  That's it now you have re...

How to add "Author bio box" in blogger posts.

Hi friends in this tutorial i am going to show you how to add an Author bio box to every single post on your blog.When we read a post from a blog  the next step we all do is find out the author who wrote that post because it helps us to build connections with the author and it also helps author to build connections with us.  In Wordpress  there are many widgets to add author box,but in blogger there is no widget for adding Author box to the posts.We can add the author box in blogger by using code in template.In this post i provide you with fully customized and simple author bio box code.In order to do this follow the below steps. You may also check : How to add download and demo buttons to the blog posts. Steps: Live Demo 1. Open Blogger>>Template>>Edit html . 2. Before doing this Backup your template. 3. Now search for ]]></b:skin>. CLICK HERE TO GET THE CODE 4. Download the above code and paste it above ]]></b:sk...

How to add download and demo button in blogger

Hi friends in this article i'm gonna show you how to add download and demo button with hover effect to your blog.This article will be useful when we write a post on softwares or while giving away the templates for free.In this we will  use css instead of placing the demo and download links directly.so let's start doing this. Steps: 1.Go to Blogger>>Template>>Edit html . 2.In that search for ]]></b:skin> . Add Download and Demo button in blogger. 3.Before doing this backup your template. 4.Copy the below code and paste it before ]]></b:skin> . */-----CSS for download and demo button by worldtech360.com-----/*.button {-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);background:url("#") repeat-x scroll 0 0 #252424;border-bottom:1px so...

How to Create a Favicon using Mspaint for Blog.

Hi friends in this tutorial i am gonna show you how to make or create a Favicon and add it to your blog.First of all you should know what exactly is a Favicon.  Favicon is also known shortcut icon, URL icon or a website icon.The dimension of favicon may be 16x16, 32x32 pixels.In order to represent one's site or blog one should have there own favicon. There are so many site to create favicon but have you ever tried to make a favicon by using inbuilt tools in windows?If not i am gonna show you to make a favicon using ms paint and how to add it to your blog. How to make a favicon using Mspiant. 1. First of all in order to make a favicon , make you own logo by using Photoshop or any other source. 2. Open ms paint. 3. Now open the image which you have created. 4. After selecting your image click on  Resize.  Now a small window will popup . Browse to pixel Tab. 5. In that type the horizontal and vertical pixels . when you type 16 in h...

How to prevent copying of content on your site or blog.

Hi guys welcome back to worldtech360. In this article i am going to show you how to prevent copying of the content from you blog or website.Now a days many of the bloggers  or users are copying the content of one blog or website and putting it in there site.Even though you may have written the article or post in your site with great efforts and research others are trying to copy the content.In order to prevent this i provide you with the Javascript to disable the selecting of the content. Steps: 1.Open G-mail account an go to the Blogger dashboard. 2.Now go to the " layout " and click on " Add gadget ". 3.Now select the HTML/Javascript from the list. 4.Copy the javascript into it and click save. <!--worldtech360--> <script language='JavaScript1.2'> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false") if (window.sidebar){ document.onmousedown...