Graphic Motion Video Art, Website, IT Network, Culture

Loading...
Small but Important Tricks for Blogger

In the process of creating a blog, there are something that can not be ignored. For the optimizing and get the blog display as you wish and according with your needs. This is something that was i called small but important tricks for Blogger. The tricks that needed to be noted a long as my experience about to begin in the process of building a blog and complete my blog notes and i hope can be inspired you to setup your blog by a little tricks that most useful.

1. The First Trick : Removing quick edit that signed by screwdrivers icon

When i login into my blog account by default the screwdrivers icon will shown just by me. This is not that i need, this is make me bothers to see the actual display of my blog. I would prefer when i want to edits something of my blog just on the dashboard directly. To remove it you just need to add css script code that will hide the display of screwdrivers icon. Put the css code on the skin part of the template.
Ctrl+F on the edit html template and type ]]></b:skin> and place the css script code just before "]]></b:skin>". Or it could be through Template>Customize>Advanced on the blog dashboard

the css script code that will added
.quickedit { 
display:none;
}

2. The Second Trick : Removing Post Atom at the bottom of the article views.

I prefer using the RSS Feed with feedburner that was complete there, then there is also the social media share buttons. Why do I have to use it again. To remove that, go to the edit html template, Ctrl + F type <b:includable id='feedLinksBody' var='links'>, you will find feedLinksBody includable section, remove the tag inside there is in this includable, we can use another widget on this includable next time if you need.

The script tag that you have to remove as shown below!
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

3. The Third Trick : Changing the name of the author by admin.

It is too bare if i show the complete of my name to the user that is not all like my blog. So let's just who want to know who looking my name. Find the following tag <data:post.author/> replace all the tag like by "Admin".


4. The Fourth Trick : Removing "Showing posts with label Nama Label. Show all posts".

Showing all the pages on the label is not wise, that is dangerous because if you have label consists with many articles. This show all posts navigation will display all the articles on a label. The problem is when a user loaded all the articles will be bored to wait until everything is visible. What happens the user will think the perform your blog is slow or bad, whereas just the user makes wrong why he/she want to open all that makes a lot of time to loading...ha ha ha .... :)

Therefore Find the code like this <b:includable id='status-message'> Delete all the tags inside there is in this includable.

The cript tag  that you have to remove
<b:if cond='data:navMessage'>
            <div class='status-msg-wrap'>
                <div class='status-msg-body'>
                    <data:navMessage/>
                </div>
                <div class='status-msg-border'>
                    <div class='status-msg-bg'>
                        <div class='status-msg-hidden'>
                            <data:navMessage/>
                        </div>
                    </div>
                </div>
            </div>
            <div style='clear: both;'/>
</b:if>

5. The Fifth Trick : Make the Scroll Bar on the article.
Scroll Bar is required if any part of the article that very long that still in unity. If the article is too long, the user will think the content of the article is tricky, but probably is not tricky as they imagined. Therefore you must use the scroll bar on the long part of your article. just use the following tags in the part of article that's too long
<center>
 <div style="border: 2px solid #000000; height: 200px; margin-left: 20px; overflow: auto; padding: 3px; text-align: left; width: 550px;">
 The Long Part of the Article
 </div>
</center>

6. The Sixth Trick : Speed ​​up loading blog by using LazyLoad javascript.
In some situation, if you may find your blog has content with many pictures and many additional widgets, that is make script of your template more complicated. Your blog will be seem more slowly or lazy to load, especially if you use a lot of scripts on your blog template and the internet connection slow. Your blog will not be completely finished loaded, and there are widgets that can not be fully processed. The solution is to insert script lazyload.js, which can improve the loading of your blog significantly. Use one of the following script below put in the head part of your blog template.

<script src='http://agratitudesign-template.googlecode.com/svn/trunk/clientcueroslazyload.js' type='text/javascript'/>
<script src='http://agratitudesign-template.googlecode.com/svn/trunk/clientlazyloadimage.js' type='text/javascript'/> 

Make sure the template of yours already have "jquery.min.js" put one of the  script above under the script link "jquery.min.js" on the head template.

7. the seventh Trick : Creating a sitemap on your blog.
Sitemap is a list of the contents of your blog. Automatically on every you make a post on the blog, the article post that you write will be contained in the post atom by default blogger. That is an entire syndicate of your blog content. You can make the sitemap based with the syndicate content the post atom by adding the sitemap js script.

Create the new post, change on the html code on the post that you will create and then change the www.agratitudesign.blogspot.com on the script below by the url of your blog and publish it.
<script src="http://agratitudesign.googlecode.com/svn/trunk/mysitemap.js" type="text/javascript">
</script>
<script src="http://www.agratitudesign.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script> 

Share This Article :
Related Articles

No comments :

Post a Comment

Back to Top