New google Algorithm to rate content piracy

New google Algorithm for sites that provide software that violates copyright or piracy.

To be careful that have sites that provide pirated software, now google has participated in order to combat piracy.

In the world of the Internet in particular act of piracy is increasing day after day and have been very detrimental to the manufacturer or that have a copyright.

image source : flickr.com

Google is currently introducing a new algorithm that will impact on sites that have copyright content .
Google explains that if the sites get a notification for the removal of an item have the copyrighted content of others, then the site will have the lower rank in google.

Content was assessed by google ranging from streaming music and video, with its new google algorithm  then other users can find a quality site or content.

Unfortunately google did not tell a notification that limit the assessment standards. They just said the high number of notifications. Many people have questioned about this new algorithm. Especially google sites that is youtube , is likely to have a lot of notifications, such as profiles on many of us find the videos that violate the copyrights of others.
Source / Reference : Berita teknologi

Read more »

Posted in: Blog Tips,Internet,News,Tips SEO

Amazon game studio will release for social media

After successfully launching android tablet with its amazon Kindle fire and now make a game studio, game studio with a labeled amazon.

Amazon Tablet Kindle  fire was already remarkable success, but how with amazon game studio will also achieve the same success as the Kindle fire.

And they reportedly are preparing social media-based game like facebook and called living classics, this game just like Zynga's games, can be played for free and no need to download any application.

With this game comes from Amazon is likely this will be a competitor for zynga games. Zynga is the largest manufacturer of gaming social media provides some of whom have earned millions of users.

It is not yet known exactly when amazon will be officially released this living classics game. So we wait for news from the amazon. Reference : berita teknologi

Read more »

Posted in: Blog Tips,Electronic,Internet,Technology News,Tutorial

Adsense ads not showing in sidebar blog

A few days ago I made a new blog using a template derived from blogger.com itself.

I use mozilla browser and then I put some adsense on my new blog, In content, above the header and sidebar.

After few day my first adsense is not problem they appear on my sidebar blog, but after i upgrade to latest mozilla firefox and then my adsense not display in the sidebar of the blog. I try to open blog on google chrome and it was not a problem, Adsense in the sidebar appear. I think there was a script or block firefox addons ads are hidden on my template, but this is probably due to the latest firefox to block ads in the sidebar of the blog, but adsense is available in the header and the content is no problem, it's showing.

I check if there are addons for firefox which blocks ads adsense and other ads, but when I checked I did not use firefox addon block ads.

Then I go back a few blogs that have adsense ads and it was no problem, adsense in the sidebar still appears even though I use the new firefox.

I think the templates that I use there may be some script that functions to block ads sidebar.

I also tried to change the template. I use a template which is available on blogger.com, then I replace it with a template that I downloaded at the free website templates provider, any changes occur after I open a new  template,  adsense is showing in the sidebar with  new firefox.

Based on my experience, if adsense does not appear in the sidebar of the blog using firefox then i did.

1. Check Firefox Addons , there is addons extensions with adsense ads blocked.
2. Changing proxy firefox browser.
3. Log out to your blogger account and see your blogspot without login.
4. Changing the template with the template was you downloaded in free download template site.

Read more »

Posted in: Blog Tips,Tips and Trick

Google friend connect service will be close by google

Increasingly it seems google will remove some existing tools. Last month was a lot of google services like google buzz is removed and so forth.

This time google will close the Google Friend Connect service, whether there will be a replacement of the google friend connect.
Google friend connect I feel useful for bloggers to connect with another blogger.

If google friend connect is removed the bloggers will be linked with what the service from google.
In 2011 Google seems to update all its services were to be removed and it makes a new service from google.
Issues that blogger.com is also said to be deleted or renamed but it has not happened or that I did not know about it.

Some google services by the year 2012  google will remove some services that may be according to google it is not feasible or are not required to google.
This could have implications for bloggers, do not know this would be bad or good result later.

List of services that will be close sources http://pli-it.blogspot.com, http://www.pli-it.com

• Google Bookmarks Lists

• Google Gears

• Google Search Timeline

• Google Wave

• Knol

• Renewable Energy Cheaper than Coal

Read more »

Posted in: Blog Tips,Internet,Technology News

Changing popular posts horizontal to vertical with thumbnail

I am confused not found yet  how to resize images from popular posts on blogger, but I just found a way to change a popular posts display horizontal and change to a vertically.
So the thumbnail image into the above texts, it's easy we just give additional css on Edit HTML, for those who have not added popular posts below how:

1. Login to your blog account.
2. The first backup first all goes wrong when there is a template we can restore the settings back to the beginning by way of import of templates in the download.
3. Go to your Design :

Follow the intructions you can add popular posts with thumbnail and text or thumbnail / text only and save.

4. Now we add a bit of css to change the display of popular posts is to be vertical.

5. Find this code  ".widget .popular-posts ul" without quotes  and add this code below :

display: inline-table;

width: 10px;

text-align: center;

so it looks like this

.widget .popular-posts ul {
list-style: none;
display: inline-table;
width: 10px;
text-align: center;

}

6. Or you can add this code above this code "]]></b:skin>" without quotes:

#PopularPosts1
{
display: inline-table;
width: 10px;
text-align: center;
}

7. Save template.
Good luck...!

Read more »

Posted in: Blog Tips,Tips and Trick

Limit the number of posts label to show in blogger

If we have a blog with some content label or category has for hundreds of blog posts will then imagine we will be very long if we click on that label.

for that we need the restriction or limit to display the label, so posts that appear only partial and not too long.

Just add this code: ?max-results=6
Number 6 is the number of label you want to show, the figures were of course have to be replaced with the number you want. however, it applies if the display labels manually.
The basic format of the address of a label is like this:

http://yourblog.blogspot.com/search/label/labelname

This will display all of posts in this label
and after add this code ?max-results=6 the label will be limited and only appears 6 posts and address bar will like this :

http://yourblog.blogspot.com/search/label/labelname?max-results=6

Steps to limit the label that will appear when posted on the label is clicked.

Note : Before you change your blog you should Download your template so if not work we can restore to current setting of template

1. Log in to your account blog.
2. Go to you design and edit html check Expand Widget Templates :

3. Find this code :

expr:href='data:label.url'

4. Add or replace the code above with this code :

expr:href='data:label.url + "?max-results=6"'

The red text and Number 6 is the number of label you want to display, the figures were of course have to be replaced with the number you want.

5. Save template.

If you confuse with explanation above you can see this detail below.
1. After you login and go to Edit html.
2. Find for similar code like the following:

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>

3. Add the code limited, so it becomes as follows:

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=6"'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>

4. It is for that label in the form of lists, for the label cloud you just move a little to the bottom, and later you will find code like the following:

<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>

5. Add code so the code limited as follows:

<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=6"'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>

6. Save template.

Read more »

Posted in: Blog Tips,Tips and Trick

Adding Summary read more with thumbnail in blogger

To adding that our blog looks interesting and certainly easier for visitors, we can add some widgets or anything else, one of them is add a summary and read more with thumbnails on our blog so that when we will show 2 or more pages in the first post or home in it will look more attractive more simple and not too long until down.
Sample images and read more Summaries thumbnail for blogger or blogspot.

Here this step to adding Summary read more with thumbnail :

1. Log in to your account blog.
2. Go to you design and edit html check Expand Widget Templates :

3. Find this code </head> and copy this code below before </head> :

<script type='text/javascript'>
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

Note : the red text above can be changed with the size of the image and text to be displayed to your liking, respectively.

4. Then find this code <data:post.body/> and replace with the following code below :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/> </div><a expr:href='data:post.url'>Read More......</a>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>

5. Save template.
See your result.. good luck...!

Read more »

Posted in: Blog Tips,Tips and Trick

Giving source url Article When The Copy Paste Automatic

Because of this blog I called share everything so here I want to share whatever I know and whatever i want. :)
every time you create an article on our posts, and it is an article that is suitable for other blogs and they copy paste without putting the source of the original post, of course it will make us a little disappointed. And unfortunately I also sometimes like that, probably because either forget or deliberately.

If a lot of copy and paste our articles on their blog of course there are not unique again, so I'm sharing this script to make the copy source automatically will be appear. although probably after the copy paste the url of the original article can be removed, hopefully not. just to remind the Copas.

This script as ezinearticle that if we copy of the article and the url source of the original will be automatically copy to.
Screenshot :

Here this steps below :
1. Log in Your Account With Google Blogger.
2. If you have the dashboard Going Into Design »Edit HTML.
3. Enter this script and then put the script above </head>:

<script type="text/javascript">
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "

Source: <a href='"+document.location.href+"'>"+document.location.href+"</a>
Copyright new-ones.blogspot.com Under Common Share Alike Atribution"; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>

4. Change url new-ones.blogspot.com with your url.
5. Save template.

Try to copy and paste your blog to see result, if you follow intruction above you will see.

Read more »

Posted in: Blog Tips,Tips and Trick

Google will rename picasa and blogger

image source :
http://www.abu-farhan.com/

Along with the immediate launch of Google's social networking, namely Google+. In the next 6 weeks Google will rename Picasa and Blogger. Will be named Google's Picasa Photos. Blogger will be named Google Blogs. With Google + all the Google services will be integrated in a single page. Open the email, photos, blogs will be as easy as when you do all of that on Facebook.




This name change is expected to be made on or before July 31, 2011  Google+ officially launched to the public. For those not familiar with Google + please see the image below. Google + with a look of Facebook.

Something like Google +  when the display is a hack like the look of Facebook.
From these images you can see how easy it is to access various Google services on Google +. If Facebook has features notepad, then Google has a feature Google + Blogs (Blogspot). Facebook photo features will be resisted by Google + Google Photos (Picasa). Facebook chat feature will be opposed by Hangouts (chat with webcam facility).

Still not well understood by potential Google +? Please read 6 Features Google + What Not Owned Facebook.
source : http://tement.blogspot.com

Read more »

Posted in: Blog Tips,Technology News,Tutorial

Hide the sidebar widget on blogger

How to hide it is one of the sidebar widgets , sidebar widgets are removed so it will not appear on the front page or home page, but will appear on the single post page.

The trick is quite simple. This tricks are usually applied to make the blog more visible and more attractive to assume more interesting than usual.

Before getting into the tutorial, it helps us match the first perception of the Home Page and Single Post.

Home page in question is the front page of a blog, eg name of the home page of this blog its homepage address is http://new-ones.blogspot.com. To see this, you should pay attention to the address stated on your internet browser address bar.

While intended as a single post is a full page of an article. This is when you read an article in full, way is to click on the title of the article or by clicking the link read more. address a single post is a blend of address article home page with the title.
example : http://new-ones.blogspot.com/2011/10/microsoft-antivirus-mark-google-chrome.html.

The first step you should do is identify the sidebar widget  that want to be removed from the home page. The method used is the sidebar title dri recognize itself. Try to do the following:

Recognizing the title Sidebar from Sidebar Widget

An easy way to identify the widget in the sidebar that would remove from the home page is the title of the sidebar. From there it will be in the know the ID of the widget. The following steps:

• Please login to blogger with your ID.
• Click the Design.
• Klik tab Edit HTML.
  
  
• Find similar code like this:

<b:widget id='HTML6' locked='false' title='About us' type='HTML'/> <b:widget id='HTML9' locked='false' title='Subscribe Template Via Email' type='HTML'/> <b:widget id='HTML5' locked='false' title='Subscribe article Via Email' type='HTML'/>

• Every blog is different code, so wrote that is similar to the above code. Copy the code was on the note pad or other text editor.
From the example above, blogs has 3 widgets, and that important you should notice is printed in red and orange that is:
• HTML6 - About us
• HTML9 - Subscribe Template Via Email
• HTML5 - Subscribe  article Via Email

The Red text is the ID of the widget sidebar and orange text is the title or titles of existing widgets in the sidebar. From here of course we can already know the ID of each of the existing widget, and the next step is where the widget is in the desired order on the page home page does not appear, but on the single post page widgets can appear.
In order for this tutorial is not a dead end, Okay then we take the example for this ID:

HTML6

Since this is an ID, in the CSS code will only need to add a hash mark (#) in front of him, so it becomes like this:

# HTML6

Creating a CSS code

CSS code base to create an ID dI do not appear in a web page is like this:
#ID {display: none}
Because his ID was already in the know ie # HTML6, then the code becomes like this:
#HTML6 {display: none}


The problem is we do not want the widget is not in the show permanently, but only on the home page only, whereas in the single post page can appear. The solution of this is to use the function if condition in blogger.

CSS function using If Condition

The method will be used in this tutorial with CSS function using if condition. The code to display a sidebar widget appear only on single post is as follows:

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>

Because the ID it had already obtained #HTML6 (just an example), then the code becomes like this:

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#HTML6{display:none}
</b:if>
</style>

Where to put the code? You can save it under the code

]]></b:skin>

or above this code

</head>

The following details how to setup:

• Please login to blogger with your ID.
• Click the design.
• Click the Edit HTML tab.
• Find the code
]]></b:skin>
• Copy and paste the following code under the code
]]></b:skin> 

(remember!The ID should be changed according to the template of your blog)

<style type='text/css'> <b:if cond='data:blog.pageType != &quot;item&quot;'> #ID{display:none} </b:if> </style>

• Save template

Good luck..!!

Read more »

Posted in: Blog Tips,Tips and Trick,Tutorial

Add related post with thumbnail in blogger

Lots of models related post, like the related post standard model, related post scroll function etc. Similarly to the related post on this one the thumbnail related post, called thumbnails related post because it looks quite interesting with a picture or thumbnail. So it will look more attractive and is one way to beautify our blog.


If interested in making a related post with thumbnail, the steps are as follows:

1.Log in to blogger.com which your account.
2.Click The design of the dashboard menu
3.Click Edit HTML, do not forget to check the "Expand Widget Templates"
4.Then find the following code </head>
5.Put this code below before the code:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#FFFFCC;
}
#related-posts a:hover{
color:#000000;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

6. Then find the code below :

<div class='post-footer-line post-footer-line-1'>

If you do not find the code above, try to find the code like this :

<p class='post-footer-line post-footer-line-1'>

If you have found, enter all the code below under one of the above code found.

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

7. The final step Save Template and then see the results.

Note: The red code can be replaced in accordance with you want,
#585858 (background code), figure 5 shows the number of articles that appear on the related post, Related Posts (The title is desired).

sources code :http://nobinoku.blogspot.com/2011/02/membuat-related-post-bergambar-atau.html

Read more »

Posted in: Blog Tips,Internet,Tips and Trick,Tutorial

Create related posts on blogger

Previously we have to start with an introduction. What is a "Related Posts"? Related Post are some articles appeared which essentially is related to the article being read by the readers of your blog or website.

For example, an article you read was "How to Add Related Posts on Blogspot", then it will be listed on a related post a few articles related to the article on a related post we are discussing this, examples of articles relating to the "How to Install Headline News On blogspot ".

Create related posts are encouraged to web / blog because it can facilitate the visitor find the relevant article.

In google guidline also recommended place related posts or any other links that are highly  posted on the web / blog.

1. Log in to your blogger account.
2. On the dashboard, select Design - Edit HTML tick Expand Widget Templates.
3. Do not forget to backup your template (Download full template).
4. Then check the check box Expand Widget Templates
5. Then find the following code: </head>
6. Then paste the following code below to above the red code:

<script type='text/javascript'>

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

for (var i = 0; i < json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

relatedTitles[relatedTitlesNum] = entry.title.$t;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

relatedUrls[relatedTitlesNum] = entry.link[k].href;

relatedTitlesNum++;

break;

}

}

}

}

function removeRelatedDuplicates() {

var tmp = new Array(0);

var tmp2 = new Array(0);

for(var i = 0; i < relatedUrls.length; i++) {

if(!contains(tmp, relatedUrls[i])) {

tmp.length += 1;

tmp[tmp.length - 1] = relatedUrls[i];

tmp2.length += 1;

tmp2[tmp2.length - 1] = relatedTitles[i];

}

}

relatedTitles = tmp2;

relatedUrls = tmp;

}

function contains(a, e) {

for(var j = 0; j < a.length; j++) if (a[j]==e) return true;

return false;

}

function printRelatedLabels() {

var r = Math.floor((relatedTitles.length - 1) * Math.random());

var i = 0;

document.write('<ul>');

while (i < relatedTitles.length && i < 20) {

document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');

if (r < relatedTitles.length - 1) {

r++;

} else {

r = 0;

}

i++;

}

document.write('</ul>');

}

//]]>

</script>

7. Then find the following code: <data:post.body/>
8. Copy paste this code to below <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<h2>Related Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=4&quot;' type='text/javascript'/></b:if></b:loop> </h2>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>

</div></b:if>

Note : The red code max-results=4 the number of related posts we want to show, and can be changed according to what we want.
9. Save template.

Good luck..

Read more »

Posted in: Blog Tips,Internet,Tips and Trick,Tutorial

Create multi Tab View on blogger

Multi tabview it is very useful, because with the relatively small size of the box but can contain a lot of content. Actually always wanted to post about it, but because of who her partner was way harder so I can not explain. Then finally I found a new method of manufacture.
multi tabview has three tabs, each of which has different content in accordance with our course content.

Tab view it for example like this:

Here's how to create menu tabs that view

1. Log in to blogger, go to "Layout -> Edit HTML"
2. Then find this code ]]></b:skin>
3. Then enter the following code before ]]></b:skin> tag or into the CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Main menu top width */
text-align: center;
height: 24px; /* Main menu top height  */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* main menu border top */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Main Menu Top Fonts */
font-weight: 900;
color: #000; /* Main Menu Font Color */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* main menu top background color */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* border color main box */
overflow: hidden;
background-color: #FF9900; /* background color main box */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. The red text, it is testimony to the settings Tab View. There are sizes, colors, etc..
5. Next step is to attach the following code before the code.
</head>

<script src='http://http://corderdrive.com/wp-content/uploads/2011/09/tabview.js' type='text/javascript'/>

6. Then save
7. Then go to the "Page Elements"
8. Then choose "Add a Gadget" -> "HTML / Javascript" in place that will be in place this Menu View Tab.
9. This is the script that must ye pairs copy and paste to new "HTML/Javascript" on sidebar or whatever you want:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

10. Finally save your new "HTML/Javascript" see the result.
sources http://trik-tips.blogspot.com/2008/07/cara-membuat-menu-tab-view_31.html

Read more »

Posted in: Blog Tips,Internet,Tips and Trick,Tutorial

New Blogger Template Designer with dynamic view

Just log in to my blogger account, there is a notification from blogger and there a new template designer. after I check the latest wow Blogger Template Designer is very beautiful, so make me have fun going to this template, the Blogger Template Designer with dynamic view is a variety of its forms and design.

With a dynamic new template does not seem to view these visitors will feel bored when visiting our blog.
to start might be the bloggers already knew it.
1. log in to your aakun bloggers.
2. Then click the Design button and click designer template.

And we can change the colors and layout of the template blogger in accordance with we want.

These are some features that are available in designer blogger.
1. Templates
2. background
3. layout
4. Advanced

And the dynamic view of this we can also choose the design that we want, the following selection of bloggers dynamic view:

1. Classic
2. Flipcard
3. Magazine
4. Mosaic
5. sidebar
6. snapshot
7. Timeslide

Once you change or modification please click the Apply To Blog section top right corner and see the results.

Read more »

Posted in: Blog Tips,Internet,Tips and Trick,Tutorial

Change the date with a calendar icon on blogger

Maybe this post is extremely too long in utorial in blogger but I want to share for those who do not know how, and fill the post today so I could make a post. actually I was still learning. how to change the date with a calendar icon on blogger very easy and fiddling with the template I finally managed to make it.

The first thing we do is change the date settings, do as usual Login first to the bloggers continue to select Settings -> Formatting, replace "date header format" or "date format to be (mm.dd.yyyy) who are beginners must have confused the point right? that you know next to the words "date header format" there's a box that shows the date, trus you click and select the format month. date. year 13.01.2008 example, continue to save

The second step menu select Layout -> Edit HTML. Then check the Expand Widget Templates box, do not forget the back-up your template first. Who do not know how to back-template please see the first article. already? if already let's get started into it.

1. Find this code <TITLE><data:blog.pageTitle/></TITLE> (where the top) if you have found this place the following script exactly underneath.

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

2. When it's done first and then find this code:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

If the code is sought in No. 2 above is not there try to find that this code:

h2.date-header {
margin:1.5em 0 .5em;
}

3. If you have found place the following script below :

.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

code http://kendhin.890m.com/kalender/bluecalend.gif
is the image of the calendar icon. you can replace it with the pictures below do I need to replace the bold with the following image code, for example you want to calendar the red, did you replace the text with redcalend.gif luecalend.gif.


blackcalend.gif blue2calend.gif bluecalend.gif

greencalend.gif orangecalend.gif pinkcalend.gif

redcalend.gif ungucalend.gif yellowcalend.gif

Then the code color: # 3366CC; are color coded
date, you can replace it with another color. You can see the color kode2 HERE.

4. The next step is you find this code
<data:post.dateHeader/>, the way I'll find it easy to copy the code,
continue to press Ctrl-f and paste in the box provided, directly nha
See it. if already met replace the code with this script.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. Save your template and see the results.
If such writings month and the date is too up try adding this code padding: 4px 0px 0px 0px; under the code. {Month and also under the code. Day {

NB: If date is changed to the words "undefine" it's certainly you do not pay attention to this tutorial from scratch. Take a look at this tutorial from scratch again and read the instructions carefully.
source : http://trik-tips.blogspot.com/2008/01/mengganti-tanggal-icon-calender.html

Read more »

Posted in: Blog Tips,Internet,Tips and Trick,Tutorial

Change Post comment link to comment box in blogger

Comment box that appears directly under the posts. If it had just a link "Post a Comment", and there is also a blogger template that was just a post comment link, and sometimes post comments  link can not open,  different from new bloggers, who is now a direct commentary box appears just below the post (such as the comments box below). With the comment box like this, I would be willing to replace the old comment box with new comment box. Although the comment box is still in draft but can be enjoyed.

Here how to make a blogger comment box under the posts, which is not a comment link.

1. Log in to http://blogger.com.
2. Then to the menu Settings -> Comments. Then replace the "Comment Form Placement" to "Embedded below post" this setting for old blogger
3. Then click "Save Settings"

Now let you see your blog and try to click on one of your posting then see the result, whether there was a box under the post or reply comments yet. when it means the pace is quite here. If you do not follow these steps.
(this is because the HTML code different template. For the default template of a new blogger, has changed their HTML code, while the long-or grab a template from the outside there who have not and some who have).

4. Next go to "Layout -> Edit HTML"
5. Put a check box "Expand widget templates".
6. Then find the following code:

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Then replace the code with the code below:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

8. Then save your template.

See result, try  click one of your posts, then it will appear underneath the comment box.
sources http://trik-tips.blogspot.com/2008/07/membuat-kotak-komentar-blogger-di-bawah.html

Read more »

Posted in: Blog Tips,Internet,Tips and Trick,Tutorial

How to Live Streaming YouTube Through Google +

Google+ users can now watch live streaming YouTube videos together.

Hangouts video chat feature in Google+ can now be used to watch streaming video through YouTube-yack, up more than 10 people.

Previously, Google+  is allowing users to watch YouTube together at Hangouts. But now is not just a recording, but a realtime video streaming is done while chatting. This was conveyed by Brandon Badger, as quoted by Mashable.

This means, for example, used to watch sporting events directly, while another commented on the game via chat. Following manner.

First, enable Hangouts and invite. In a separate browser tab, go to YouTube.com / Live and select the live streaming. After that, copy the YouTube video ID's live stream, the encryption codes on the share link below the video (eg: http://youtu.be/XXXXXXXX, grab the code after the last slash). Then, in Hangouts, open the video tab and search IDs in question, then click 'Play'.
Sources http://juan-bboy.blogspot.com/

Read more »

Posted in: Blog Tips,Computer,Internet,Technology News,Tips and Trick,Tutorial

PageRank Checker Tool

PageRank is Google's method of measuring how important your site to others. The higher your PageRank value shows your site is very helpful to others and can appear in a better position in Google search. PageRank is a measurement of 1 to 10 with 10 as the best value.
Google does the composition of its search results using the following method:

Find all sites that match your keywords.
Prepared according to factor in your yard, such as keyword density, meta tags and more.
Customizing search results by position according to its PageRank.

We look at PageRank as an element of a multiplier (multiplier) in the search results on Google. So that when we have a PageRank of 0 (zero) then the site will be displayed at the end of search results with other sites that also have a PageRank 0.
PageRank is the basic theory to calculate the number of links to our site. With the principle as simple as a link on page A to page B to page A page B said it very useful or important to visit. And the nature of this pointer is derived, meaning that if page A is appointed by the PageRank of page B is high, then all the designated page A page too, becomes more important or beneficial according to Google.
PageRank

A key factor in search engine in general is a meta tag of your page. But because of the ease be modified by webmasters meta tag so often confuse the results of a Google search, where Google's search results become irrelevant with the desire seeker. So Google is trying to keep kualitinya using PageRank as an indicator of our pages, where it is very difficult to be understood by the webmaster.

Currently, many webmasters are trying to get links from outside into the site in hopes of getting a better position PageRank. Yet that is without considering the qualities that make the site a link to her site. This may be a grief to us. Because the links are too many of the sites that are not qualified will result in destroying your own PageRank.

Instead get links from sites that have had previous high PageRank, and has a similar category to your website that will help your PageRank. So look at the links you get from others.

Page rank checker tool, how google rank our web / blog.

Enter URL: (e.g. yourwebsite.com)

Powered by: WebToolHub.com

Read more: http://mimi-moneyonline.blogspot.com/2010/04/apa-itu-pr-page-rank.html # ixzz1RCwXsBcM

Read more »

Posted in: Blog Tips,Tips and Trick

This is How to Create a Password To Avoid Hackers

Cases of burglary and theft of sensitive data of late increasingly daunting. Hacker used to take advantage of an easy to guess user passwords to break into.

Since early 2011, many break-ins occur and piracy that makes hackers can penetrate a company-owned data. Call it Sony, hackers managed to penetrate the 100 million Sony PlayStation account.

In addition, there are a supplier company jets for the Pentagon, Lockheed Martin, the network and database hackers successfully penetrated pelangganya email. The company itself is also known to do the marketing for Best Buy and Target.

NEW Citigroup credit card information stolen customers. However, in the case of Citigroup, which is a three digit-coded security features CVV name on the back of credit cards will be difficult for hackers to use direct payments.

Known, hackers use 'spyware' to get customer data into the website and then do online banking. How to prevent computer impenetrable computer? Namely by creating a strong password. Here's how to create strong passwords.

Some people use the first name of their pets as passwords, default internet. In addition, there are also people who use a simple wedding date and number '1234 '.

According to experts, people such as not having a password at all. Expert found, against the modern hackers who have advanced hardware, computer password consists of at least a minimum of 12 characters randomly selected from all numbers, letters and keyboard symbols.

Until a few years ago, eight-character passwords mix numbers and letters would provide relatively strong protection. But now according to a senior researcher at Georgia Tech Research Institute Richard Boyd, the use of graphics processors and robots patrol the site to give hackers the power needed to solve all kinds of passwords except the most complex passwords.

If you only use a password of eight characters, and the only character password limit on the letters of the alphabet, can clearly be solved in a matter of minutes, said Boyd. "Passwords should be as much as you can remember, at least 10-12 characters long," he said. Hackers use two kinds of tricks to break the password. The first technique, ie password match with the dictionary's name, date and other public safety phrases are often used.

If you use a birthday or a pet's name as a password, this method will be easily broken by hackers, said Boyd. The second technique, namely the attacks 'violent,' trying every possible combination of letters and numbers up to succeed.

This technique is like trying every possible combination on a single key, this method requires a lot of time but now the time is can be shortened thanks to computers that exist today increasingly fast and sophisticated.

By extending up to 12 character password, the user can make an attack 'violence' take long to crack passwords that users create sophisticated computer hackers finally gave up and switched to an easier target.

Through randomization overall character, the password can protect from this type of attack first, Boyd continued again. "Do not use the password 'mMN30 d9 # $ & * f'. Passwords that have been taken, "Boyd relaxed cap.

Source : http://adaapasekarang.blogspot.com

Read more »

Posted in: Blog Tips,Technology News,Tips and Trick

Google not to index the domain co.cc

Create the bloggers who are accustomed to using co.cc domain for his blog, had to be disappointed because now no longer google to index co.cc free domain name in a Google search.

This incident just happened a day (July 1, 2011), I think cuman 1 domain but I check it all my co.cc domain also disappeared.

Indeed ngeselin google policy really is, some of my co.cc domain is not indexed anymore (when it was a high PR), was forced to disappear.

Just try check site: co.cc on Google search, then the result is  co.cc domain name that not Google indexed. an you will got message from google like this

Your search - site:co.cc - did not match any documents.

Suggestions:

• Make sure all words are spelled correctly.
• Try different keywords.
• Try more general keywords.

Then I tried looking for info directly from Google, it turns out these actions are taken by Google as a form of protection against Malware that google is on a subdomain. Co.cc domain is considered a sub domain by google.

Try to read his article:

Protecting users from malware hosted on a subdomain bulk services

http://googleonlinesecurity.blogspot.com/2011/06/protecting-users-from-malware-hosted-on.html.

So each subdomain disappeared from Google search. So not only co.cc is missing.

But now in new year 2012 domain name co.cc can be acces  in google search.

Read more »

Posted in: Blog Tips,Internet,Technology News,Tips and Trick,Tutorial