Slider 1 mini Slider 2 mini

Monday, August 25, 2014

আপনার ব্লগের নাম নাড়াচাড়া করুন

Filled under: ,

1.প্রথমে লগ ইন করুন আপনার ডেসর্বোডে
2.লেআউট থেকে>----->Edit HTML
3. ctrl+f চেপে খুজে বের করুন
</head> লেখাটি
4.
<script type='text/javascript'>
var txt="Sohanur Rahman Sobuz ";
var espera=200;
var refresco=null;
function rotulo_title()
{
document.title
=txt;
txt
=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>
লেখাটি </head> এর আগে পেস্ট করুন। তবে সেইভ করার আগে "Sohanur Rahman Sobuz " জায়গা টুকু নিজের মত করে সাজিয়ে নিন।
5.save করুন।
ধন্যবাদ

Posted By Sobuz1:42 AM

Sunday, August 24, 2014

Add breaking news widget in your blogspot-blogger widget & seo

Filled under: ,

============================================================
Add breaking news widget 
=============================================================
adding breaking news widget is very simple. just following blew steps you can do it easily


1. go to your blog layout 
2. click add a widget
3. setect HTML & JAVA SCRIPTS widget
4. now paste here blew code
--------------------------------------------------------------------------
<script style="text/javascript" src="http://blogger-jquery-file.googlecode.com/files/buzzbd.js"> </script><script style="text/javascript"> var nMaxPosts = 20; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="BREAKINGN NEWS»"; </script> <script style="text/javascript" src="http://sobuz4u.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

---------------------------------------------------------------------------- 
5.Edit blue color text with your blog url name
6. you can change  speed of scrolling text  increase or decrease  by change yellow color number. such
     as: if you want incerase speed please change it with 200. but decrease speed by 125.
7. you can change your widget name to as your wish by changing green color breaking news as like HOT TOPICS, HEADLINES Etc.
now save your widget and save arrangement  .
well done, you successfully do it

Posted By Sobuz4:19 AM

Add Simple Slideshow of Featuted Posts with Description in Blogger Blog

Filled under: ,

Featured Posts are very important element of a site to give idea to the visitors about most important posts in the blog. Users can easily track the most important post among all the posts which they want. There are many clarified gadgets to show featured posts to attract the visitors. Slideshow of featured posts is one of them.

Generally slideshow of images is made by javascript which looks good but it may lengthen the time of loading your page which will discourage the visitors to stay on the page. So if you want to add slideshow of featured posts I suggest to add simple HTML slideshow of featured posts in blogger blog.

Now take a look what you are going to do:


Samsung Vs HTC One || Battle between technology giants


Samsung Galaxy S4 | Full Featured Smartphone

Add caption

Price List of Tablet PC's in Bangladesh


Now I am going to write about how make a simple image slideshow of featured post with their description.


How to Add Simple Slideshow of Featuted Posts with Description in Blogger Blog:

1.  Go to the Dashboard of blogger.
2.  Click on the Layout and Click on 'Add a gadget'.
3.  Select the 'HTML/Javascript' gadget.
4.  Now paste the code given below.

<div id='tc-slide'>
<marquee scrollamount="9" scrolldelay="75" width="200" height="200" bgcolor="#fff" direction="up" onmouseover="stop();" onmouseout="start();" >
<a href="LINK1" target="_blank"><img height="150" src="Image Link1" width="200" alt=""></a> <h4 align='center'><a href='Title Link1' target='_blank'>Title text 1</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK2" target="_blank"><img height="150" src="Image Link2" width="200" alt=""></a>  <h4 align='center'><a href='Title Link2' target='_blank'>Title text 2</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK3" target="_blank"><img height="150" src="Image Link3" width="200" alt=""></a>  <h4 align='center'><a href='Title Link3' target='_blank'>Title text 3</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK4" target="_blank"><img height="150" src="Image Link4" width="200" alt=""></a>  <h4 align='center'><a href='Title Link4' target='_blank'>Title text 4</a></h4> <p align='center'>Your post description goes here...</p>
<a href="LINK5" target="_blank"><img height="150" src="Image Link5" width="200" alt=""></a> <h4 align='center'><a href='Title Link5' target='_blank'>Title text 5</a></h4> <p align='center'>Your post description goes here...</p>
</marquee>
</div>

Note:  Change color marked text as your own like Red for link which redirects from image, Blue for image link, Pink for your Tile Link and the Green color for your Title Text.

5.  Now Save the Gadget and check it out. 

Posted By Sobuz4:01 AM

How to add Custom Robot.txt to Blogger | Crawlers and Indexing

Filled under: ,

Robot is simply a software of Google Search Engine which is send by Google to collect information from all the websites which are newly discovered. I have already discussed about Crawling and Indexing in my previous post. Now I'm going to discuss about how to add custom robot text to blogger.



Before starting first we have to know about Custom text. Custom text is the direction to the Robot software that how it crawl the site which is given by the administrator. It allows Robot to crawl and index maximum number of pages from the website. So it essential for the Search Engine Optimization (SEO).

How to add Custom Robot.txt to Blogger blog:
There is no hardness to add this text which can be done even a beginner. So lets go the steps:
  1. Go to the Dashboard and select Settings from the left bar.
  2. Select Search preference from submenu.
  3. At the right, go to the Crawlers and Indexing section. 
  4. Click edit in Custom robot.txt and select yes.
  5. Add this code given below in the box which will appear just below the Custom robot.txt.
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search?q=*
Disallow: /*?updated-max=*
Allow: /

Sitemap: http://www.sobuz4u.blogspot.com/feeds/posts/default?orderby=updated
Note: Red line denotes the link of your sitemap URL/RSS feed URL.

Now you have almost done.

Now take a look what you have done.


Click Save Changes.

Posted By Sobuz3:58 AM

Add Meta Tags to your Blogger Blog

Filled under: ,

Meta tags are the important elements for successful SEO of your blogger blog site as well as any types of website. It helps to find out the keywords related to the article to Google bot. When a user search article by his own keywords, bot searches the most relevant matches with the keywords and show the results. So, if you want to optimize your site with successful SEO, keyword research is necessary and place the keywords  into the meta tags. You can put your site description as well as specific post description as search description which helps to recognize your site to the bot that what kind of topics describes in your post. 

blogger logo

Meta tags are basically HTML head element and are not shown on your page. This tag is placed in between the <head> and </head> tag. This elements are generally added to the main script manually.

You can put two types of META tags. You can put text Meta tags as keywords and description and on the other hand "alt" tags. The "alt" tags are used to recognize your photos to the bots that what type of photo it is? 

How to put Text Meta Tags:
Meta tags are generally included <meta> tags. You can put your keywords between the anchor of thr tags and place the tag between the <head> and </head>. You can put keywords and description meta tags like this:
<meta name="keywords" content="YOUR KEYWORDS HERE" />
<meta name="description" content="YOUR DESCRIPTION HERE" />

Add Meta Tags to your Blogger Blog

This elements specifies your overall site keywords and descriptions. But you can put post by post meta keywords and description.

How to add post by post meta elements:
When we add labels to the post we actually add meta keywords to the specific post. But in previous blogger interface there were no option to add meta description to specific post in blogger blog. But in new interface of blogger blog you can add specific post search description for optimization of your blogger blog.
When you write a post you will see an option to add Search description where you can add your specific post search description.

Add Meta Tags to your Blogger Blog

How add "alt" Tag to the Photos:
The "alt" tags are very important for Search engine optimization (SEO). If you put the "alt" elements to the photos the photos will readable to the search engine and can give feedback in the search results. Generally in HTML, "alt" tags are included with <img> tag like below:

<img src="IMAGE URL" alt="IMAGE NAME/DESCRIPTION">

But you add "alt" elements to the photos in blogger blog more easily as well as you can add title and caption with the photos in blogger blog.
To add "alt" tag to the photos, select the photo after uploading the photo. A menu will appear where you can find Add caption and properties menu.

You can add caption by selecting on Add caption. To add "alt" tag click on the Propertion. A pop-up box will appear.

Posted By Sobuz3:57 AM

How to Add Meta Tags In Blogger

Filled under: ,

Add Meta Tags In Blogger For Improved SEOTo get huge traffic in Blogger you must have to add Meta Tags. Meta tag is nothing but a centralized description of a web page. But it is very important to improve search engine ranking. From Meta Tags, crawler/bots can easily find the documents like author, language, country, platform, keywords, description. If you have special niche for your blog, meta keywords and meta description will help you to drive a huge traffic from search engine. In WordPress there are thousands of plugins for meta tag. But, in blogger you have to import manually. See Below for meta tags and a brief description of the meta tag.

<meta content=’Blog Description’ name=’description’/>

This meta tag uses to show a crawler, a brief description of your blog. It’s called as meta description. Remove Blog Description and put your own blog’s description.

<meta content=’KW1, KW2,Keyword3′ name=’keywords’/>

This meta tag uses to push hidden keywords to your blog. Push your keywords in place of KW1, KW2, KW3. You can add unlimited keywords. but remember, 6 or 7 keywords are better SEO. At first make a keyword analysis o your blog then find important keywords for your blog then select and push the meta keywords in your blog.

<meta content=’Author Name’ name=’Author’/>

This meta tag uses for specify the author of the  website/article/post. You can use your name or g+ profile link in the place of Author Name. By this meta tag you can verify authorship on Google+.

<meta content=’G+ Publisher Page URL’ name=’Publisher’/>

This meta tag is uses for verify publisher page at google+. Use your google+ page url at place of G+publisher page URL. This is very important for multi-author author blogs.

<meta content=’Author Email Address’ name=’Email’/>

This meta tag uses for specify a mail address to author. Use your email address in the place of Author Email Address.

<meta content=’index, follow’ name=’robots‘/>

This meta tag specifies the permissions for a crawler or bot. ‘Index’ gives the permission to take the article on the of a search engine. Follow indicates your blog link will be followed. If you want to make your blog  no-follow then use nofollow in the place of follow. But remember it affects site-wide.

<meta content=’Language Name’ name=’language’/>

This meta tag uses for specify the language of your blog. It helps to detect language to translators. Configure it by using your blog language. As an example if you are using US English then it will be looks like this “<meta content=’en-us’ name=’language’/>“.

<meta content=’Country’ name=’country’/>

This meta tag uses for specify the country for your blog. Country meta tag improves your local search ranking. Use your country name in the place of Country.

<meta content=’Engine’ name=’generator’/>

This meta tag specifies the platform you are using for your blog. Use your platform name in the place of Engine. as an Example if you are using Blogger then it should look like this”<meta content=’blogger’ name=’generator’/>“.

<meta name=”copyright” content=”name of owner”>

To protect your text and Images from copying you have to use this meta tag. Use the author name or the publisher name in the place of “name of owner”. Example : <meta name=”copyright” content=”InfoLuv”>.

How To Add Meta Tags In Blogger

Follow the below steps to add meta tag to a Blogger blog.
  • Login to your Blogger Dashboard.
  • Go to Template from Left Sidebar.
  • Click on “Backup/Restore” from upper right corner.
  • Then Click on Download Full Template.
  • After completing your download click on Close button.
  • Click on “Edit HTML” button.
  • Go to Section. You can search this from Ctrl+F.
  • Add Your Meta Tags after <head> & before </head>.
  • Click on “Save Template” Button.
Congratulation you have done the job.
Thanks for being here. For any any blog related inquiry or complaint you can contact us.

Posted By Sobuz3:44 AM

Saturday, August 23, 2014

Add "About the Author" Box Below Every Blogger Post

Filled under: ,

How to add About the Author Box below every Blogger Post?

Add About the Author Box Below Every Blogger Post

Very easy process, just follow my steps given below:
STEP 1.
Go to Design >> Edit HTML
Tick the check box.
Tick the Check Box
STEP 2.
Search for the following code :- (Press Ctrl + F to Search)
]]></b:skin>
Now just above this code add the following piece of code.
.author-box { background: #F7F7F7; margin: 20px 0 40px 0; padding: 10px; border: 1px solid #E6E6E6; overflow: auto; } .author-box p { margin: 0; padding: 0; } .author-box img { background: #FFFFFF; float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #E6E6E6; }
By adding this code, we defined the CSS layout for the “About the Author”.
STEP 3.
Now this is the part where you need to customize you own ” About the Author Area ” according to your need. Edit the following code as you want.
<b:if cond=’data:blog.pageType == &quot;item&quot;’> <div class=’author-box’> <p><img alt=” class=’avatar avatar-70 photo’ height=’70′ src=’Your Photo Link‘ width=’70′/><b>About the Author</b><br/> <div style=’text-align: justify; font-family: verdana; color: rgb(0, 0, 0);’>Write Something About Yourself<br/> <a href=’ Your Twitter Link ‘>Follow Me on Twitter</a> <p style=’margin:-8px 0′><br/><center><a href=’Your Blog Link‘ style=’text-decoration:none;font-size:70%;’>Your Blog Name</a></center> </p></div></p> </div> </b:if>
Change the following things as you wish them to be displayed
  • Your Photo Link
  • About the Author text (In my case it’s “About Ritesh“)
  • Write Something About Yourself
  • Your Twitter Link
  • Your Blog Link
  • Your Blog Name
STEP 4.
Add the above code (once you are done with editing) below the following code:
<div class=’post-footer-line post-footer-line-1′/>
DONE!
Now check out at the last of every post, you will notice your Achievement. I hope you enjoyed. For any query or doubt, don’t hesitate to ask it in comment.

Posted By Sobuz10:59 PM