Tips Make a Blog

cara menampilkan lagu di blogspot

2011-05-27T23:20:00.000-07:00

Untuk membuat lagu bisa diputar didalam blog anda harus mengkonversi lagu kedalam flash sedangkan memerlukan hosting untuk menampung file flash sehingga untuk gratisan sulit tetapi anda jangan berkecil hati untuk itu copas kode ini

Kemudian bisa anda taruh di widget caranya tambahkan widget HTML & Javascript kemudian pastekan dan simpan lalu lihat hasilnya contoh seperti di bawah ini:

Membuat Tv Online di blog

2011-05-27T23:09:00.000-07:00

Tv online yang sudah marak diakses oleh berbagai user dari semua negara sekarang yang saya bagikan adalah cara memasang tv online yang berasal dari Indonesia dan itu sangat menarik jika anda penggemar siaran tv kalau tidak ada tv anda bisa online dan menontonnya sendiri untuk membuatnya tidak perlu banyak tenaga yang diperlukan anda tinggal copas kode berikut:

Setelah anda copas terus anda mau taruh dimana..?
Kalau di postingan maka buat posting terus klik tab edit html kemudian pastekan dan klik publish post untuk menerbitkan atau klik preview untuk melihat sedangkan kalau di bagian badan web anda silahkan klik tab layout kemudian tambahkan widget HTML & Javascrif kemudian pastekan kode tersebut setelah itu klik simpan dan lihat hasilnya untuk contoh lihat dibawah ini :

make money from banner

2011-05-27T01:44:00.000-07:00

How to make breadcrumbs in your blog

2011-05-02T20:23:00.000-07:00

For the comfort of visitors so as not to get lost there needs breadcrumbs navigation Sebuat which navigation can help visitors to know their current location diwebsite us, beside our website more familiar with search engines because this trick is also one seo tricks you should try to increase your traffic on google especially. Let us begin to consider the following steps
1. Login to Blogger
2. Click the Design tab and click edit html
3. Check the expand template widgets and find this code <div class='post hentry'> and Copy the code below and paste it right under the code

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Your Are Here</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibB2k-rgCT_zwNA-m72i0QMN7VQUt2VoxrMPukajIOEvBElWgNCcdHBMbHGioWknuFUGVRlyiaWmPYLmhTVo1e2zcMCdR0FtLrAeoIAQLlXmKTUe9xVZ8kya8sPEBSilqHYS8un9OTY6E/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
»
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
»
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibB2k-rgCT_zwNA-m72i0QMN7VQUt2VoxrMPukajIOEvBElWgNCcdHBMbHGioWknuFUGVRlyiaWmPYLmhTVo1e2zcMCdR0FtLrAeoIAQLlXmKTUe9xVZ8kya8sPEBSilqHYS8un9OTY6E/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
» Archives for <data:blog.pageName/>
</div>
</b:if>

If you want to use a box (border) in the breadcrumb, add the following code and paste it directly above the ]]></b:skin> :

.breadcrumbs {
padding:8px 0px 10px 5px;
margin: 0px 0px 5px 0px;
font-size:88%;
border:1px double
#e6e4e3;
}

and then klik save

Replacing older post and newer post with image

2011-05-02T19:44:00.000-07:00

Image replacement of this paper is very interesting because it makes us more plasticity blog pretty sight to make us feel at home to edit this template okay let's start
To change the writing older post, newer post and the home is easy you just need to do this properly consider
1. Login to Blogger
2. Click the Design tab and edit the html and find this code <data:newerPageTitle/> and replace with this code

3. find <data:olderPageTitle/> and replace with this code

4. find <data:homeMsg/>and replace with this code

Eliminate the appearance of the navigation bar on blogger

2011-05-02T17:44:00.000-07:00

Eliminate display this navigation bar will help you look more professional blog why because in the absence navbar impressed blog is second to none. As a website owned by a webmaster. To make it really easy is that bloggers copy and paste the code below, how
1. Log in to blogger
2. Click the Design tab
3. Click edit html and look for the code #navbar replace with this code of # navbar {until} or if no paste just above tag ]]></ b: skin> and click save

#navbar{display:none; height:0; visibility:hidden;}

For example you can see on my blog no its not the navigation bar

Accelerate book smart in your blog

2011-05-02T06:30:00.000-07:00

This book contains a lot of knowledge about the blogs that really you need to manage your blog properly so they can make money at least you start by reading it from beginning to end so that you understand how to utilize this blog so that later you can move into the Internet business so that your life is not easy slumped to the money that might plunge you to do that are not needed. Therefore, I propose to read this book so that later you will understand the importance of a blog and use blog INCOME thousands of dollars. From now dismiss pessimistic attitude optimistic start for your future. In this world of science is advancing rapidly if you want to miss going to the science that may be you have right now do not waste your time at the start of today do not delay. Oh yes let us learn together to achieve success you have never known despair and always move forward looking at a bright future for our children and our grandchildren later.

and looking this books

How to make a related article

2011-05-02T00:58:00.000-07:00

Related articles are very necessary because if one day visitors visiting your blog through search engines then relates this article will be able to help visitors easily search for them on our blog therefore very important to make you first need
1. Log in to blogger
2. Click the tab design
3. Then click edit HTML tab and check the Expand Widgets template find this code <data:post.body/> then after See you paste the code below right underneath

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>I Suggest You Also Read</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

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

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";

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

</div>
</b:if>

After you copy and paste now you just click save and view blog to see the results open a blog page

How to make a widget displays the latest articles

2011-05-02T00:36:00.000-07:00

These widgets display is a display that automatically appears a link or reference pages, links to our web page that allows visitors to read the content of our blog so add point beside the visitors and add points for the SEO for our own blog to make it not difficult enough to copy and paste the code below

1. Login to Blogger
2. Then click design
3. On page elements, add the gadgets HTML / Javascript after that paste the code above and then click save replace the red with your blog url, while the number 10 instead of the number of posts you want

example

Latest articles

How to make a textarea box link exchange

2011-05-01T20:22:00.000-07:00

Link exchange box is needed to facilitate your friendship in the world of the Internet so it is very necessary to if your blog discusses social issues and knowledge that require the same friend with the topic of your blog or website that you created
example picture

Making a textarea box is very easy to exchange links with you only need to paste this code in your widgets

example result

Inserting flash in your blog

2011-05-01T17:39:00.000-07:00

Flash is helping to beautify the look of your website then gunakanlan flash section that you like certain parts of the dam makes the display to be attractive so as to attract our visitors to feel at home for long in our website okay let's use the code below

Well interesting not to make it easy you guys live coffee above code and replace the red line with your own flash file to the size you can change yourself in 550px according to the size you want

Example

Create a guest book hidden

2011-04-30T22:15:00.000-07:00

How to make a guest book is hidden, we know books tamukan yes guest book guest book to be filled by well now we make the guest book on your website or blog we see how easy the following steps
1. Login to blogger sign in with your account
2. Click the tab design and we've been on the next page element add the gadget you want diposisi
3. Furthermore, now you add the HTML / Javascript gadgets and paste the following code

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-IKA4hhNJ8-4VnHElB2xZy5OBltDGl-V_sWA_DJ3vAcIwdD8Kj1Dc1HgIj1V1sXhPTd50U2BQoXHMX21vBjpQnXhwUVUmRUcuHrOrTu0KuqI3p2_IfbsrHy-M4WK8qppYvUI37QsTZvxp/') no-repeat;
}
.gbcontent{float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">   </div>

<div class="gbcontent">

<!-- Replace the code in your guest book -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Now add the code above into gadgets had to replace the red code with the code you get on shoutmik and if you do not have please register here
after the list and told to fill out the form and change the theme and view your shoutmix now you can menkopy shoutmix code from the code as below

<iframe title="blogprofesional" src="http://www5.shoutmix.com/?youridentity" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?youridentity">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />

Example

&lt;p&gt;&amp;amp;amp;amp;lt;p&amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www5.shoutmix.com/?blogprofesional"&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;View shoutbox&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;gt;&lt;/p&gt;

ShoutMix chat widget
and paste the code shoutmix with a combination of the above code so that it can be seen hidden

Setting up Facebook Comments

2011-04-30T21:34:00.000-07:00

How to create a facebook comment is very easy you just joined facebook after that to make way for an application list of applications here and then register your site on facebook after you lists on facebook App by pressing the Create the next you have to fill in the information required to enter all the info url info website and then click save changes
after it emerged that the page you created after that click on Application profile page sidebar section after that will appear next page we find the key that contains the Add box like there are many plugins next to the left then the next you select Comments so now you see besides the right and enter the url http://tipsmakeablog.blogspot.com example on your site url to comments later in the tab Number of posts to post comments amount to be shown, the Width to the size of the box and then comment please color schemas to color match you with the blog or website thus enhance the look of your website after all is fulfilled now just click get the code like this code sample

Then you parse using the tool click here to parse and the result will be like the code below:

Now is time to put on the blog's look stride
1. Login to Blogger
2. Sign in with your blog account
3. Click Design then click edit html
4. check the Expand Widget Templates
5. Find the code like this data: post.body
6. Then paste the code that is parsed earlier right under the code and click save template and see the results by opening one of the posts your article
Example

Adding a picture in a corner of our blog

2011-04-30T19:04:00.000-07:00

The view that I mean the blog with a picture on the corner of the blog that can be used for advertising, clocks, animation or shoutbox to your liking let's see how easy step by step
1. Login to blogger, click on "Layout -> Edit HTML
2. Find this code ]]></b:skin> if you found it place following code on top.

#corner {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Bottom and Left claimed that the picture will be displayed under the right of our blog and you can change it themselves with or Bottom Up and Left and Right, while 0px replace with your desired position
3. The next step is placed following script code before

4. If you would like that is there not a picture but the clock / calendar / hit counter / widgets else, then replace the text in red with the script these widgets.
5. Save your work and see the results.

How to change the dates of postings with pictures

2011-04-30T18:48:00.000-07:00

Changing the date of posting with an image that can beautify your blog
The first we have to do is change the settings first date, do as usual Login to bloggers continue to choose Settings -> Formatting, replace "date header format" or "a date format (mm.dd.yyyy) nha who are beginners definitely confused mean right? that you know next to the words "date header format" it is the box that shows the date, then you click and select the format continues to save bulan.tangal.tahun eg 01/13/2008
The second step menu select Layout -> Edit HTML. Then check the box Expand Widget Templates, Oh yes, do not forget the back-up your template first. well now we proceed
1. Find this code <TITLE> <data:blog.pageTitle/> </ TITLE> (where the top) after See you put this code exactly below

<SCRIPT type='text/javascript'>
//<![CDATA[
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. Keep looking for this code
.date-header { or this h2.date-header {
3. Having met the change with this code

.dateblock {
background: url("http://i120.photobucket.com/albums/o190/jaloewig/calendar-1.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;

}

replace the image url in red with your own favorite images to fit your website code Continues color: # 3366CC; are color coded
date, you can replace it with another color
4. The next step is for you to find this code <data:post.dateHeader/>, if you have found replace with this code

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

5. Save your template and see the results.
If for example writing the month and the date is too above try adding this code padding: 4px 0px 0px 0px; under the code. month {and also under the code. day {

How to make status online / ofline yahoo masengger

2011-04-29T22:41:00.000-07:00

Who's online or offline is very important to be made especially if the website used to look for money or selling products with this status since then visitors will know that the owner of the website is always faithful waiting for her beside us now to make this status is very easy way
1. Click the Layout tab
2. Click the tab added gadgets
3. Add gadgets HTML / Javascript
4. Continue to paste the code below and press the save before it had a red fox with yahoo id name masengger you and the blue to replace the images from 1 to 12

Example

How to create a search box to blogger

2011-04-29T22:32:00.000-07:00

A search box is very important because in addition we have interesting content, we also have to facilitate our visitors to find what is needed by those who where this blog know what they need and therefore the search box is very important for us to make to make it very easy steps like this:
1. Click the Layout tab
2. Add a gadget
3. Select the tab HTML / Javascript
4. Then paste the code below and press save and change the name of your blog with your own blog url and Change the zise to personalize your blog.

Example

How To Subscribe email

2011-04-29T18:30:00.000-07:00

Create e-mail subscription tool that we put on the sidebar of our website aims to provide our visitors to know the latest articles from our website, so if we have a new article they will be given the news from Feedburner to visit our site that there are new articles that may be interested to in reading. For professional bloggers why this is important because we can attract our visitors back to a loyal reader of our blog as well as witness that our blog is updated frequently on the blog we do not die because we frequently update our blog ... Oh yes let's continue with how I create an email subscription .. note the step by step
with notes you must have a google account if no please list and if you already have please login
1. Visit the site http://feedburner.google.com
2. Fill in your blog feed address for example http://Your Blog Name.blogspot .com / feeds / posts / default. Your writing a blog name change with your own blog name
3. Know if your blog contains a collection of videos or video then need to mencetang besides stuffing box is the box that says that I'ma prodcaster then click next.
4. After that please fill in the registration box only in accordance with your identity.
5. If successful then there will be a warning that you've managed to blog
6. Click menu and then click Email Subscriptions Publicize will display the code that is ready to be copied
The next pairs that code in the sidebar search layout -> add gadgets then click the HTML / Javascript code and paste it and press the save button

Example script

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TipsMakeABlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid rgb(204, 204, 204); padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:
<input name="email" style="width: 140px;" type="text" />
<input name="uri" type="hidden" value="TipsMakeABlog" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>

Example result

How to make a widget translations

2011-04-29T17:51:00.000-07:00

Translation widget is a tool that serves to translate the contents of the website content into other languages where the language is already supplied by google because it belongs to google translator tool, very good when we use this tool which can be easier for us to share knowledge with people from countries without we must understand their language. How to make
1. Login to the blogger continues to select Layout.
2. Then select add gadgets and then select the HTML / Javascript and
enter the script below and click save

Example

Business Template Blogger Free

2011-04-29T04:37:00.000-07:00

Solistica

Demo
Download

Bussiness Firm

Demo
Download

Bussiness Lead

Demo
Download

Bussiness Premium

Demo
Download

Bussiness Walk

Demo
Download

Bussiness Commerce

Demo
Download

Credit Card

Demo
Download

Presentation

Demo
Download

Financial

Demo
Download

I Studio

Demo
Download

How to Know a blog profiesional

2011-04-28T23:59:00.000-07:00

Did you know that your blog is a blog that make it a professional or simply a blog that cheap which are only concerned with money. Then you are not able to become a professional blogger for a professional blogger tremendous respect for the quality of blog content that they create and are not concerned with money from the ads that are critical readers happy and would like to blog it, blog it was free to make and do not drain our pockets to begin with, so we must share our knowledge with others through blogs that we make. Blogs are a means of teachers and students to ask each other can be said is a community of learning and teaching where people who have blogs are teachers who read the blog while it was his student. Blog is created aimed to provide information to visitors in accordance with the needs of visitors who want an information. Information is very important because they contain of interest for those who need it so let's share to other bloggers with just that we can share information. Professional blogs are blogs that have a very good quality information

online shop amazong afiilate

2011-04-14T21:42:00.000-07:00

Cara Membuat Forum Minimalis

2011-03-01T02:14:00.000-08:00

Pembuatan forum ini dibilang sangat mudah karena hanya merupakan forum dasar

Sofware Penghilang Stress Kucing Digital

2011-03-01T00:15:00.000-08:00

Hey hey para sobat yang selalu lelah beraktifitas di Internet.... Ini saya sarankan sebuah sofware penghilang lelah dan enak dipandang sehingga aktivitas di komputer tidak terlalu tegang karena ditemani oleh binatang peliharaan kita yang setia menggoda dengan tingkah lakunya yang lucu dan menggemaskan. Sofware ini walaupun simple (tidak perlu instal langsung klik) mampu membuat aktifitas berinternet ria di komputer tidak terlalu tegang oleh keyboard maupun mouse karena sambil mengetik kita bisa bercanda dengan sofware ini mulai dari nonton acara tv jatuh dari langit eh jatuh dari atas monitor..... dan asyiknya lagi kita bisa menjatuhkan kucing ini dan melemparnya dari atas kemudian jatuh lagi kebawah pokoknya seru deh. Lebih seru dari maen game...... silahkan download disini ya......

Sofware Instaler Appserv Project

2011-02-27T02:06:00.000-08:00

Appserv sangat handal digunakan sebagai teman untuk membuat website berbasis PHP karena semuanya sudah ada seperti Mysql yang merupakan script yang akan kita gunakan untuk membuat database mysql silahkan download disini deh Link appservnya. Setelah anda download appserv tadi tinggal kalian ekstrak saja filenya setelah diekstrak kemudian jalankan appserv-win32-2.5.8.exe maka tinggal ikutin perintah yang muncul setelah anda instal maka ketikan http://localhost maka akan muncul gambar dibawah ini:

Setelah itu klik yang dilingkari link itu akan membawa ke halaman admin untuk mysql database untuk selanjutnya masukkan password yaitu root dan username yaitu root. Setelah itu mak akan dibawa kehalaman mysql database.
Enjoy dalam membuat website semoga artikel ini bermanfaat.