Showing posts with label Blog Tutorials. Show all posts
Showing posts with label Blog Tutorials. Show all posts

list of blogs to yahoo

Posted by Bloqx Husni on Sunday, January 23, 2011

whether now your blog is really so? or maybe there are some who want to repair, if you think your blog is perfect. hereinafter step is to register your blog to search engines. why?
because by registering your blog to search engines, it can be easy to find people, and thus could increase the number of visitors. as I have said! prioritizing the list to popular search engines. like google, yahoo, MSN. for this time I will try to scout for a list of blogs to search engines yahoo.
when registering your blog to google already know, blia not know how to register your blog to google, click here

B. Blog / Web at Yahoo
1. Please visit : https: / / siteexplorer.search.yahoo.com / submit

2. Click the Submit a Website or Web Page, enter your blog address, for example: http://youbusiness.blogspot.com, then click Submit URL

3. Click the Submit Site Feed, Enter your blog feeds, for example: http://feeds.feedburner.com/feed you, (if the list on feedburner). Or: http://yourblog.com blog / atom.xml.
 
4. Then click Submit feed
 
5. Completed


sometime we discussed to register your blog to other search engines!

for those who want to share, please fill in your comment


HAPPY BLOGING
More aboutlist of blogs to yahoo

Submit Blog To Search Engines

Posted by Bloqx Husni

Why we must Sign / Submit Blog To Search Engines?, of course for Blog or Web we immediately lookups on search engines or search engine, especially if the blog is new, For Search Engines, to say the key to bringing many visits to our web / blog .. then what if already lookups??, according to the reference that I read it's good we submit that URL periodically for example once a month, do not get too often because the future can be considered spam to the search engines much less the same.

We recommend starting a blog submit it to the major search engines or who already have a name like Google, Yahoo and MSN, new to the other search engines. ..

Now follows How to Register to Search Engine Google:

1. Go to his website is: http:/www.google.com/addurl

2. Fill in the information requested on a form provided

3. URL -> fill with your blog address. instance = http://youbusiness.blogspot.com

4. Comments -> content with keywords in your blog

5. Optional -> input the code that is written in the box provided

6. Click Add URL

7. If true there will be kata2: Thank you, Your site URL has been succesfully added to our list of URLs to crawl

8. Done ..



happy bloging  !!!
More aboutSubmit Blog To Search Engines

Install the breadcrumb on the blog

Posted by Bloqx Husni on Friday, January 21, 2011

How to create a breadcrumb is different from the way I've ever posted before, because it makes the breadcrumb on the blog this second way, then each of us make use of many labels will not be many of our post title in the navigation breadcrumb, for those who already make use of the way first , please in the first standarkan or removed before the code,

First, the incoming bloggers

Edit HTML check Expand Widget Templates

and enter the CSS code below the above code : ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:11px;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

After that look for code like this :

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/&gt;

If you have found to delete and replace with code like this:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>porch</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>porch</a> &#187; Archive for <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>porch</a> &#187; All Articles
<b:else/>
Browse &#187; <a expr:href='data:blog.homepageUrl'>porch</a> &#187; Articles In Category <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>


completed...!!!

Your comments please, about this article

happy bloging
More aboutInstall the breadcrumb on the blog

Creating breadcrumb on the blog

Posted by Bloqx Husni

Install the breadcrumb on this blog will make our blogs more easily recognizable by the search engine on, because it's like a breadcrumb keywords or tags that can lure search engine to index our posts to be faster, therefore I highly recommend all bloggers who have not made put it, OK now we can skip ahead to "the scene" how to install the breadcrumb our blog.

First, go to Blogger

Edit HTML

Tick the Expand Widget Templates

look for code like this: ]]></b:skin>

after that copy the code below just above the code above :

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

after that save your template.
now tick the expand widget template.
andlook for for code like this :

<div class='post hentry uncustomized-post-template'>

if you found a copy code below right under this code:

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

If the preview is finished now blog friends, if you are successful, do not forget to save your template. Now to see the results please see one of the posts my friend and see above post title there will be a sequential navigation. Well that's just my friend made.

if less obvious, comment yes


Happy Bloging
More aboutCreating breadcrumb on the blog

How to Make AutoLink On Writing Or Specific Words in Blogs

Posted by Bloqx Husni

For this tutorial a little review about the link. To make the automatic link on the article or a particular word on a blog - this blogspot to make it more easier for us who no longer embed the link manually, and according to these bloggers can also make us more SEO friendly blog, we live determine what word or phrase that we will expects to be a link.
according to which I know he said in this way will make our article will contain a lot of anchor text and could strengthen the position of the SERP in posting on our blog.
 
For the steps are as follows:

1. Login to Blogger

2. Go to "Layout - Edit HTML"

3. Put this code under Prior Code:
   </head>

<script type='text/javascript'>
//<![CDATA[
function doHighlight(bodyText, searchTerm,link)
{
var newText = "";
var i = -1;
var lcSearchTerm = searchTerm.toLowerCase();
var lcBodyText = bodyText.toLowerCase();

while (bodyText.length > 0) {
i = lcBodyText.indexOf(lcSearchTerm, i+1);
if (i < 0) {
newText += bodyText;
bodyText = "";
} else {

if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf("<", i)) {

if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) {
newText += bodyText.substring(0, i) + '<a href="'+link+'">'+ bodyText.substr(i, searchTerm.length) + '</a>';
bodyText = bodyText.substr(i + searchTerm.length);
lcBodyText = bodyText.toLowerCase();
i = -1;
}
}
}
}

return newText;
}

function highlightSearchTerms(searchText, treatAsPhrase,link,divid)
{

if (treatAsPhrase) {
searchArray = [searchText];
} else {
searchArray = searchText.split(" ");
}


div=document.getElementById(divid);
var bodyText = div.innerHTML;
for (var i = 0; i < searchArray.length; i++) {
bodyText = doHighlight(bodyText, searchArray[i], link);
}
div.innerHTML = bodyText;
return true;
}
//]]></script>

4. The next step Find Code: <data:post.body/>

If you use readmore, the code will be there two, Find the second such code.

5. The code was then Delete and replace with Code Below

<p> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> highlightSearchTerms('keywords1',true,'http://link1.blogspot.com','summary<data:post.id/>'); highlightSearchTerms('keywords2',true,'http://link2.blogspot.com','summary<data:post.id/>'); </script> </p>

Description: Replace Keywords1 along the link as you want,
and to add keywords and links, just add it Code:

highlightSearchTerms('keywords',true,'http://link.blogspot.com','summary<data:post.id/>');

and replace the keywords such as the above information and the link as desired, then Save Template And see the result. Good luck good luck ...!


if there are less obvious? please leave a message!
or anyone willing to be corrected?

happy blogging
More aboutHow to Make AutoLink On Writing Or Specific Words in Blogs

Page Having Scroll Function

Posted by Bloqx Husni

to create a page that has a scrolling function that is placed on the gadget to not take up much space on the blog and we can also arrange the pages on the blog in the order that we want, which can be seen in the example this blog.
to create such a page does not have to make the code very much, but just a little code to make it. Curious what kind of code, here it is on purpose.
To create a page like that, you just make the code like this:

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

contents page

</div>

Example :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<ol>
<li><a href="http://hmubaraq.blogspot.com/2010/12/ How-to-Register-Domain.html"> How to Register Domain</a></li>
<li><a http://boyadoe-ji.blogspot.com/2010/12/ How-to-domain-settings.html"> How to domain settings</a></li>
<li><a href="http://hmubaraq.blogspot.com/2010/12/ How-to-Upload-file-hosting.html"> How to Upload file hosting</a> </li>
<li><a href="http://hmubaraq.blogspot.com/2010/12/ How-to-create-a-blockquote.htm"> How to create a blockquote</a></li>
</ol>
</div>

Then it will be like this:

1. How to Register Domain
2. How to domain settings
3. How to Upload file hosting
4. How to create a blockquote

Etc ... ... just add the code wrote:
<li><a href="http://hmubaraq.blogspot.com/2010/12/ How-to-create-a-blockquote.html"> How to create a blockquote</a></li>


To be a little obvious.

Which plays a major role in the above code is that there is in style.
Here are the commands in use:

overflow: auto; »this code for the rollers to create scrolling or page if the content of these pages has exceeded the height or width limits that have been specified.

width: 300px; »is the width of the field in want, in this case by 300 pixels, this value must be adjusted with the desire or be adjusted with the existing width of the sidebar. however, always related to the sidebar then you should use a value of 100% (width: 100%).
height: 200px; »is the height of the desired field, this value can change as you wish, eg 250px or so other values.

padding: 10px; »is the maker code distance for the existing posts in these pages do not hit the wall page, this value is, of course, can change as you wish. eg padding: 5px;

border: 1px solid # eee »for that field appears there was the box, if you do not want any visible box, then stay in clear only.
More aboutPage Having Scroll Function