display label clouds in blogger

If the previous blogger provides only the label in the form of bullet lists, but now there seems to have the addition of new facilities which are available widget labels Cloud (cloud). This can be seen directly on the peer widget label of each. Once activated, the more popular the label appear in larger fonts than less popular labels.

 

Select Label - other facilities added to the label that we can choose to select any label you want to display.

 

more info on http://buzz.blogger.com

chalaid.blogspot

Hide Label Counts di Blog Blogger blogs

In the default label will be visible also in the number of posting a label .... In the one case that will help the readers to our blog .. but it will reduce on the beauty blog blogspot .

how hide ... This step follows step .........

• Log inBlogger anda => Layout =>Edit Html
• Klik expand widget.
• Cari Kode Berikut ini

<span dir='ltr'>(<data:label.count/>)</span>

• As below

* Remove code which Berwarna blue.
* Save and see your blog
chalaid.blogspot

Make Marquee Effect (Running Text)

A blog on we usually see that, either from top to bottom, left to right, right to the left of the main motion. At the time this tutorial I will try to write a tutorial on how to create text that is running or marquee effect.




By making this marquee effect in our blog, blog akan look more beautiful and more attractive .. ceilee,, hehe. But the most important so visitors get more attention with the posts that are usually hehe .. (personal opinion)


Jump oke aja, tags that are used to create a marquee effect is:
<marquee......... marquee="">

While the Attribute that is usually used to make this marquee is as follows:

Bgcolor = "color" -> To set the background color (background) the text

Direction = "left / right / up / down" -> Set the text direction of movement

Behavior = "scroll / slide / alternate" -> To set the behavior of movement

Scroll -> text move rotate
Slide -> text stops moving once ago
Alternate -> text moves from right ago left behind again (pace bo)

TITLE = 'message "-> message will appear when the mouse is in the top text

SCROLLMOUNT = "number" -> set the speed of movement in pixels, the greater the number semajin fast gerakannya.

SCROLLDELAY = "number" -> To set the time delay in the movement milli seconds

Loop = "number | -1 | infinite" -> Set the number of loop

Width = "width" -> Set the width of the text block in pixels or percent

More details so that I will include for example the following

<marquee align="center" direction="left" scrollamount="3" width="30%" height="100">

marquee From Left to Right

</marquee>

Result
marquee from left to right
The words "right" you can change the "left, up or down."
<marquee align="center" direction="left" scrollamount="3" behavior="alternate" width="70%" height="200">
Tulisan ini bolak-balik kiri kanan


</marquee>

</marquee.........></span><div align="left"><span class="fullpost"><span style=";font-family:georgia;color:White;" ><b><marquee scrollamount="3" behavior="alternate" width="100%" bgcolor="RED">

Marquee dengan variasi warna font dan latar belakang

</marquee></b></span></span></div><span class="fullpost">

And the result is like this:

Marquee with variations in font color and background

Already ... segitu aja example. Later variations are set to stay in line with the desire to use the attributes that I write above.

Make a Comment Box in Blogger post Bottom

Eventually also come .... After the long-awaited by the fans waiting setianya, the end of blogger / blogspot also published a comment box or comment box that appears directly under posting. If the past is only a link "Post a Comment", then the other now, I now direct commentary box appears exactly the posting (such as the comment box below). With the comment box like this, akupun willing to change the first box komentarku (haloscan) with the comentbox this. Although the comment box is still in draft but it is enjoyed. Here's how I make a comment box under the blog posting. 1. Login to http://draft.blogger.com, Remember the http://draft.blogger.com not blogger.com. 2. Is the menu to Settings -> Comments. Then replace the "Comment Form Placement" to "Embedded below post" (see picture below) 3. Then click "Save settings" Now try to see you blogging and try to click on one of postinganmu and see the result, if the box has been posting comments under you or not. if adequate steps are meant here. If not follow the steps below. (this is because the HTML code tiap2 template is different. For the default template of a new blogger, HTMLnya code is changed, while the long-template or take from the outside are not there and I also have). 4. Then go to menu "Layout -> Edit HTML" 5. Check box "Expand widget templates". 6. You 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. View deh a result, you try to click one of the post you, under the comment box will appear like this punyaku (For those who succeed).

How to Create a Simple Template

Create a template in blogger should understand about CSS and HTML, but for this we need only a little ability, as we will create a template that is simple, but do not even do a simple one but the results can be extraordinary, depending on desainernya. Ok deh mulai aja deh ya, seems I'm not in the patient nih.

Gini, the easiest way to make the blogger template with a template and then download our brain especial own, so we do not need to create from scratch. Practice for this time we try to use a template that I dah I ever made, downlad material here. Before we start I saranin a new blog lo aja biar gak ngerusak your original blog.

Design Phase

Template that we create here will have four main components namely Background, Header, Footer and Main. as there is in the image below:



Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :

background
header
main
footer

8. Upload pieces on a webhosting or other file storage services. For example in the Photobucket or geocities etc..

Nha modeng po ra?

Now we enter the preparation stage to the blogger. gini the steps. Ohya I have not downloaded the earlier bahanya, I have not downloaded the first over. Ok here we go:
1. Back to bloggers and to the menu "Edit HTML".
2. You click the "Brows" to do is upload the template before you donwload.
3. Then search the code like this:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }

4. Replace the bold text with the location of the background image you create.
5. Find the code like this:
#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Replace the bold text with the location of your main image.
7. Find the code like this:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Replace the bold text with a picture header.
9. Find the code like this:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Replace the text with bold gambara foter.
11. There are still some things that you should note. try looking for the following codes:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

code width: 898px indicate the width of your blog, you can change it according keinginanmu, but must be tailored to the design width of the image that you create.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

code width: 445px; is a wide area that contains the main posts, you can change .

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }

code width: 153px; wide is the right sidebar. And the code width: 195px; width is the left sidebar. Continue code padding-right: 50px; the distance between any posts or content of the sidebar to the right with the right boundary. Code and padding-left: 10px; is the distance between the content of the sidebar to the left of the left border.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

code height: 196px; width: 898; size is high and the width of the header, you can adjust them with the size of your header.
#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

code width: 898px; height: 80px; size is wide and high the footer.

12. Well I finished I try to preview the template you have appropriate kah? or destroyed?
13. I have been in the Save.

: f I finally finished the article on creating a template, so tired? but remember once again this is a method to create a template that is easy and simple, so sebenrnya content of the template is more complex, munkin somewhen akan we detail from part-bagina template.
OK Good Luck .............

Install translator widget

Install translator widget or "translator" in a lot of blog use. This translator is useful when there are visitors from other countries who deliberately or not the blog to see us and we do not know the language so they can use this widget to translate into the language they want (of course that is already in this widget). This widget has support for Indonesian language. And what you want, this can also translate to translate the work of the school / campus easily. And the results can be better than software transtool lho. Why? would like to make? lho is easy. Gini nih ...

1. Login to Blogger trus menu select "Layout" or "Layout"
2. Then click on the "Add Gadget" or "add a gadget =".
3. Then select the HTML / Javascript "
4. Then enter the following script to them.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5. Then save.

Try blogging now see there is the view like this:

Panduan Membuat Blog Di wordpress

Berikut ini langkah-langkah untuk mendaftarkan diri, mendapatkan akun blog di wordpress.com.

1. Ketikkan ==> id.wordpress.com <== di kotak alamat (addres) di browser anda, terus enter. Menggunakan tulisan “id” agar antar muka (bahasa pengantar) berbahasa Indonesia. Akan muncul halaman seperti dibawah ini.
   

   






2. Klik kotak dengan latar biru yang didalamnya tertulis “Mulailah Blog WordPress Anda”. Sesaat kemudian akan terbuka halaman seperti dibawah ini.
   

   

3. Ikuti petunjuk yang ada pada halaman ini, Tuliskan nama (ini akan menjadi panduan.wordpress.com jika pada kotak nama pengguna ini diisi panduan) boleh huruf besar atau huruf kecil, gak masalah.
   Demikian pula Alamat Emailnya, ini harus alamat email yg masih aktif. Jangan lupa beri tanda centang (check) dengan nge-klik kotak kecil di samping Celotehan Legal. Klik Tombol Berikutnya>>. Akan muncul halaman seperti di bawah ini.
   

   

   Jika nama pengguna sudah terpakai oleh orang lain, anda harus mengganti/mengubah nama pengguna yang diisikan. Perhatikan bagian yang terblok dengan warna merah, itu yang harus diperbaiki.

4. Otomatis pada kotak Domain Blog: terisi nama pengguna yang diisikan tadi. Isikan Judul Blog: Sesuaikan dengan tema blog yang akan anda pakai. Untuk sementara biarkan saja pilihan bahasa kecuali anda mau pakai bahasa lain. Demikian juga Pribadi, biarkan tercentang agar blog anda bisa dikenali mesin perambah Seperti google atau yg lain. Klik Tombol Daftar >> .
5. Jika pendaftaran anda berhasil maka akan muncul halaman seperti di bawah ini.

   

   Selanjutnya anda bisa mengisi profil anda. Sebenarnya gak usah diisi dulu juga tidak papa, bisa diperbahurui nanti. Tapi yah tidak ada salahnya diisi juga, sambil nunggu proses pengiriman ke email anda dari wordpress untuk mendapatkan kode aktifasi. Silahkan Simpan Profil Anda.

6. Buka kotak masuk di alamat email anda. Contohnya seperti di email saya seperti ini.

   

   Selanjutnya Ikuti petunjuk dengan meng- klik link yang diberikan untuk mengaktifasi blog yang dibuat.

7. Sampai di sini anda akan diberikan password, jangan lupa kopi/salin password untuk login.

   

   Klik Login untuk siap-siap masuk ke blog anda.

8. Jika login berhasil seharusnya anda dihadapkan ke layar di mana pada bagian layar tadi terdapat bagian seperti pada gambar ini.
   

   

   Klik saja nama blog anda itu. sampai anda di bawa ke dashboard.

9. Langkah selanjutnya adalah mengubah password sehingga mudah diingat. Klik My Profil bagian pojok kanan atas.
   

   

   Selanjutnya sekalian ubah bahasa antarmuka (Interface language) ke bahasa Indonesia. Klik Save Changes. Jika berhasil maka bahasa interfacenya berubah menjadi bahasa Indonesia.

10. Sampai di sini anda telah berhasil memiliki blog, selanjutnya bisa dimodifikasi lewat dasbor, termasuk mengisi blog anda nantinya.

Untuk selanjutnya jika anda hendak masuk ke blog anda ada beberapa pilihan yang bisa ditempuh:

• Ketikkan alamat blog anda di address browser: Misalnya “panduan.wordpress.com” (tanpa tanda petik), jika telah terbuka, silahkan klik login dibagian kolom sisi blog anda. Isikan nama dan password, klik login.
• Pada address browser anda ketikkan saja wordpress.com/wp-admin, setelah terbuka sebuah halaman, disitu isikan nama dan password dan klik login.
• Ketikkan pada address browser “wordpress.com” begitu halaman terbuka, isikan nama dan password dibagian kotak yang tersedia, klik login.

Untuk anda yang berniat membuat blog di wordpress.com dan memerlukan panduan silahkan mendownloadnya dari di sini.

Related post beautiful to increase pageviews

Related articles related to post or alias posting on the same category and a link is a list of other related articles which are linked because in the category or the same label. Almost all bloggers have been installed, but it has to optimize your installation associated with the function that also considers the beauty of factors that increase page view?


Related to the post you can ease your diblog readers find articles of a kind of interest. To have gained increasing function related post have the attributes below:

1. Rapi, Because healthy people will surely like the cleanliness and tidiness
2. Appearance to attract attention, give you a light color also attract attention, but has integrates with the overall color blog?
3. There is a certain effect when the mouse is highlighted, this is also associated with the two-point "recruit" alias search attention.
4. Placement in the right, because I never tried to put the first related post in the sidebar and this turns out to be less effective because of less note. Or placement that is too down also less effective, because it is too far from the article.

If not meet the above criteria, means not exploit the maximum optimization in the high page views. But ngomong-ngomong have not yet know the page views ga? oo already know all apparently, is yes.

Related posts that I mean like the picture below: (left click to zoom)

Please try to have under the original, try sorotkan your mouse on the area related post, what you see?, And many related articles if it is not akan lengthwise down as the train. But will appear on the right scroll box.

How do I install? Follow the following explanation:

If you have not installed the previous related post:
Find the code below on your template, remember the previous checkbox "Expand Widget

Templates"<p><data:post.body/></p>. kalau sudah ketemu silahkan copy kode berikut ini kemudian paste dibawah kode tadi.

<b:if cond="'data:blog.pageType"> <h2>Artikel Terkait:</h2><div class="'rbbox'"></div><div style="'margin:0;"><div id="'albri'/"><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('albri').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><script type="text/javascript">RelPost();</script> </div></b:if>

If you are searching for more, please code below: ]]></b:skin> If you already meet the copy code below and paste "over" the code" kode ]]></b:skin> Earlier.

/*----------------------------- kode related post optimal visit http://www.ateonsoft.com ------------------------------*/ .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px; background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;} .rbbox:hover{background-color: rgb(255, 255, 255);}

Then copy the code below and paste "under" the code
]]></b:skin> tadi: <SCRIPT src='http://ateon.fs.googlepages.com/kodescript.js' type='text/javascript'/>

If it is stored please templatenya. See the results by opening the one you artikal.

If you already installed the previous related post:
Oops tired if I have to write again. Should remove all the code related to your post, and then repeat the sequence above. If you want diotak especial please deh.

OK bro ........ happy bloging

How to Adding Meta Tags in Blogger post Different

What Use Meta description add to the various blog posting?
Adding Meta tags to your blog is very good for SEO (search Engine Optimization). But with Adding meta tags to the same post to make all traffic ranking search engine a bit. But by creating meta description on every post we will create a fast search engine indexing the article and we'll automatically increase PERINKAT INDEX SEARCH search engine.
So now this time will be discussed on how to add meta tags on each post.
First entry to blogger, layout, and then click Edit Html. Find the code below

<b:include data='blog' name='all-head-content'/>
Dan copy code dibawah ini lalu tambahkan
<b:if cond='data:blog.url == "http://chalaid.blogspot.com/"'>

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/> </b:if>

That makes the home page for the meta.
Next, you want to add meta description for the other post, for example: http://Chalaid.blogspot.com/Menambahkan-meta-tag-di-berbagai-postingan.html

Now, all you do is insert the above three lines of code below and replace the link, description and keywords.
So, the end of the code as it is

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.url == "http:// Chalaid.blogspot.com /"'>

<meta content='DESCRIPTION' name='description'/>

<meta content='KEYWORDS' name='keywords'/> </b:if>

<b:if cond='data:blog.url == " http://Chalaid.blogspot.com/Menambahkan-meta-tag-di-berbagai-postingan.html"'>

<meta content=Menambahkan meta deskripsi di berbagai postingan blogspot' name='description'/>

<meta content=meta,posting,blogger,dll' name='keywords'/> </b:if>

Same as the above procedure, you can add different meta tags every post you a different
Happy Testing

Placing posting always appear at HOME

Of the many post / article on your blog, perhaps one of the many articles that a visitor or tune terlaris articles on your blog.
So is posting to be pitied when tergeser place because the increase in post-new posting, the long run will be posted on the back.
You do not need to worry, because there is a way to display the post so that always appear on the front page.
Follow the way so.

Steps umtuk place always in posting the home page:




* Log in to Blogger with your ID.
* Select Edit entry.
* Once in the Edit Entry page, choose the post which will always be displayed on the front page.
* Click Edit on the selected posting.
* See the bottom of the post column, click Options entry. Akan comment then appears Readers, Backlinks and the Date and Time Entry.
* Change the date and year clock with the entry year to come, for example, 2010 or if you'd like in a long time change the number of years some years, for example, in 2050.
* Click Publish entry.
* View your Blog now.

Make AutoLinks

Increase Traffic blog / site on search enggine one way link to the blog tukaran friends ....... but becomes very inefficient dikala we requested / requesting copy / paste the code .....
nah this time how to install the link in the Automatic Blok We .....

Told here automatically, means that a link from a blog that can be entered by itself have a blog filled with the Title / Title and the URL / address of each blog in the field provided and click Submit to memasukannya.

If you do not want to bother to make a collection of links to one another peblogger, a widget that can be used as a solution to ease you in making a collection of links.
Steps to get the widget automatically tukeran link is as follows:

# Log in to this site: LinkBox
# Register Click here to get it for FREE! to do the registration.
# Fill in the boxes that are available with the data you want to enter.
# Once complete, click on the register.
# Next you will receive as a new member and asked to go to the home.
# Once logged in, enter a name for linkBox your blog URL and then click Create Box.
# Set appearance and then click get LinkBox Code.
# Copy all HTML code and save it in your blog (dashboard, Layout, Page Elements, Add a Gadget, Click the + sign in the HTML / JavaScript, paste the code before the column is available, Save)
Example # LinkBox

Insert PDF File in Blogger Post

Posting this as a response to a question from our friends, meganet, how about inserting PDF files in a Blogger post. There are tricks to it. We need services from third parties. In this case I give an example using the services of Scribd.com. Hopefully this is also useful for friends the other. Ok, Let's follow the steps below:

1. Visit the website www.scribd.com
2. Click Sign Up to register, Enter the data yourself.
3. Log in to your e-mail. Open the e-mail from Scribd titled "Verify your e-mail address", click on the link that is available and loginlah
4. In the Step 1 - Choose Documents to upload, click browse to select the PDF document in your computer, click "Upload"
5. On the page "Describe Your Document", fill in the fields of the document title to keywordnya, click the "Save"
6. On the next page "Share Your Document", roll down the page, on the "Share This Document", click the button "Embed Code"
7. Log in to your Blogger account.
8. Click the "Create Entry", click the tab "Edit HTML", enter the code from Scribd earlier by pressing Ctrl + V
9. Result, the PDF documents you will termuat in posting your Blogger. You publish an entry / posting you.
If you still have the question asked, please leave.

Make a Mini or Mini Post Article diBlogger

Mini or Mini Post this article shows the actual way in which short news style posts that are displayed will vary with actual post. Minipost will appear with the appropriate label or category .. so special to show the Mini every post we only specify a label only. Actually how to create mini I found this post from one blogger quiterandom.com please be there when you want more details:)



1. Enter the code below in the row CSS code

.minipost.home {background: #fff; font: normal 12px 'Arial', sans-serif; padding: 5px;border:1px solid #c0c0c0}
.minipost.home .date {color: #000; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.minipost.home .body {padding: 5px 0;}
.minipost.home .meta a {color: #990000; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.minipost.item {background: transparent;}
.minipost.item .date {margin:1.5em 0 .75em; font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:#999999;}
.minipost.item .title {margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#cc6600;}

2. Kemudian cari kode <b:loop values='data:posts' var='post'> lanjutkan lagi dengan memasukan kode warna pink yang pertama. Kalo sudah masukan lagi kode warna pink yang kedua dibawah kode <b:include data='post' name='post'/>
<b:include data='post' name='post'/>



<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != &quot;minipost&quot;'>

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>

<b:else/>
<b:include data='post' name='minipost'/>
</b:if>
</b:if>
</b:loop>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>

3. Langkah ke tiga cari kode berikut <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> Kemudian sisipkan semua kode dibawah ini dibawah kode diatas

<b:includable id='minipost' var='top'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='minipost home'>
<div class='date'><data:post.dateHeader/></div>
<div class='body'>
<data:post.body/>
<div class='clear'/>
</div>
<div class='meta'>
<a expr:href='data:post.url'>Read More</a> |
<a expr:href='data:post.url + &quot;#comments&quot;'><data:post.numComments/> comments</a>
<b:include data='post' name='postQuickEdit'/>
</div>
</div>

<b:else/>

<div class='minipost item'>
<div class='date'><data:post.dateHeader/></div>
<div class='title'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
</div>
<div class='body'>
<data:post.body/>
<div class='clear'/>
</div>
<b:include data='post' name='postQuickEdit'/>
</div>
</b:if>

</b:includable>

Try it.....................
Thx for o-om....

HOW TO BLOG Loading Accelerating CSS DRIVE

This is the continuation of any posts yesterday about how I speed up loading blog, because of slow loading blog akan bored and making visitors averse to coming back ... Below akan saya akan sharing tips to speed up loading a blog with the CSS code mengkompres kesayangan your blog.

Loading blogs that usually make a quick and visitor will be reading your post and will try to fully-open to open the various articles in the blog. For example if you find a site from search engines, and when you go to the site loadingnya feel very slow, certainly not long you will play directly averse direction and look the other pages .. ya, huh? ... I get this from mas dhani'S.

Compression techniques on the CSS loading can improve the performance of your blog page. In the sense here is not so super fast, but tends toward optimizing CSS. Think of here all the same connection speed we yah ...

Simply take the steps as follows:

Please open this site, and follow the instructions below step by step.

Site above is a free service from CSS Drive - CSS Compressor which is usually used for the purpose of mengkompres CSS.

I recommend Blogger for beginners that still lay in the field of CSS, do not try mode and Super Compact Strip any comments ..

# Use-Light mode only and do not strip any comments beforehand. For compression level is higher it can be tested at the level of compression option Advanced mode, but the first step to use the first mode Light.

# In addition to function-compress mode, we also recognize Uncompress. Usually used to restore the code that the kompress. CSS Drive but unfortunately does not have this functionality, so I suggest you to first memback-up your blog template before compression.

#-Go to blogger.com -> Layout -> Edit HTML, find the CSS code that is usually located between the code please copy and paste in the CSS code in the Insert and click the button CSSDrive-compress it .. (pastenya posted on compress / sites that you select above).

# CSS Drive-In akan results appear in the CSS compress, please copy and replace the code in the CSS code with the new Blogger this way Paste overwrite / replace. (At first place)

# After that, press Save Template ... Done ...

If you are interested want to speed up loading blog / your site, this step ought to try ... good luck ... ...

Feedburner & Feed Blogger

For those who already take advantage of Feedburner to improve SEO (search engine optimization) blog feed, there is good news. At this time, with his Feedburner acquired by Google, blogger.com owner, we can integrate Feedburner feed blogger dg. So, all blogger akan diredirect feed to Feedburner. This will improve our SEO blog. Easy to do the following:

Main requirement is that you already have an account at feedburner.com, if not please list (sign-up/register) feed in the first blogger you http://feedburner.com

1. After logging in to www.blogger.com, click Settings -> Site Feed.
2. It's the "Post Feed Redirect URL" enter the Feedburner to your blog in the box provided on the right. Feedburner blog such as this is http://feeds.feedburner.com/mario_gagho
3. Slide down, click the Save Settings menu.
4. Done.

Salam blog,

How Easy to Create a Blog on Blogger

Create a blog on blogger.com / blogspot is really very easy. Therefore, if you have a gmail.com email, you live directly in the list of blogger.com. In short, follow the short steps below:

1. Visit blogger.com (click)
2. Enter your Gmail account in the "user name (Email)" and the password "Password". See image 1.
If you do not have Gmail, first in the list Gmail.com.
a. Fill in "Display Name" in the box. Example: My Name
b. Love signs TIK (check) on the "Terms of Acceptance"
c. Click "Continue". See image 2.
3. In the "Blog Title" -> fill with the desired title. Example Fatih Syuhud Blog
4. In the "Blog Address" -> content with a URL address. For example, fatihsyuhud.
Do not forget to click "Check Availability" to see if the URL address of the selected which have not yet. Try a different address if the address is not available. See image 3.
5. Click "Continue"
6. In the "Select a template" click "Continue" (Figure 4)
7. "Your Blog Has Been Created!" -> You have successfully created a blog (Figure 5)
8. Click "Start Blogging" to write the article.
9. In the "Title" box with the contents of the article title which will be written. Example: Writing on the Blog
10. Fill in the box underneath the article. For example, you can copy from here .. View image 6.
11. Click "Post Mempublikaikan"
12. Congratulations! You have successfully created a blog and post articles. (See picture 7).

Note: To post the article next, you click the menu "post". For editing the live click "Edit Post"












Setelah itu Publish keep posting and you see the results

Make Label clouds in Blogspot

Other fields other locusts. So also in the blog have a label that displays in the form of the horizontal alignment, vertical menu, based on the alphabet, based on the date and the other. Desire to complete the peblogger label in showing, in the post this time will be discussed on the label appearance always revolve or better known by the name of the label clouds.

For those who want to display labels of rotary dam (label clouds), you please follow the steps below.



* Log in to Blogger with your ID
* Select Layout
* Choose Edit HTML
* Kasi contreng sign on Expand Widget Templates
* Back up the template first if afraid to fail
* Find this code: <b:section class='sidebar' id='sidebar' preferred='yes'>
* Copy the entire code below, then paste the appropriate code under the line.


<b:widget id='Label129' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2> <data:title/> </ H2>
</ b: if>
<div class='widget-content'>
<script src='http://h1.ripway.com/ades40/swfobject.js' type='text/javascript'/>
<div id='flashcontent'> Blogumulus by Roy Tanck <a href='http://www.roytanck.com/'> </ a> and <a href='http://www.marewa.info'> marewa </ a> </ div>
<script type='text/javascript'>
var so = new SWFObject ( "http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "100", "7", "# 000000" );
/ / Uncomment next line to enable Transparency
/ / so.addParam ( "wmode", "transparent");
so.addVariable ( "tcolor", "0xfffffff");
so.addVariable ( "mode", "tags");
so.addVariable ( "Distr", "true");
so.addVariable ( "tspeed", "100");
so.addVariable ( "tagcloud", "<tags> <b:loop values='data:labels' var='label'> <a expr:href='data:label.url' style='24'> <data : label.name /> </ a> </ b: loop> </ tags> ");
so.addParam ( "allowScriptAccess", "always");
so.write ( "flashcontent");
</ script>
<b:include name='quickedit'/>
</ div>
</ b: includable>
</ b: widget>
* Change the text color red with the words that you want to show

1. Figures 180 and 100 is the width and height of the label clouds, change by you in accordance with the size width of your blog's sidebar
2. Color code # 000000 is the code of the color black is the color of clouds lay out the label, change the color of your choice
3. Fffffff code is the code from the white text will appear, change color code is the color of your choice.
4. Number 100 is the speed perputarantulisan labels in clouds, the greater the number berputarnya quick word label clouds, as if the smaller the number the more slowly rotating writings.
5. Number 24 is the size of the text will appear on the label in the clouds, the greater the number of words that appear, so the smaller the number the less the text also appears in the clouds in the cable.
* After you have finished editing the template, click the Save button.
* View your blog now ...!!!

How to Put Music On Blog

Here are the steps:

* Open site www.song2play.com
* Enter the title track that you want the search engines available. Example: umbrella. Or write the name of singer or band group. Example Rihana
* If the title track has not been shown, usually have any posts Click here to get more Result. click on any posts are aja
* After several titles seen a track, click on the title track that you are looking for, will automatically display navigation control and track the selected earlier in the akan perdengarkan
* At the bottom left corner there is a box on the check, the Autostart, Show Title song. Autostart means that when visitors visit your blog, the song will play immediately. Well if you do not want to play direct alias to provide the opportunity for visitors to choose their own if want to listen to the song or not, you uncheck the check before I click on that
* Show Title Song in the navigation panel on the munculkan akan title track of the load. If ya do not want to appear only lose marks centangnya
* Copy all the HTML code provided in the text area, paste in notepad. Please close window site
* The next step is sobat live input the HTML code provided earlier in the blog to you. Similar sites that you can visit: www.songhere.com