Learn How To Blogging

Showing posts with label Tutorial. Show all posts

Home > Posts filed under Tutorial

How to Create a Table of Contents In Blogspot

On Sunday, 29 September 2013 Posted by Unknown Labels: Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
Respond to several requests blogger friends who ask the script to create table of contents in his blog , this time I will post how to create a table of contents on blogspot . The script I got from Master Blogger Indonesia which is very famous in the world of bloggers , namely Kang Abu Farhan . With tips from Abu Kang , all bloggers so very easy to make a table of contents on his blog . And with this addition, visitors are easier to find articles that he wants .<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJiY0GiUftGrEyIv2gtlo5LUYikZKWTawOYHj6W-LwxbvWaon64Nn2_ifgimJYKjfKN1_k6QMiiGfOINZ0q_4T-_RwTH8FH3n0pGoCByYuQmUSLxcKTCdCx_IeTs0bFv5wcuKGaBfyy3g/s1600/daftar+isi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJiY0GiUftGrEyIv2gtlo5LUYikZKWTawOYHj6W-LwxbvWaon64Nn2_ifgimJYKjfKN1_k6QMiiGfOINZ0q_4T-_RwTH8FH3n0pGoCByYuQmUSLxcKTCdCx_IeTs0bFv5wcuKGaBfyy3g/s1600/daftar+isi.jpg" /></a></div>
<br /><br />To make it , please follow these steps :<br /><br />1 . This sign in the first blogger pal account<br />2 . Click the " Design " = > " Edit Page "<br />3 . Select " HTLM / Javascript "<br />4 . Enter the following script in the appropriate box :<br /><br /><script style="text/javascript" src="<a href="http://how-to-learn-blogging.blogspot.com/">http://how-to-learn-blogging.blogspot.com/</a>script/daftarisibloggerarchive/tocbyarchivemin.js"> < / script ><br />< script<br /><br />Replace the red code with your blog url .<br /><br />5 . Click the " Save "</div>

Respond to several requests blogger friends who ask the script to create table of contents in his blog , this time I will post how to creat...

How To Make Energy Saving Mode on blogspot

Posted by Unknown Labels: Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
Making Energy Saving Mode on blogspot - Maybe this tutorial is for you arguably the bloggers who like to conserve energy , hahahah . Making Energy Saving Mode on blogspot is one blogger tutorials to make your blog in a language that the computer " Sleep " so when your visitor does not make a tab that contains your blog and have not been in close then Energy Saving Mode will work .<br /><br />Ok following Full Tutorial Make Energy Saving Mode on blogspot :<div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBopsE8Wz3DpOX_u6EP7YU9sLBVK4ziE1-03IQdC90kxd86hPWLs8nQXxKY2A2uvu3oBp7KuSRr8jWdrTxxjH-j-5ERteXoTsDVc6Jzdf0dkYc7zCCFGpoRs54ZhO9PxlDfS7P5Xlwgao/s1600/Membuat+Energy+Saving+Mode+di+blogspot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBopsE8Wz3DpOX_u6EP7YU9sLBVK4ziE1-03IQdC90kxd86hPWLs8nQXxKY2A2uvu3oBp7KuSRr8jWdrTxxjH-j-5ERteXoTsDVc6Jzdf0dkYc7zCCFGpoRs54ZhO9PxlDfS7P5Xlwgao/s1600/Membuat+Energy+Saving+Mode+di+blogspot.jpg" width="320" /></a></div>
<br /><ul style="text-align: left;">
<li>Log in to your blogger</li>
<li>On the dashboard > design > Edit HTML</li>
<li>Check the Expand Widget Templates</li>
<li>Find the code <span style="color: blue;">< / head> </span>tag , use the search by pressing F3</li>
<li>Copy the code below and attach before <span style="color: blue;">< / head></span></li>
</ul>
<div>
<span style="color: blue;"><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/></span><br /><ul style="text-align: left;">
<li>Save your work or Save template</li>
<li>If it is saved , back again to your Dashboard</li>
<li>After clicking Design > Design - & - Page Elements .</li>
<li>Click the " add gadget " on one of the sidebar .</li>
<li>Select ' HTML / Javascript ' and add the code below :</li>
</ul>
<span style="color: blue;"><script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=</span><span style="color: red;">120</span><span style="color: blue;">"> < / script ></span><br /><br />Description :<br />Replace the blue marked ? -Time = <span style="color: red;">120</span> with time in accordance with your wishes , 120 means after 120 seconds or 2 minutes , with no activity on your blog , Energy saving mode will work .</div>
</div>
</div>

Making Energy Saving Mode on blogspot - Maybe this tutorial is for you arguably the bloggers who like to conserve energy , hahahah . Making...

How to Eliminate Figures On Label Update

Posted by Unknown Labels: Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
By default , if we label or category to post automatically our blog page will appear the name we have given the label along with a number that indicates the amount of its news .<br />So the more number of posts that were labeled at the numbers also increase . For example as shown below :<div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsYZ80NA4oE6L7mPhhDbAguW-0-PbHq9eMFmPc_tdaxBh0huS7f134icFeNCzXPM5Ilw0MG2vdjcTMGR06y0mfxQ5BwpClu49fGRrvhHqdXzJXuvOGqI4fJKrZPXJd8nZ9SPZpztReLxg/s1600/label.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsYZ80NA4oE6L7mPhhDbAguW-0-PbHq9eMFmPc_tdaxBh0huS7f134icFeNCzXPM5Ilw0MG2vdjcTMGR06y0mfxQ5BwpClu49fGRrvhHqdXzJXuvOGqI4fJKrZPXJd8nZ9SPZpztReLxg/s1600/label.gif" /></a></div>
<br /><br />With the numbers on the label so visitors can know how many number of posts on the label . However there are some bloggers who do not like the existence of this figure because he was able to reduce the number of aesthetic blog .<br /><br />Well for those of you who want to remove the numbers on the label , it is very easy .<br />1 . Log in to Blogger . Click the Design - > Edit HTML<br />2 . Then tick the "Expand Widget Templates "<br />3 . Find code ( <span style="color: blue;"><data:label.count/></span> )<br />4 . If you have found , delete the code and then click Save Template<br />5 . Completed . Click on View Blog to see results<br /><br /><br /><b>Update</b> : Currently blogger.com has added an option to remove the numbers in the label widget . So for those of you who want to eliminate the number on your label widget , simply uncheck the " Show number of posts per label " then the numbers will be lost .</div>
</div>

By default , if we label or category to post automatically our blog page will appear the name we have given the label along with a number...

How To Create Buttons Follow The Blog In The Distributed

Posted by Unknown Labels: Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS38ZOWFo6HZGMHR6WO6cBQcg-cMPFlQWoDlr2S88LK3eDn4s-Ch4QdCuQpLsdcFPL3muSXozDus2YPrQCJH656Djksj_AnBWuSyp1n1w36aeSro-Xf5v0kaVf5n77xmOhgKa4And0Pbg/s1600/FOLLOW.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS38ZOWFo6HZGMHR6WO6cBQcg-cMPFlQWoDlr2S88LK3eDn4s-Ch4QdCuQpLsdcFPL3muSXozDus2YPrQCJH656Djksj_AnBWuSyp1n1w36aeSro-Xf5v0kaVf5n77xmOhgKa4And0Pbg/s1600/FOLLOW.png" width="320" /></a></div>
If your blog is air- surely you know the blogger platform followers widget that displays the visitors who subscribe or follow your blog , as you can see in the left sidebar of this blog ... : D Well , this time I will discuss the tutorial to make your own buttons follow the blog . So no need to install widgets followers .<br /><br />Followers widget provided by blogger I can say quite heavy . For a very calculating with speed of loading pages , remove the followers widget will help speed up the process of loading a little .... : D<br /><br />How so visitors can still follow without the followers widget ? This is the point of this tutorial . I repurposed a point short javascript to display the page when clicked follow blog . So visitors are interested in the content of your blog could still follow and subscribe to update your post in their profile .<br /><br /><span style="color: blue;"><script type='text/javascript'></span><div>
<br /><span style="color: blue;">function follow ( BlogId ) {<br />window.open ( " http://www.blogger.com/follow-blog.g?blogID = " + BlogId , " followblog " , "height = 600 , width = 600 , toolbar = no , menubar = no , scrollbars = no , resizable = no , location = no , directories = no , status = no ' ) ;<br />}</span></div>
<div>
<span style="color: blue;">< / script ></span><br /><br />Paste the above script below <body> your template . Then for the follownya :</div>
<div>
<br /><span style="color: blue;"><a onclick='follow("[BLOG ID anda]");'> Follow us on blogger < / a></span><br /><br />Paste in the desired place . BLOG replace ID with your blog ID respectively .<br />To find out the ID blog , you can click " edit post " d your blogger dashboard . The link will appear in your BlogId . for example <span style="color: blue;">http://www.blogger.com/posts.g?blogID=665189113085947xxxx</span><br />You can follow the link modif by adding icons , text , and so forth .<br />Good luck ... : D</div>
</div>

If your blog is air- surely you know the blogger platform followers widget that displays the visitors who subscribe or follow your blog ,...

How to Add a Menu to In Blog

On Sunday, 22 September 2013 Posted by Unknown Labels: Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7YfGLgbxP0WdjcdHU5jLCzJOO_-3Fj4lLUnAIaI79eSy_eNWwx5f_n8F2jYhcSQfwxiUDMl7mQ4uUzneC5lCAXvXNZqJeZI9olFjivzQUqWxA4VHkzeJtaowT3RWp3jNFNB8GpTZduaA/s1600/Cara+Mengelola+Blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7YfGLgbxP0WdjcdHU5jLCzJOO_-3Fj4lLUnAIaI79eSy_eNWwx5f_n8F2jYhcSQfwxiUDMl7mQ4uUzneC5lCAXvXNZqJeZI9olFjivzQUqWxA4VHkzeJtaowT3RWp3jNFNB8GpTZduaA/s1600/Cara+Mengelola+Blog.jpg" /></a></div>
This time Ngapain ya???<br />Oh yeah!! New tutorial, anyone want???<br />certainly donk. this time is How to Add Menu to In BLOG, BLOG If I'm still not in there: D lol maless nambahin, but there is a scar on the other I BLOG, Most people call it "Pages / Page" but I call it "Menu" hahaha. Immediately OK. (Follow Step)<br /><br /><div>
1. Go to Blogger.<br />2. Click the Page / Pages.<br />3. Click the New Page / New Pages.<br />4. Select the "Blank Page" (for plain text Text), or select "Web Address" (it is used if for example someone would nambahin Web address, ditambahin to it, so if we click it, surely emerging Home AlamanWeb That We Fill Earlier) .<br />5. Write a few words "whatever" that you want.<br />6. click the Publish<br />7. completed<br />8. Save Changes<br /><br />Done!!! and you guys go to BLOG.<br /><br /><br /><br /><br />Good luck</div>
</div>

This time Ngapain ya??? Oh yeah!! New tutorial, anyone want??? certainly donk. this time is How to Add Menu to In BLOG, BLOG If I'm s...

How to Make a Comment Below Posts

Posted by Unknown Labels: Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7YfGLgbxP0WdjcdHU5jLCzJOO_-3Fj4lLUnAIaI79eSy_eNWwx5f_n8F2jYhcSQfwxiUDMl7mQ4uUzneC5lCAXvXNZqJeZI9olFjivzQUqWxA4VHkzeJtaowT3RWp3jNFNB8GpTZduaA/s1600/Cara+Mengelola+Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7YfGLgbxP0WdjcdHU5jLCzJOO_-3Fj4lLUnAIaI79eSy_eNWwx5f_n8F2jYhcSQfwxiUDMl7mQ4uUzneC5lCAXvXNZqJeZI9olFjivzQUqWxA4VHkzeJtaowT3RWp3jNFNB8GpTZduaA/s1600/Cara+Mengelola+Blog.jpg" /></a></div>
As I mentioned before here, it is making a comment under the post box service through haloscan, but this time I would love to know about how to make the comments box of the latest features blogger blogger in draft (<a href="http://draft.blogger.com/" rel="nofollow" target="_blank">here</a>).<br /><br />Mas said Kendhin rich anyway so if we have not made a comment in the box haloscan hell can ... but if we've made in haloscan we have to throw it first (how to dispose of the comments following haloscan) yawdah I would love to know how about this to make a comment which is not in the list haloscan ... Come follow me down this adventure .....<br /><br />Log in draft.blogger.com not blogger.com<br /><br />Continue to Settings --->then replace the "Comment Form Placement" to "Embedded below post"<br />Then press Save Settings<br />Then to the Layout menu ---> Edit HTML then<br />Then check the "expand widget templates" and find the code below<br /><br /><span style="color: blue;"><p class='comment-footer'><br /><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><br /><data:postCommentMsg/> </ a><br /></ p></span><br /><br />Then replace the code below<br /><br /><span style="color: blue;"><p class='comment-footer'><br /><b:if cond='data:post.embedCommentForm'><br /><b:include data='post' name='comment-form'/><br /><b:else/><br /><b:if cond='data:post.allowComments'><br /><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:postCommentMsg/> </ a><br /></ b: if><br /></ b: if><br /></ p></span><br /><br />Then save .... and see the results ..</div>

As I mentioned before here, it is making a comment under the post box service through haloscan, but this time I would love to know about ...

How is Page Rank Blog You?

Posted by Unknown Labels: Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
PageRank is a patented algorithm that serves to determine which website is more important / popular . PageRank is one of the main features of the Google search engine , and was created by its founders , Larry Page and Sergey Brin who is a Ph.D. student Stanford University .<br /><br />Then how does Page Rank ?<br /><br />A website will be more popular if the many other sites that put links that lead to the site , with the assumption that the content / site content is more useful than the content / content of other sites . PageRank is calculated on a scale of 1-10.<br /><br />Example : A website with Pagerank 9 will first sort the list of Google search than a site that has a PageRank 8 and then onwards smaller .<br /><br />Many ways to use search engines to determine the quality / ranking of a web page , ranging from the use of META tags , document content , the emphasis on content and many other techniques or combination of techniques that may be used . Link popularity, a technology developed to improve the shortcomings of other technologies ( Meta Keywords , Meta Description ) that can be rigged with a special page designed for search engines or so-called doorway pages . With the algorithms ' PageRank' is , in every page will be inbound links ( incoming links ) and outbound link ( link keuar ) of any web page .<br /><br />PageRank , have the same basic concept of link popularity , but do not just take into account " the number of" inbound and outbound links. The approach used is a page would be necessary if other pages have a link to that page . A page will also become increasingly important if other pages have a rank ( PageRank ) height refers to the page .<br /><br />Approach used by PageRank , recursively process occurs where a ranking will be determined by the ranking of web pages ranking is determined by the ranking of other web pages that have links to that page . This process means a process that is repeated ( recursive ) . In the virtual world , there are millions even billions of web pages . Hence a web page ranking is determined from the overall link structure of the web pages that exist in cyberspace. A process which is very large and complex .<br /><br /><div>
Want to know the page rank algorithm ?<br /><br />Of the approach described in the article the concept of PageRank , Lawrence Page and Sergey Brin made pagerank algorithm as below :<br /><br />Initial algorithm PR ( A ) = ( 1 - d ) + d ( ( PR ( T1 ) / C ( T1 ) ) + ... + ( PR ( Tn ) / C ( Tn ) ) )<br />One other published alogtima PR ( A ) = ( 1 - d ) / N + d ( ( PR ( T1 ) / C ( T1 ) ) + ... + ( PR ( Tn ) / C ( Tn ) ) )<br /><br />* PR ( A ) is the PageRank page A<br /><br />* PR ( T1 ) is the PageRank pages that refer to pages T1 A<br /><br />* C ( T1 ) is the number of outbound links ( outbound links) on page T1<br /><br />* D is a damping factor which can be between 0 and 1 .<br /><br />* N is the total number of web pages (which are indexed by google )<br /><br />Random surfer model is an approach which describes how exactly does a visitor in front of a web page . This means the chance or probability of a user clicking on a link is proportional to the number of links on the page . This approach is used so that the pagerank pagerank of incoming links ( inbound links ) are not distributed directly to the intended page , but divided by the number of outbound links ( outbound links) that exist on the page . It feels all too consider this fair . Because can you imagine what would happen if a page with a high ranking refers to many pages , may not be relevant PageRank technology used .<br /><br />This method also has the approach that a user will not click on all the links on a web page . Therefore PageRank uses the damping factor to reduce the value of the distributed pagerank of a page to another page . Probability that a user continues mengkilk all links on a page are determined by the value of the damping factor ( d ) is a value between 0 to 1 . High damping factor value means that a user will click on a page more until he moved to another page . Once the user moves the page to the probability diimplemntasikan pagerank algorithm as constants ( 1 - d ) . By removing the variable inbound links ( incoming links ) , then it is likely a user to move to another page is ( 1 - d ) , it will make pagerank always be at its minimum .<br /><br />In another pagerank algorithm , there is a value of N , which owns the total number of web pages , so the probability that a user has visited a page divided by the total number of existing pages . Sebaagai example , if a page has a pagerank 2 and a total of 100 web pages in a hundred times the visits he visited the page 2 times ( note , this is a probability ) .</div>
</div>

PageRank is a patented algorithm that serves to determine which website is more important / popular . PageRank is one of the main features ...

How Changing Background Blog With CSS

Posted by Unknown Labels: Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7YfGLgbxP0WdjcdHU5jLCzJOO_-3Fj4lLUnAIaI79eSy_eNWwx5f_n8F2jYhcSQfwxiUDMl7mQ4uUzneC5lCAXvXNZqJeZI9olFjivzQUqWxA4VHkzeJtaowT3RWp3jNFNB8GpTZduaA/s1600/Cara+Mengelola+Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7YfGLgbxP0WdjcdHU5jLCzJOO_-3Fj4lLUnAIaI79eSy_eNWwx5f_n8F2jYhcSQfwxiUDMl7mQ4uUzneC5lCAXvXNZqJeZI9olFjivzQUqWxA4VHkzeJtaowT3RWp3jNFNB8GpTZduaA/s1600/Cara+Mengelola+Blog.jpg" /></a></div>
Background on the blog is the most basic part of the blog, a lot of the same blog template that is widely used, it is to characterize on your blog the most basic and most convenient way is to change the background color on your blog or with additional background images on the blog you.<br />This time I'll write a short tutorial blogspot about replacing the background with CSS, Want to know how?<br />note below.<br /><br />The first step is to enter the menu layout (layout) and then enter the Edit HTML<br />Then look for CSS of the body as below<br /><br /><span style="color: red; font-family: Verdana, sans-serif; font-size: x-small;">body {<br /><br />background: $ bgcolor;<br /><br />margin: 0;<br /><br />color: $ textcolor;<br /><br />font: x-small Georgia Serif;<br /><br />font-size / ** / :/ ** / small;<br /><br />font-size: / ** / small;<br /><br />text-align: center;<br /><br />}</span><br /><br />If you want to find the CSS code above note the green course.<div>
Code CSS background note above $ bgcolor is the definition of a variable, if you want to replace it with a color code such as changing the color white is the color code: # FFFFFF # 000000 or black color. Or other colors can be found <a href="http://colorschemer.com/online" rel="nofollow" target="_blank">here</a>.<br />Replace the background with a picture blog.To make the background image we need an image that is already uploaded on hosting. Or you can search on google image search and copy the image URL.</div>
<div>
If it's available background images would be noticed below.</div>
<div>
<br />background: # FFFFFF url (<span style="color: blue;">URL_IMAGE</span>);</div>
</div>

Background on the blog is the most basic part of the blog, a lot of the same blog template that is widely used, it is to characterize on ...

Cabe Cabean