Google's Blogspot for IPhone Released

This morning I open a news website whose contents Blogger Releases iPhone Applications, this application is
issued the first official application by the service blogspot.

For the bloggers who use the Iphone, must be very happy to hear the good news. because in this application we are permitted to publish blog posts directly from our mobile phones.

The facilities at sedikan in the application currently only able to perform major activities, such as save, edit and publish your post, including uploading photos and adding location information.

Facilities are available for users who use IOS Operating System 3.2 to the top, the front view of this blog like blogger for Android applications.

Read more »

Add Facebook Profile to Your Blog

Surely you know what is Facebook, because Facebook is not foreign in our world, even in the streets or in Television broadcasting was almost every second we see the symbol facebook. in the article I wrote this, I will try to add that you have a Facebook profile into a blog or website you, the way is very easy, follow Steps below.

1. Log in to your facebook
2. then click on profile menu
3. See the bottom left click on create profile badge
4. you could then edit by clicking the edit this badge
5. there are several choices in layout "portrait, landscape, two columns", select one and then the column contents Profile photos, names, Network, etc..
6. select the status you want to show
7. then save
8. after that there were several options to add the badge had been to various sites including "Blogger
, Typepad, other " Choose and click one. Let bloggers.
9. Once you click, you will be brought to the bloggers to add widgets that was. you will be prompted to log into your account

blogspot. if so, please save it and see the results change.

Read more »

Add Twitter Widget on Your Blog

Today I want to try to give information about adding widget twitter on blogspot. for an explanation of twitter you may already know all, so it does not talk about Twitter. to install the twitter widget on blogspot, please follow

the steps below:
1. please log in to your twitter account
2. then go to "settings"

3. then click the "Profile"
4. subsequent search for the words "Have a homepage or a blog? Put the address here. (You can also add Twitter to your site here) ", please click are in parentheses

5. then we will be taken to the page "http://twitter.com/about/resources", and bring up several options,among which "Widgets", as shown below: Please select only "See All Widgets"

6. and select the "My Website"
7. Then click on "Profile Widget"

8. then you will go to the "Customize Your Profile Widgets ", there are several menu customization (setting) there. Fill in the fields settings with your Twitter username. Preference arrangements features on the widget, the widget Appearance with the display settings Twitter. please adjust the blog to make it more interesting. dimensions use the menu to set the size of the widget.
9. if it is in conformity with the one you need, please click "Finish & Grab Code"
10. next up the code that we will enter into "widgets" on Your blog, copy the code.
11. If you have, you log into your account Blogspot.
12. go to the "Dashboard" and go to page "layout" and Click the "Add Gatget"
13. then select gatget "HTML / JavaScript" and Paste the code Twitter earlier, if it is click "Save"
14. if so, please go to your Blog and View results

Read more »

Show or Hide the Captcha Code in a Comment on Blog

every person who has a blog or website would want an article written in the comment by others. because it feels like something is missing if we write an article without a comment.

but sometimes there is a problem why our blog or website visitors to send comments lazy because of "security code" or often called "code chaptcha". indeed when we register a blog at blogspot automatic comments in search facilities enable chaptca as to prevent SPAM or sending a comment that does not want the website owner.

chaptca code to disable the facility is very easy.
1. please login to your own blogspot account.
2. then go to the tab "Settings" and select the sub tab "Comments"

3. The next search facility "Show word verification for comments?"

4. if you have found please select "Yes" to enable and "No" to disable the facility code Chaptca
5. if it is, please save Settings

result, if you activate the code Chaptca As Figure Under this

If Not Then Enable Code Chaptca you will not appear on the article's comments

Read more »

Problem Singup Google Adsense from Blogspot

Please Help Me, I Have Problems When Using Google Adsense Registration Through Blogspot.com.
Beginning I login to Blogspot and Monetize Go to Tab, and I'm Trying to Sign up for Google Adsense Through Such Tab, and his statement "Google Adsense Registration Verification sent to Email". Finally, I immediately opened my email account and check if there is email from Google.

When I check it No email from google, I finally Retry tab access redeemable at my Blogspot account, then I tried to resubmit but what happens, even details such as the image appears below.

to all the friends who've experienced something like this, please help me by sending comments below

Read more »

Check for duplicate content on your blog / website you

You may often see articles on different websites but the content is similar, there are even exactly the same without a bit less. maybe even the content on your own website or blog have the same possibilities with the content on other blogs. and possibly also on this website are the same too ..

here I just want to give information, how to check the quality of our content, whether purely his own writings or duplicates of other blogs, or pure chance we also write articles yourself but the content available on our blog in duplicate by others.

to check this, please open the link below:
http://copyscape.com/, then please enter your blog or website address in the textfield has disedikan, if it is click GO.

wait a few seconds or minutes and see the results

Read more »

How to Install Google Translate on your Blog

add google translate to facilitate visitors to your website or blog with a variety of languages​​. existing facilities that may not be familiar to all Internet enthusiast, namely google translte.

to install the google translate on your blog or website, you can follow the steps below.
1. please open this address:
translate.google.com / translate_tools
2. if it is then it will appear as shown below:

   in Step 1: Type of translation element, please select Add translation to the entire webpage.
   In Step 2: Select the language you use on the Web / Your Blog
   In Step 3: Translation please specify languages​​, and display modes in accordance with yours.
   Next Step 4: Next please Copy and paste the code on the Website or Gadged on your blog.

3.please login to your account blogspot
4.if it is successful, please click the link design or Rancangan (Indonesia)
5. then add gadged and select HTML / JavaScript.

if all steps are done, then please see the results

Read more »

Installing the Paging or Navigation page for Blogspot

You may often see Page Navigation in pairs on a website or blogspot. on the blog page that is made using blogspot usually just bring up the last few articles we post.

but what if we want to facilitate visitors to a website or blog to see the previous article in this post but no longer appear on the main page.

to install a paging or navigation page, follow the steps below:
1.Sign into Blogger.
2.Click the "Layout" link in the Dashboard box.
3.Click on "Add a Page Element" in the blog layout area.
4. In the pop-up window, click on "HTML / JavaScript Add"
5. then copy and paste the script below the textarea "Content":

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=10;
var displayPageNum=5;
var firstPageWord = 'Home';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' for '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

6. if it is Click save.
7. gadged then drag to the bottom of the post, see picture below

8. if so, please see the result.

Read more »

Add Related Articles on Blogspot

there are a lot of websites or blogs that are discussing about this. there are so many ways - how to make a related article. one of them is that I will write below.

Why do we have to put related links?
the answer is so that visitors can immediately see there is anything related article or a category of articles with an article that was in the open, so visitors can simply click the link to read the other articles.

to install the related articles, please follow the steps below:
1. please login to your account blogspot
2. if it is Successful, please click the link design orRancangan (Indonesia)
3. then click Edit HTML
4. before changing the template, you should first backup the existing template, so if there are mistakes or errors can be returned to the previous template.
5. give a check list on the "expand widget templates"
6. The next look at the code below:

<data:post.body>

7. usually if you have installed the "Read More", will display two same script as above. Just select the first script, then type / copy & paste the script below after the command "<data:post.body> " first.
Script:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>
<h3>Related Articles</h3>
<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</span></div>

</b:if>

8. the script above, There is a paper "Related Articles" (I put a bold and red letters), in writing, you can change to your liking.
9. if so, please save your template, and see the results

Read more »

Replace the Default Blogger Favicon Using Your Favorite Images

good afternoon all ... Today my blogspot account access and it appears there was a new appearance (new facility) that has been added to the template settings on blogspot.com.

whether it?
the answer is a Favicon. there is a new facility that we can change the standard default favicon blogspot with our favorite images, with a maximum file size 100Kb.

before continuing this article, I want to explain a bit if it's favicon?
the answer is is short for "Favorite Icon", is a small icon is an image associated with the logo of a website or blog and will appear in the browser or the bookmark. Favicon is intended to facilitate identifying a site or blog.

to change the default favicon with a new favicon how:
1. Sign into Blogger.
2. Click the "Layout" link in the Dashboard box.
3. click on "Edit" at the favicon

4. A new window appears, look like the picture below, take a picture from your computer with a maximum size of 100Kb, extensions can use a jpg / png / etc. if it is click Save.

5. wait a few seconds / minutes then the favicon will automatically edit the window closed, and we will return to the page template settings, and it will automatically show the favicon in accordance with the image we uploaded earlier.

6. then please open your web blog and see the results

Read more »

Adding Category Articles on Blogspot

What is a Category Articles or Blog?
Category of the article / blog is a collection of articles that you specify to be grouped into one. You can have as many categories as you want, and as many entries in one category. You can view the article de grouped in the category of the article by clicking on the title of the article category.

for how to display the category of the article on your blog, follow these steps - the steps below:

1.Sign into Blogger.

2.Click the "Layout" link in the Dashboard box.

3.Click on "Add a Page Element" in the blog layout area.
4. In the pop-up window, click on "ADD TO LABEL" After the Newsreel.





5. Click "SAVE CHANGES" to close the pop-up window.

to classify the articles according to the category of the article, you must fill in the "label" at the bottom when we post a new article:
See Figure Below :

Read more »

Pingbox for Yahoo Messenger on Blogspot

What's Pingbox?
Pingbox is a facility to chat between the owner of the website / blog by visitors to your blog / website using yahoo messenger account if the owner of the blog / website is online.

How to make Pingbox:
1. please visit the URL http://messenger.yahoo.com/pingbox/
2. then click Create a Pingbox

3. wait a few seconds / minutes and will appear as shown below:

4. select and change the background theme to your liking, then fill the display name
5. if it is, you can change the greeting text online and offline message to your liking.
6. then fill Pingbox save as. if it is click save.
7. when we click save, it will display a new window whose contents we have to log into your yahoo mail account.

8. if login is successful, we then go back to previous Pingbox page, as shown below:

9. click the icon bloggers if we want to incorporate into your blog Pingbox
10. The next set Pingbox size you want to insert into your blog / website.
11. if it is copy the existing code in the box "copy code and follow the instruction for blogger" by clicking the button "Copy to Clipboard".

if it is,
Instructions for Blogger
1. Copy the code to the clipboard.
2. Sign into Blogger.
3. Click the "Layout" link in the Dashboard box.
4. Click on "Add a Page Element" in the blog layout area.
5. In the pop-up window, click on "ADD TO BLOG" under the HTML / JavaScript.
6. Type in Desired "Title" Such as "Chat with Me!" or "My Pingbox".
7. Pingbox Paste the code into the "Content" area (Ctrl + V).
8. Click "SAVE CHANGES" to close the pop-up window.

Read more »

Create a link "Back To Top" to Blogspot

to create a link "back to top" is very easy. You can follow the steps - the steps I provided below:

1. please prepare images to be made ​​as "back to top", you can create your own or search on google.com

2. furthermore, if you make your own, then you have to upload the first image that you created, you can upload the images to "photobucket", "ImageShack", and many others. or you are just looking for a picture through google.com and copy link to your desired image.

3.please login to your account blogspot

4.if it is successful, please click the link design or Rancangan (Indonesia)

5. then add gadged and select HTML / JavaScript.

 

Next 

 

Next

6. then enter the code below into the column content:
<a href='#' style='display:scroll;position:fixed;
bottom:0px;right:0px;' title='back to top'><img src='URL Your Picture'/>Bact to Top</a>

7. replace "Your Picture URL" into the URL address where you store or upload a picture

8. if it is click save.

Read more »

How to Create Read More on Blogspot

at blogspot.com when we post new articles and content length, then the total will be displayed in the main page, this has resulted in our blog to be very long and unattractive.

but it can be overcome by adding the commands read more on each article. how:

1. please login to your account blogspot
2. if it is successful, please click the link design orRancangan (Indonesia)
3. then click Edit HTML
4. give a check list on the "expand widget templates"
5. The next look at the code below:

<data:post.body/>

6. if you have found, then delete the code and replace it with code below.
 <b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

for the words "read more ..." It can be changed to your liking.

7. if everything already, please click the save template
8. next click the settings menu and then select the formatting.
9. in the "post template" fill in the code below:

<span class="fullpost">
</span>

10. if so, please click the save button.
11. the setup is complete, we try to post a new article by clicking the post menu > New Entries.
12. post a new article box appears and there are two tabs namely the Edit HTML and Compose. just choose Edit HTML. then automatically appear code:

<span class="fullpost">
</span>
13. please write the contents of the article before <span class="fullpost"> command, and fill the article in the command <span class="fullpost"> contents of the article you </ span>

explanation:

• if we put before the command <span class="fullpost"> then the contents of the article will appear in the main page but not all, only a portion of your article. you can see if we've all clicked links "Read More ..."
• if we insert the contents of the article among <span class="fullpost"> contents of the article you </ span>, then the article would appear entirely after we click the "Read More ..."

14. if everything is done, then the next click the save button

Read more »

Hide Navbar in Blogspot

Hide Navbar in Blogger.

what is a navbar?. Navbar is the part that looks at the top of your blog.
For more details you can see the picture below:

bloggers usually want to remove this navbar. but I do not know whether removing the navbar is prohibited by the bloggers or not.
to remove the navbar you can follow the steps - the steps below:
1. please log in to your blogspot
2. if it is successful, please click the link design orRancangan (Indonesia)
3. then click Edit HTML
4. Next, find code/script body {, and paste the code above the code body {

#navbar-iframe{ opacity:0.0;filter:alpha(Opacity=0) }
#navbar-iframe:hover{ opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100) }
 
And the result is

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
5. if everything is finished, then click save template.

to see the results, please open your blog and try beamed to your mouse to the top of your blog.
when we beamed, then the navbar will appear and when we highlight to another place, then the navbar would disappear.

Read more »