Showing posts with label TUTORIAL. Show all posts
Showing posts with label TUTORIAL. Show all posts

Enjoy New Features of Blogger Custom Permalink (URL Editor)

Add Comment
Before the presence of this blogger permalink edit feature, I must outsmart the words in the post title so that the words inside the permalink are not interrupted and do not lose meaning. I have to write important words first, for visitors and to optimize keywords in permalink. The trick is to write down important words in the title box, publish, then edit the title again. Of course this is inefficient and less satisfactory.

Well, now features custom permalink already present in Blogger. We no longer need to back and forth edit post titles. All it takes is to write the permalink name through the "Permalink" feature in Blogger's post editor. Enterprises to optimize keywords for SEO in the permalink url can be more leverage. Improving SEO blog so much easier.

Steps using Custom Permalink Blogger feature :
1. Access directly via Blogger Dashboard. Blogger Draft is retired and now all test and official features can be accessed directly via Dashboard.
2. Open the post editor (new post, new post), like when you want to write a new post.
3. Notice on "post settings" in the right sidebar, there are some features to customize posts, see "Permalink", click.
4. There will be two options, "automatic URL", and "custom URL". The first is the default, the url adjusts the title. The chances are very big. To customize the permaling, select the second option.


5. After selecting the option "custom URL", type the name of permalink posting as you wish. There is one important thing to note: Do not have spaces. Give a hypen / strip (-) between each word, according to the Blogger permalink type.
example: webmasterseo3-blogspot-custom-permalink
6. Click Done. You can continue making posts or direct "publish"

Review and Features Blogger Custom Permalink
There are a few things I see from this feature, both the advantages and disadvantages:
1. The number of characters in the permalink, after I check, can reach around 45-80 characters (maybe a little more), adjusted to the length of the whole url character. That is, the limit on the number of characters depending on the length of the blog name. The longer the blog name, the less number of characters that can be created in a custom permalink.
2. There is one weakness that is significant enough that in my opinion there is no major change with the existence of this feature. Custom permalink can only be created before a post is published. That is, after a post is published then the permalink can not be edited again. Unlike WordPress where users can edit permalink on any post type (draft or published posts). You must delete the old post, if you want to create a new url version.
3. This custom permalink applies only to filenames. If yesterday anyone asked about changing the permalink structure, then the feature was not (or at least not) existed. The point is, the questioner wants to make url permalink clean, no-frills folders as per the month of the year (Example: 2012/07). This feature is called rewrite url, and both are very different features. This feature involves htaccess, and Blogger does not allow / provide access to it (cPanel). Blogger also does not allow the use of plugins / addon.

Yup, that's it. Although there are many shortcomings, I think this feature is quite helpful in the effort of preparing keywords in permalink without having to edit the post title. Hope this post useful, have a nice blogging, then.. :)

J Query: Back / Scroll to Top With Fading & Smooth Effect for Blogger


There are many bloggers who ask about the back to top button (the button back up) Blogger that I use, because it is different from the button that I have previously shared. If the old one just uses the hashtag function in the HTML url (#top or #), then the one I use uses the javascript and jquery functions. But I got a bit confused to share because the script that I use I hosted separately on another server and has undergone a full modification so it is only suitable for my template. If I give it raw it is very difficult to modify as you wish. Though each blog display is different, the desired effect pal on the scroll to top may also be different, and most important is to install the button easily without the need to modify the javascript as I do.

So, in the process, I have found the back / scroll to top script that is much more suitable, made in dynamicdrive, and I can easily modify it so it is suitable for Blogger. This script will be hosted itself on Blogger server (inserted through widget / gadget editor), so modifications can be done at any time without having to upload and host javascript file to other server.

What's Different?

There have been many blog tutorials that share scroll scripts / back to top (back to top), different on back to top scripts in this tutorial are:
1. Streamlining the script so as not to aggravate loading blog
2. Reduction, downsizing, and modification of the script section to match Blogger.
3. Fading effect and smooth effect at once (with the help of jquery)
4. Guide full modifications on the script to display a personal effect, to fit the blog design and desire.
5. Installation via widget / gadget (layout editor).

How to Create and Put Back To Top Button with Fading Effect & Smooth Blogger

This script has two parts, the first is the back to top function script itself, and the second jquery script to help smooth and fading effects (in and out).

Jquery is a script that is very commonly used, so if your blog is already using jquery, no need to add it. Check whether your blog is already using jquery or not, go to Edit HTML then search (CTRL + F) with jquery keyword, its location is inside the head element (between <head> and </ head>). If it already exists, there is no need to add jquery script.

<!--Back to top script by dynamicdrive.com and webmasterseo3.blogspot.com-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
<!-- delete the script above if the template is already using jquery -->
/*********************************************** 
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) 
* Advanced modification by buka-rahasia.blogspot.com 
* This notice MUST stay intact for legal use 
* Visit Project Page at http://www.dynamicdrive.com for full source code 
***********************************************/
var scrolltotop={  
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 200]}, 
    controlHTML: '<img src="URL Image Back To Top" />', 
    controlattrs: {offsetx:5, offsety:5}, 
    anchorkeyword: '#top',
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){ 
        if (!this.cssfixedsupport)
            this.$control.css({opacity:0})
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) 
        if (typeof dest=="string" && jQuery('#'+dest).length==1)  
            dest=jQuery('#'+dest).offset().top 
        else 
            dest=0 
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration); 
    },
    keepfixed:function(){ 
        var $window=jQuery(window) 
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx 
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety 
        this.$control.css({left:controlx+'px', top:controly+'px'}) 
    },
    togglecontrol:function(){ 
        var scrolltop=jQuery(window).scrollTop() 
        if (!this.cssfixedsupport) 
            this.keepfixed() 
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false 
        if (this.state.shouldvisible && !this.state.isvisible){ 
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) 
            this.state.isvisible=true 
        } 
        else if (this.state.shouldvisible==false && this.state.isvisible){ 
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) 
            this.state.isvisible=false 
        } 
    }, 
    
    init:function(){ 
        jQuery(document).ready(function($){ 
            var mainobj=scrolltotop 
            var iebrws=document.all 
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode 
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') 
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') 
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) 
                .attr({title:'Scroll Back to Top'}) 
                .click(function(){mainobj.scrollup(); return false}) 
                .appendTo('body') 
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //special version of IE6 down for loose check, also to see if the control contains text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- needs to be set in clear width so that text containers are neatly formed
            mainobj.togglecontrol() 
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ 
                mainobj.scrollup() 
                return false 
            }) 
            $(window).bind('scroll resize', function(e){ 
                mainobj.togglecontrol() 
            }) 
        }) 
    } 
}
scrolltotop.init()
</script>
<!--Back to top script by dynamicdrive.com and webmasterseo3.blogspot.com end-->

Installation Steps:

1. Copy the script code above
2. If you have checked jquery and it already exists (note: at least jquery version that can be used is 1.3.0), delete jquery script at the top, namely:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
3. The most important modification is the URL image back to top , enter your image URL replacing the Back To Top Image URL text. Advanced modifications (if required) will be submitted at the end of the article. For back to top images you can search by Googling yourself, or use some of the following examples:

                     top button 1 top button 2 top button 3 top button 4 top button 5 top button 6

4. Go to dashboard> Layout> Add / add gadgets.
5. Choose the type of HTML / Javascript gadget.
6. Enter the entire code into the editor box and save.
7. In order not to interfere with other widgets, and loaded lately, make sure the widget is positioned at the bottom. Drag the widget either to the footer widget (if present) or in the bottom sidebar.
8. Save again and check if the back to top widget is installed properly.

Advanced modification on the Scroll / Back to Top Button

To modify the effect on the back to top button, note the following points:
- startline: Integer the pixel value to the bottom where the back to top button will be raised. Increasing the value means the button will be displayed further down after the user scroll down. The default value above is 100
- scrollto: Integer, the purpose of scroll after the button is clicked. A value of 0 (in pixels) like the default above means the scroll will return to the topmost (zero) portion. Increasing the value means it will lower the scroll destination point.
- scrollduration: speed / duration of scroll (in miliseconds), the higher the value, the slower. The default is 1000 (1 second).
- fadeduration: fading speed / duration (in miliseconds), the first value is the value of fade in, the second is the fade out value. The default values ​​above are 500 and 200.
- offsetx: the position value x the back to top (in pixels), the more it gets deeper. Default 5.
- offsety: the position value y back to top (in pixels), the more plus the more jutting up. Default 5.

*Important note:
  • Do not try to add the script into the template via the HTML editor, because there will be parsing errors, parsing widgets and different Blogger parsing templates.
  • Never remove the attribution on the script, respect creators.

Okay that's it. Hopefully the above tutorial not only provides benefits in terms of installing the back to top button, but also gives a little picture about the use of javascript.

Have a nice blogging, as always.

Submit a Blog / Website To Google Search Engine

Add Comment

Although search engines generally do crawl on all websites / blogs that exist, but to optimize the index, you should do the registration / submit url blog / website. As we already know, Google is the number one search engine, and registering the blog url / website to the search engine is the first step to do SEO (search engine optimization), ie maximize the results of the Google index to the url blog / website and every page.

Here are the steps to register your blog / website to Google Search Engine:
1. To get full access of the list first to Google's general account if not already.
2. Register blog / website url to Google add url by entering blog url, comment (simple description) if needed, and enter captcha code.
3. Click add url.
4. Done!
5. To find out and validate, proceed to Google Webmaster Tools (Blogspot platforms are usually validated automatically through HTML verification code already installed in the template).
6. Click manage / settings and select add / remove owner.
7. Then get the verification code by clicking "add an owner".
8. Select the verification code in the meta tag option.
Copy the code and install it in your HTML template, exactly between <head> and </ head>. To get more leverage at the top (close to <head>).
10. Save. Wait some time and there will be reports in Webmaster Tools that blog / website has been validated and verified.

Also do submit / register sitemap for faster indexing process and register the blog to some free search engine submitter site.
Learn more, learn how to create a blog quickly indexed google.

Make Blog Fast Indexed Google Search Engine

Add Comment


What is the effect of blog / website that quickly indexed / indexed Google? Of course the newly created blog articles are becoming more quickly discovered by visitors of blogs / websites searching through Google search engines. And why do I have to Google, is not there still Bing, Yahoo, Altavista and others? Yes, but it must be recognized and understood that Google is the one who still continues to rule the world of search engines. Even practically, search engines other than Google hardly give any effect on traffic.

Make it a habit to check Google's index results in realtime to find out the speed of the index. The newly created article in this blog is usually indexed less than 30 minutes after publishing.

Here is an example of the results of index speed and this article I took directly as an example (note the last time posts):

Quick index results
This article / post directly indexed in less than 5 minutes before I could edit the title (I usually use the title according to the keyword first so that the url contains the desired keyword, then decorate the title with editing again, this is because Blogspot does not allow customization url like WordPress ).

At first I did not quite understand why that was so. But after remembering the patterns and habits done, then I really understand the effect. Well, of course I am far from being a blogspot SEO expert, but hopefully my blogger tips-tricks to speed up Google's index of this blog can be useful:

1. Before optimizing and accelerating the index, make sure the blog has been registered to Google.
2. Register also blog through Free Website / Blog Submission Tool to strengthen it.
3. Create and register a blog sitemap to Google. This works to help Google create a quick mapping of blog content and nothing to miss indexed.
4. Get used to ping blog url and url / link the latest post shortly after publish / post articles. This works to authenticate ping directories, directories, or other ping services as well as search engines.
5. Perform ping also against sitemap by using Google Sitemap Ping.
6. To strengthen the authority and popularity of blog / website links, frequently visit and comment on dofollow blogs and list blogs and articles to directories and social bookmarks, regardless of article type. Backlinks can strengthen visibilty / authority blog pages and improve / optimize SEO and SERP Tips

If there are other ways to make a blog quickly indexed Google Search Engine, please add through comments, I will be very happy and very grateful.

Tips: Create and Build Blogs Effectively

Add Comment

Every Blogger, would want a good progress and development on his blog, both in terms of content, appearance, traffic, popularity, to the financial aspect. Often, because of the limitations of references and the influence of some constructive discourses, the newbie Bloggers are stuck in instant ways that are actually far from delivering results as expected. Therefore, it is very important to create a mature strategy, as simple as anything, so that blogs can grow and produce something exciting for the Blogger.

If it should be called a misstep because of ignorance, most Bloggers have an understanding that everything can be done instantly, both in making and in building blogs. So, sometimes they get stuck on the use of bad and misleading ways. Whatever the purpose, something that is done in a good way will definitely produce something good as well.

This article I created as share over some experience when creating and building blogs, which of course a lot of trial and error as experienced by other Blogger newbie.

Basic Tips to Create a Blog (internal Step)

After knowing how to create a blog, with any blog platform, it should be understood that creating a blog is not a short process. However, creating a blog is a process whereby the construction and blog elements are structured in such a way as to form a basic appearance and content that is ready to be displayed for readers / visitors, at least there are several stages in preparing the creation of blogs:
  1.  Compose a unique domain name that no one has.
  2.  Registering the domain to a blog / service provider or directly hosting itself.
  3.  Perform verification process and finally come to the make of blog url; which means a blog has been born.
Up to this point we often assume that everything is fine. Then, haphazardly, we start doing massive postings. In fact, because to meet the demands of the number of posts that should look a lot, a blogger does not hesitate to do mass copies of several blogs at once. This method is actually far from the effort to create a good blog and not at all effective.

Here are tips and next steps on the stage and the process of creating a blog:

1. Focus on the construction of blogs first, do not think about traffic / visitors. If you need to set blog access to private where only you can access it.

2. Find the appropriate theme / template as well as meet the criteria in accordance with the topic of the blog to be carried (including personal blog). In the future, it is possible to replace templates. However, it would be better if it is minimized, or at least only done in the early stages. Next, the blog is ready to step in with a template that has been previously tested and selected. There are now many premium / free quality templates / themes.

3. Select and sort the widgets to install. Focus on the use of widgets that function clearly, such as for navigation tools, community (follow) and statistics (traffic / visitor / pageview). Actually very reasonable to try various widgets (his name is also curious and want to see the results, right?), But note the true function. Avoid sweetener widgets that are not really important, instead of adding weight to the blog and making visitors annoyed. Often I am greeted with a javascript pop-up widget / plugin when visiting a blog: "Hello, write your name, your age, your gender?" My question is, "Is that so?" I feel very disturbed, because all I need is to read blog articles instead of following the population census. :) Avoid such widgets.

4. If necessary, create a new blog that serves as a laboratory to test trials and widgets, so if it feels already fit, stay installed on the main blog.

5. While performing the steps above, make a post regularly. Relax, no hurry. Writing in a relaxed state and clear mind can produce a weighty writing, as simple as any topic.

6. A blog is a vehicle for displaying discourse, make sure the blog has had enough articles before it is thrown into a wide audience. 5-10 articles I think is enough to be the beginning of the introduction of a blogger and blog.

7. A one to two month time is not a long time to make a really solid blogging foundation. Imagine the understanding that all the above processes can not be done within a day or two. only If the analogy as a house to be built, then it must be ascertained whether the foundation is really solid and ready to be stacked with other building materials, and it takes time that can not be spelled out instant.

Basic Tips Building a Blog (External Step)

Once the foundation that is planted in the soil is certainly strong enough, then now is the time to build the wall to the roof, the parts that have been touched by the free air. This stage covers many of the external things that bloggers are beginning to move to promote / introduce their blogs to the general public.

1. Come to other blogs, get acquainted, and comment as much as possible. Prioritize on blogs that are still new. Why? The chances of getting a response and a return visit will be much bigger and faster. Attitudes from other bloggers who have the same conditions will be more disconnected because the interaction is more balanced. It would be very difficult to get a visit of senior bloggers who in fact have the same bustle along with bloggers as well. Not to distinguish, but if the analogy, whether you will visit and play with high school kids when you are still 6th grade elementary school? Of course demanding such standard bloggers can not be regarded as easy. There are stages like climbing stairs. Climb up five childrenthe stairs at the same time are at great risk and eliminate the part of the process that should be passed in socializing and learning.

2. Comment on quality content. Why? Because the content of the weighted comment will be more interesting than the perfunctory. Give opinions in an article or ask questions that can provoke blog owners to enthusiastically answer it. In this way, the return visit will have a substantial percentage of possibilities. Avoid comments that are only "spam comment", because your quality as a new blogger is also assessed from that factor. It will also attract senior bloggers to better consider your presence.

3. After getting acquainted and socializing with fellow Blogger, start also do the stages of introducing blog to search engine and improve SEO, either on-page or off-page. A bloggger who wants his blog crowded visitors can not rely on visitors from blogwalking results only. Therefore, this stage begins to be a very important step and must be constantly done.

4. One way to strengthen the SEO and index of search engines is by diligently commenting on blogs like the way before. Commenting is also on dofollow blogs. Use blog url as a link and blog name as the name of the commentator (anchor text) when filling out the identity form of the commentator. Again, I affirm, comment with a quality comment because it will also be considered by search engines. For a new blog, optimize the link building blog homepage in advance of other page links (posts).

5. Submit blogs and articles to directory sites and social bookmarking. This will increase the visibility of the blog and its pages.

6. Start active follow forums bloggers and public forums. Create posts with specific topics / discourses. Make sure the blog links are listed in the post section as source and identity. Posting does not have to be an article that explains something, but it can also be opinions, questions, and everything that requires a response. Blogger forum site directories, for example blogger.com or technorati.com (see also other blog directories in this blog).

7. Continue to hunt blog / website directories and social bookmark . Use search engines as a proven search tool.

8. Expand the network and popularity of blogs by using social media like Twitter and Facebook. You can publish articles, hook follower and fans (likers), promote, and expand the reach of communication.

9. Keep on making posts. Blog riches and resources are articles. But do not force yourself to write as much as possible. Write with mood and spirit. Quality and original articles will get plenty of opportunities to get linkback from other bloggers who copied it. If there is no source link, ask. This is for the originality and credibility of blogs as well as to increase blog popularity and visibility.

10. Perform small-scale analysis (large-scale also does not ding), to blog traffic; both in terms of the number of pageview and visitor. Use the blog statistics feature provided by the blog service provider (platform) or other sites where the traffic / visitor / pageview widget has been pre-installed. Pay attention to its progress and see if there is an increase or not.

11. Check also the condition of blogs on search engines (Google) through Google Webmaster Tools and Google Analytics.

12. Register blog to Alexa to know progress of rank (rankings) blog traffic.

13. (Optional) Be a guest blogger (guest writer) on the blogs that offer.

14. Step number 1 to 12 is a simultaneous step and should be done continuously as long as you want your blog to keep on developing; both in terms of quality, popularity, traffic, and finance (for those who monetize the blog).

15. Be patient and enjoy the process.

Good Luck !.