Cara Pasang Kotak Komentar Dibawah Postingan

Cara Pasang Kotak Komentar Dibawah Postingan: "

Rival kali ini akan posting tentang Cara Pasang Kotak Komentar Dibawah Postingan.... mungkin semua sobat dah pada tahu gimana caranya...Rival posting ini atas permintaan sobat Rival...

Apakah kotak komentar di blog sobat tidak muncul di bawah postingan sobat ? jika tidak muncul maka sobat perlu melakukan sedikit utak-atik pada HTML template sobat.Fungsi kotak komentar ini adalah agar pemgunjumg blog sobat dengan mudah untuk berkomentar di blog sobat karena pengunjung dapat melihat kotak komentar disetiap postingan sobat.soalnya ada sebagian template yang kotak komentarnya nggak muncul secara otomatis, terus gimana supaya kotak komentar pada template yang nggak muncul kotak komentarnya??

Cara supaya kotak komentar muncul di bawah postingan :

1-Log in ke account blogger sobat.
2-Click PENGATURAN--->KOMENTAR, pada halaman KOMENTAR ini cari tulisan Penempatan Formulir Komentar lihat contoh di bawah ini :

Centang kotak kecil DISEMAT DI BAWAH ENTRI.kemudian click SIMPAN SETELAN.
3-Nah jika sudah selesai kembali ke dashbord blogger dan click TATA LETAK--->EDIT HTML, jangan lupa centang kotak kecil EXPAND TEMPLATE WIDGET.
4-Cari code di bawah ini di dalam Template sobat :

<b:include data='post' name='comments'/>

5-Jika sudah ketemu copy pastekan kode di bawah ini tepat di bawah kode no 4 :

<b:include data='post' name='comment-form'/>

6-Jika sudah selesai click SIMPAN TEMPLATE.
7-Lihat hasilnya pasti kotak komentar muncul di bawah postingan sobat,seperti contoh di bawah ini :

Semoga tutorial yang Rival berikan bisa bermanfaat buat sobat... Selamat BerBlogger Ria..

PEACE

"

Read More

10 Blog Traffic Tips

10 Blog Traffic Tips: "In every bloggers life comes a special day - the day they first launch a new blog. Now unless you went out and purchased someone else's blog chances are your blog launched with only one very loyal reader - you. Maybe a few days later you received a few hits when you told your sister, father, girlfriend and best friend about your new blog but that's about as far you went when it comes to finding readers.

Here are the top 10 techniques new bloggers can use to find readers. These are tips specifically for new bloggers, those people who have next-to-no audience at the moment and want to get the ball rolling.

It helps if you work on this list from top to bottom as each technique builds on the previous step to help you create momentum. Eventually once you establish enough momentum you gain what is called 'traction', which is a large enough audience base (about 500 readers a day is good) that you no longer have to work too hard on finding new readers. Instead your current loyal readers do the work for you through word of mouth.

Top 10 Tips

10. Write at least five major 'pillar' articles. A pillar article is a tutorial style article aimed to teach your audience something. Generally they are longer than 500 words and have lots of very practical tips or advice. This article you are currently reading could be considered a pillar article since it is very practical and a good 'how-to' lesson. This style of article has long term appeal, stays current (it isn't news or time dependent) and offers real value and insight. The more pillars you have on your blog the better.


9. Write one new blog post per day minimum. Not every post has to be a pillar, but you should work on getting those five pillars done at the same time as you keep your blog fresh with a daily news or short article style post. The important thing here is to demonstrate to first time visitors that your blog is updated all the time so they feel that if they come back tomorrow they will likely find something new. This causes them to bookmark your site or subscribe to your blog feed.

You don't have to produce one post per day all the time but it is important you do when your blog is brand new. Once you get traction you still need to keep the fresh content coming but your loyal audience will be more forgiving if you slow down to a few per week instead. The first few months are critical so the more content you can produce at this time the better.

 
8. Use a proper domain name. If you are serious about blogging be serious about what you call your blog. In order for people to easily spread the word about your blog you need a easily rememberable domain name. People often talk about blogs they like when they are speaking to friends in the real world (that's the offline world, you remember that place right?) so you need to make it easy for them to spread the word and pass on your URL. Try and get a .com if you can and focus on small easy to remember domains rather than worry about having the correct keywords (of course if you can get great keywords and easy to remember then you've done a good job!).
 
7. Start commenting on other blogs. Once you have your pillar articles and your daily fresh smaller articles your blog is ready to be exposed to the world. One of the best ways to find the right type of reader for your blog is to comment on other people's blogs. You should aim to comment on blogs focused on a similar niche topic to yours since the readers there will be more likely to be interested in your blog.

Most blog commenting systems allow you to have your name/title linked to your blog when you leave a comment. This is how people find your blog. If you are a prolific commentor and always have something valuable to say then people will be interested to read more of your work and hence click through to visit your blog.

 
6. Trackback and link to other blogs in your blog posts. A trackback is sort of like a blog conversation. When you write a new article to your blog and it links or references another blogger's article you can do a trackback to their entry. What this does is leave a truncated summary of your blog post on their blog entry - it's sort of like your blog telling someone else's blog that you wrote an article mentioning them. Trackbacks often appear like comments.

This is a good technique because like leaving comments a trackback leaves a link from another blog back to yours for readers to follow, but it also does something very important - it gets the attention of another blogger. The other blogger will likely come and read your post eager to see what you wrote about them. They may then become a loyal reader of yours or at least monitor you and if you are lucky some time down the road they may do a post linking to your blog bringing in more new readers.

 
5. Encourage comments on your own blog. One of the most powerful ways to convince someone to become a loyal reader is to show there are other loyal readers already following your work. If they see people commenting on your blog then they infer that your content must be good since you have readers so they should stick around and see what all the fuss is about. To encourage comments you can simply pose a question in a blog post. Be sure to always respond to comments as well so you can keep the conversation going.
 
4. Submit your latest pillar article to a blog carnival. A blog carnival is a post in a blog that summarizes a collection of articles from many different blogs on a specific topic. The idea is to collect some of the best content on a topic in a given week. Often many other blogs link back to a carnival host and as such the people that have articles featured in the carnival often enjoy a spike in new readers.
To find the right blog carnival for your blog, do a search at blogcarnival.com.
 
3. Submit your blog to blogtopsites.com. To be honest this tip is not going to bring in a flood of new readers but it's so easy to do and only takes five minutes so it's worth the effort. Go to Blog Top Sites, find the appropriate category for your blog and submit it. You have to copy and paste a couple of lines of code on to your blog so you can rank and then sit back and watch the traffic come in. You will probably only get 1-10 incoming readers per day with this technique but over time it can build up as you climb the rankings. It all helps!
 
2. Submit your articles to EzineArticles.com. This is another tip that doesn't bring in hundreds of new visitors immediately (although it can if you keep doing it) but it's worthwhile because you simply leverage what you already have - your pillar articles. Once a week or so take one of your pillar articles and submit it to Ezine Articles. Your article then becomes available to other people who can republish your article on their website or in their newsletter.

How you benefit is through what is called your 'Resource Box'. You create your own resource box which is like a signature file where you include one to two sentences and link back to your website (or blog in this case). Anyone who publishes your article has to include your resource box so you get incoming links. If someone with a large newsletter publishes your article you can get a lot of new readers at once.

 
1. Write more pillar articles. Everything you do above will help you to find blog readers however all of the techniques I've listed only work when you have strong pillars in place. Without them if you do everything above you may bring in readers but they won't stay or bother to come back. Aim for one solid pillar article per week and by the end of the year you will have a database of over 50 fantastic feature articles that will work hard for you to bring in more and more readers.

I hope you enjoyed my list of traffic tips. Everything listed above are techniques I've put into place myself for my blogs and have worked for me, however it's certainly not a comprehensive list. There are many more things you can do. Finding readers is all about testing to see what works best for you and your audience and I have no doubt if you put your mind to it you will find a balance that works for you.

This article was by Yaro Starak, a professional blogger and my blog mentor. He is the leader of the Blog Mastermind mentoring program designed to teach bloggers how to earn a full time income blogging part time.

To get more information about Blog Mastermind click this link:

www.BlogMastermind.com

Read More

Cara cepat update PageRank Google

Cara cepat update PageRank Google: "Bagi anda yang mempunyai blog dan ingin cepat mendapatkan pagerank berikut tips Cara cepat update PageRank Google yaitu dengan cara penyebaran link menggunakan sistem Multi Level Marketing memanfaatkan kecepatan penyebaran dalam bentuk backlink.
Caranya gampang kok, yang perlu dilakukan adalah meletakkan link-link berikut ini di blog atau artikel Anda :

1. SEO Tutorial
2. Blog Dofollow
3. Ilmu Belajar Komputer
4. Download PC Media Terbaru
5. Berita Artis Indonesia
6. Body Health Information
7. Share Free Tutorial
8. Lerry060103
9. Media Ilmu dan Sejarah
10. AjarngeBloG Ayo BerbaGi
    

Tapi ingat, sebelum Anda meletakkan link diatas, hapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link Anda sendiri di bagian paling bawah (nomor 10).
Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah
Ketika posisi kamu 10, jumlah backlink = 1

Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125

Dan semuanya menggunakan kata kunci yang kamu inginkan. Dari sisi SEO kamu sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kamu mengklik link itu, juga membuat blog kamu mendapatkan traffik tambahan.
Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website kamu di posisi 10. Ingat, Anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika kamu tiba2 di posisi 1, maka link kamu akan hilang begitu ada yang masuk ke posisi 10.
Selamat mencoba

Read More

Smooth Navigational Menu Vertical dan Horizon

Hallo sobat saya menawarkan lagi model navigasi yang sekaligus Vertical dan Horizon agar sobat tidak perlu mencari-cari itu kalau cocok kalo gak cocok sobat comment aja, siapa tahu dapat wangsit lagi he..he..he.Tapi sebelumnya sobat click dulu demonya kalau cocok ya ambil kalo tidak skip aza.
1-Login ke blog anda
2-Layout
3-Edit
4-Letakkan code dibawah ini sebelum </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">

/***********************************************************************************************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.mutiaramail.blogspot.com/ for full source code
************************************************************************************************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //Menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#804000", "#482400"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

Download

Horizon Navigation
5.1 Letakkan code dibawah ini sebelum ]]></b:skin>
.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
5.2 Letakkan code dibawah ini pada HTML
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Folder 0</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>
Vertical Navigation
6.1 Letakkan code dibawah ini sebelum ]]></b:skin>
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;

border-bottom: 1px solid #ccc;
}

.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */
6.2 Letakkan code dibawah ini pada HTML
<div id="smoothmenu2" class="ddsmoothmenu-v">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Folder 0</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>
Selamat mencoba dan semoga mimpi indah

Read More

jQuery Image Magnify

Hallo sobat yang budiman,saya ada trick atau tips buat sobat, yaa siapa tahu dibutuhkan, bukankah kita saling berkunjung dan saling memberi informasi? Tidak tertutup kemungkinan bila sobat ada ide bisa sharing, yaa agar Blogar Indonesia tambah caeem.Ok tidak banyak basa basi, saya mulai dengan contohnya.

1-Login ke account blogger anda.
2-Click Layout--->
3-Click Edit
4-Letakkan code dibawah ini sebelum </head>;
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='jquery.magnifier.js' type='text/javascript'>
/***********************************************************************************
* jQuery Image Magnify http://www.mutiaramail.blogspot.com
***********************************************************************************/
</script>

Download

5-Letakkan kode dibawah ini sebelum kode ini ]]></b:skin>
dsettings: {
magnifyby: 3, //default increase factor of enlarged image
duration: 500, //default duration of animation, in millisec
mgopacity: 0.2 //opacify of original image when enlarged image overlays it
},
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image

6-Lalu postingkan code dibawah ini di content sobat:
<img src="http://i721.photobucket.com/albums/ww218/sugwi/Grape.jpg" class="magnify" style="width: 250px; height: 75px;" />
7-Selesei, selamat mencoba dan semoga mimpi bidadari he..he..he..

Note:
-Ganti code yang berwarna Biru
-Rubahlah code yang berwarna merah sesuai kebutuhan sobat.

Read More

Hidden Image atau popupBox

Hallo sobat yang budiman saya ada tips sekaligus trick he..he..Hal ini saya posting sebab kelihatannya sobat membutuhkan kelebihannya adalah : Mengirit postingan anda yaa terlihat ringakas gitu dech.Ok kita mulai aja ya .....Contohnya seperti dibawah ini:
Click demo Mutiaramail

1-Login ke account blogger anda.
2-Click Layout--->
3-Click Edit
4-Kemudian copy code dibawah ini letakkan sebelum </head>
<script src='popupBox.js' type='text/javascript'/>

Download

5-Postingkan code dibawah ini pada postingan sobat atau letakkan pada gadget anda :
<a href="http://www.mutiaramail.blogspot.com" onclick="return show_hide_box(this,800,600,'2px dotted')"><blink>Click demo Mutiaramail</blink></a><div align="center"></div>
Note:
Gantilah code yang berwarna biru

6-Pekerjaan anda selesai. Selamat mencoba dan semoga mimpi indah.

Read More

Cara membuat Pop-Up Window

Teman-teman pernah mendengar bahkan mungkin familiar dengan pop-up window. Ok begini saya ada tips buat anda. Cara sangat mudah yaitu
1-Login ke account blogger anda.
2-Click Layout--->
3-Add a gadget
4-Kemudian copy code dibawah ini, sebelumnya .... ganti dulu code yang berwarna biru :
<FORM METHOD="post">

<INPUT TYPE="button" VALUE="Click me!"

OnClick = "hint_wnd = window.open(
'', 'hint_wnd', 'width=50, height=60, resizable=no, scrollbars=no' );

hint_wnd.document.write( 'Tulis text anda disini' );
return true;">

</FORM>
Semoga berhasil dan mimipi indah

Read More