Blogger Vs Wordpress

Tahu kah Anda, bahwa di jaman teknologi yang serba canggih seperti sekarang ini untuk mempunyai sebuah Website / Blog itu tidaklah sulit. Banyak cara-cara instant untuk memulai membuat suatu website / Blog, salah satunya Anda bisa gunakan software-software gratisan yang bisa Anda download melalui internet ini, seperti Blogger, Wordpress dan Joomla.

Bahkan untuk Anda yang ingin berbisnis E-Commerce atau membuka dagangan melalui World Wide Web sekalipun bisa Anda lakukan dengan mudah dan secara instant. Anda tidak perlu pusing-pusing untuk memikirakan bagaimana cara merancang database dan script pemogramannya. Software E-Commerce tersebut juga bisa Anda dapat kan melalui internet ini dengan gratis seperti software oCommerce dan CubeCart.

Dari beberapa software instant untuk membaut website / blog seperti di atas, tentunya ada kelebihan dan kekuranganya. Disini saya hanya ingin menjelaskan perbedaan antara Blogger dan Wordpress saja menurut versi saya, yang jelas dari kedua web service tersebut sama-sama gratis yang bisa Anda coba untuk memluai membuat sebuah website / Blog.
Berikut perbedaan antara Blogger dan Wordpress :

1. Wordpress dapat mengimport postingan yang ada pada Blogger / Blogspot sebaliknya Blogger tidah bisa mengimport postingan yang ada pada Wordpress. 
2. Wordpress menyediakan form komentar yang user friendly sedangkan Blogger agak ribet untuk memberikan sebuah komentar, tapi jika Anda bisa mensettingnya tentu saja bisa user friendly 
3. Blogger menyediakan menu Drag Drop yang mudah untuk di gunakan, sedangkan Wordpress sulit Drag Drop edit element halaman.
4. Blogger support Google Adsense yang mudah untuk kita gunakan pada Edit elemat halaman, sedangkan Wordpress tidak mensupport Google Andsense, meskipun banyak yang menyediakan plugin google Adnsense
5. Wordpress lebih unggul dalam kasus menanggulangi spam karena telah di lengkapi dengan plugin anti spam, Sedangkan Blogger dapat di lakukan dengan moderation order dari commenting systemnya. 
6. Apabila Anda telah mempunyai domain dan hosting sendiri software Wordpress telah tersedia dan siap di install di cpanel Anda. Sedangkan Blogger tidak tersedia disana. Tetapi Anda juga bisa menggunakan domain Anda dan hosting pada Blogger.
   

Semoga Info ini Bermanfaat

Read More

Cara Membuat Kotak Komentar Facebook Di Blog

Kali ini saya akan sharing tentang tips memasang fb comment di blog...  Tips ini saya dapat dari blog Mas Dode ...
Kotak komentar Facebook memudahkan para pengunjung untuk menuliskan komentarnya terhadap blog kita dan memperanyak pengunjung blog, Karena dengan mmberikan komentar maka komentar tersebut akan terposting ke fbnya

Langkah - Langka membuat komentar facebook Blog

1. Klik Di Sini
2. Isi data - data yang diinginkan
3. Copy Kode XFBML
4. Login Ke Blogger
5. Klik Edit HTML
6. Jangan Lupa Klik Tulisan Expand Template Widget
7. Copy Kode Berikut sebelum Kode <data:post.body/> ( jika terdapat 2 kode <data:post.body/>... pilihlan kode yang kedua )
8. Klik SIMPAN TEMPLATE 

Selamat mencoba... 

Read More

Membuat Daftar Isi Blog Pada Sebuah Laman

Kalian pasti pernah melihat daftar isi pada sebuah buku, Daftar isi pada blog sama dengan daftar isi pada buku, cuma bedanya daftar isi blog bisa di pasang di sembarang tempat tidak kayak di buku yang harus di depan Halaman
Daftar isi blog berguna untuk memudahkan pengujung Blog mengetahui isi blog

Langkah-Langkah Membuat Daftar Isi Blog Di Widget

1. Login Ke Blogger
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Copy paste Koed berikut ini :
   

   <script src="http://sites.google.com/site/barajajs/listofcontent/contents.js">
   </script><script src="http://UrlBlogMu.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
   </script>

5. Terbitkan Laman

Keterangan

• Tulisan yang bewarna MERAH dengan URL BLOG ANDA

Read More

Cara Memasang Tombol Google +1 di Blog

Akhirnya setelah sekian lama saya mencari-cari Cara Memasang Tombol Google +1 di Blog akhirnya saya mengetahui juga.
Google +1  Berfungsi sebagai tool bagi pengunjung blog/web serta search engine untuk memberikan "voting" bagi sebuah halaman blog/web yang menurutnya memiliki nilai (value) manfaat yang besar. Menurut Google, +1 Button juga memberikan referensi dan rekomendasi bagi Google dalam menentukan peringkat suatu halaman web di search engine

Berikut langkah-langkah Cara Memasang Tombol Google +1 di Blog :

1. Login Ke Blogger
2. Klik Rancangan ( Layout )
3. Klik Edit HTML
4. Jangan Lupa Klik Tulisan Expand Template Widget
5. Copy Kode Berikut sebelum Kode </head> :
   
   

    <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

6. Copy Kode Berikut sebelum Kode <data:post.body/> :
   

   <!-- Google +1 Button  -->
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>

   <div class='post-share-buttons' style='float:right;padding:4px;'>
   <g:plusone size="standard"></g:plusone>
   </div>
   
   

   </b:if>

   <!-- Url Blog Mu -->

7. Klik SIMPAN TEMPLATE 

Keterangan

•  right dapat di ganti menjadi Left
• Tulisan yang bewarna MERAH adalah URL BLOG ANDA

Read More

Memasang Tombol Like Facebook Di Blog

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.

Berikut langkah-langkah Memasang Tombol Like Facebook Di Blog :

1. Login Ke Blogger
2. Klik Rancangan ( Layout )
3. Klik Edit HTML
4. Jangan Lupa Klik Tulisan Expand Template Widget
5. Copy Kode Berikut :
   

   <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/> 

6. Paste Kode tersebut du depan <data:post.body/> (  Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting )
7. Klik SIMPAN TEMPLATE 

Read More

Cara Membuat Shutmix ( Chat Box ) Melayang Di Blog

Membuat Shutmix ( Chat Box ) Melayang di blog sebnarnya tidak terlalu penting. tapi membuat blog lebih bagus di lihat, karena ( Chat Box ) tidak mengambil tempat.
untuk membuat Chatbox Klik DI SINI

Berikut langkah-langkah Membuat Shutmix ( Chat Box ) Melayang Di Blog :

1. login ke Blogger
2. Klik Rancangan
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan kode berikut ini :
   <!-- right hidden chatbox byhttp://nama blog mu.blogspot.com/START -->
   <style>
   #hcl {
   position:fixed;
   top:100px;
   left:0px;
   z-index:+1000;
   }
   * html #hcl {position:relative;}
   .hcltab {
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBfeuPuqo08JJqxqY_dxF0eznBOxdAvylJcpzz42FY0_PzL0mc876rjMqO1FnMpezKkJ2p0xltuvLH8Hxk1kNtl17QgSpyj-HHZ77fOzUsHAP1oy6a4D5CnlcXMsuqwmL3p985N52Jxt4/s400/cbred-LEFT.png') no-repeat;
   }
   .hclcontent {
   float:left;
   border:2px solid #790909;
   background:#f3f6f7;
   padding:10px;
   }
   .hc-credit {font-size:9px}
   .hc-credit a {text-decoration:none}
   </style>
   <script type="text/javascript">
   function showHidehcl(){
   var hcl = document.getElementById("hcl");
   var w = hcl.offsetWidth;
   hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
   hcl.opened = !hcl.opened;
   }
   function movehcl(x0, xf){
   var hcl = document.getElementById("hcl");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   hcl.style.left = x.toString() + "px";
   if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="hcl">
   <div class="hclcontent">
   <!-- Begin ShoutMix - http://www.shoutmix.com -->Kode Shutmix yang telah di buat<!-- End ShoutMix -->
   
   <br />
   <div class="hc-credit">
   <span style="float:left">
   <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
   Get this
   <a href=http://nama blog mu.blogspot.com/
   target="_blank">
   Widget
   </a>
   and
   <a href=http://nama blog mu.blogspot.com/
   target="_blank">
   Desaign!
   </a>
   </span>
   <span style="float:right">
   <a href="javascript:showHidehcl()">
   [CLOSE]
   </a>
   </span>
   </div>
   </div>
   <div class="hcltab" onclick="showHidehcl()"> </div>
   
   </div>
   <script type="text/javascript">
   var hcl = document.getElementById("hcl");
   hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
   </script>
   <!-- right hidden chatbox by http://nama blog mu.blogspot.com/END -->
6. Simpan 

KETERANGAN

• Tulisan yang berwarna BIRU adalah URL Blog mu
• Tulisan yang berwarna MERAH adalah Kode Shutmix ( CHAT BOX )

Read More

Cara Membuat dan Memasanng Shutmix ( Chat Box )

Chat Box sebenarnya penting buat blog karena Chat Box adalah salah satu aplikasi yang di berikan kepada blog agar kita dapat berkomunikasi satu sama lain.
Tapi blog saya sendiri tidak saya pangsangkan chat box karena ada suatu hal. ehehehehe

Berikut langkah-langkah membuat Shutmix ( Chat Box ) :

1. Klik DI SINI
2. Silakan login ( Jika belum mempunyai akun untuk login, silakan buat terlebih dahulu )
3. Copy Kode Embed codes

Cara Memasang Shutmix ( Chat Box ) Di blog :

1. login ke Blogger
2. Klik Rancangan
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Paste kode yang tadi di Copy
6. Simpan

Read More

Cara Menampilkan Fan Page Di Blog Atau Website

pada kesempatan kali ini saya akan sharing kepada kalian Cara Menampilkan Fan Page Di Blog Atau Website. pertama kita harus membuat Halaman ( Fan Page ) di Facebook...  kalo belum tahu cara membuat Halaman ( Fan Page ) di Facebook KLIK DI SINI
Setelah mempunyai Halaman ( Fan Page ) di Facebook, ikuti langkah-langkah berikut :

1. login ke Facebook
2. Kemudian Klik DI SINI 
3. Isi data-data yang di perlukan
4. Copy kode XFBML
5. login ke Blogger
6. Klik Rancangan
7. Tambah Gadget
8. Pilih HTML/Javascript
9. Paste kode yang tadi di Copy
10. Simpan 

Contoh  Fan Page

Read More

Cara Membuat Template Blog

Bagi para blogger pemula seperti saya memang biasanya ingin membuat tampilan blog sesuai keinginan kita,, akan tetapi karena kita belum paham tentang HTML CSS dan sebagainya maka kini ada solusinya.

Tak perlu paham konsep HTML atau CSS sedikitpun anda bisa membuat template bagi blogger anda sendiri.
yaitu dengan menggunakan suatu software bernama Artisteer, Artisteer terbaru yaitu versi 3.

Di versi terbaru ini kalian bisa lebih mengembangkan kreativitas dalam membuat template blog.

Gambar screen shoot nya

disana terdapat menu Home, edit , layout dan sebagainya :) jadi tinggal edit saja deh...

*tambahan Download Artisteer Trial di www.artisteer.com


Sumber

Read More

Cara Menghilangkan Judul Blog di Header

Postingan kali ini Bertema Judu Blog... Judul blog sebenarnya sangat penting tapi ada sebagian blogger yang tidak menyukai Judul blog karena telah memiliki gambar yang akan di pasang di header

Berikut langkah-langkah menghilangkan judul blu di header :

1. Login Ke Blogger
2. Klik Rancangan ( Layout )
3. Klik Edit HTML
4. Jangan Lupa Klik Tulisan Expand Template Widget
5. Cari Kode seperti kode berikut ( seperti jadi tidak mirip )
   
   #header h1 {
   margin:50;
   padding:5px 0 0 10px;
   font-size: 100%;
   font-weight:bold;
   line-height: 1.2em;
   letter-spacing:.0em;
   font-style:italic;
   color:#FFFFFF;
   }
6. Jika telah menumukan kode seperti itu... Tambahkan Kode berikut ini visibility:hidden; Seperti Contoh Berikut ini :
   Contoh
   
   #header h1 {
   margin:50;
   padding:5px 0 0 10px;
   font-size: 100%;
   font-weight:bold;
   line-height: 1.2em;
   letter-spacing:.0em;
   font-style:italic;
   color:#FFFFFF;
   visibility:hidden;
   }
7. Klik SIMPAN TEMPLATE

Read More

Cara Memasang READ MORE Otomatis

Postingan kali ini bertema Read More... Read More adalah aplikasi di blog yang di gunakan untuk mempersingkat suatu postingan di halaman utama
Read More di bedakan menjadi dua yaitu, Read More otomaits dan Read More Manual... tapii yang akan saya postingkan kali ini adalah Read More Otomatis... Karena pasti kita lebih memilih otomatis dari pada Manual

Ini langkah-langkah membuat Read More Otomatis :

1. Login Ke Blogger
2. Klik Rancangan ( Layout )
3. Klik Edit HTML
4. Jangan Lupa Klik Tulisan Expand Template Widget
5. Copy Kode Berikut : :

   <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>
   <script type='text/javascript'>
   //<![CDATA[
   /******************************************
   Auto-readmore link script, version 2.0 (for blogspot)
   (C)2008 by Anhvo
   visit http://en.vietwebguide.com to get more cool hacks
   ********************************************/
   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>

6. Cari Kode ini <data:post.body/>
7. Ganti Kode Tersebut dengan kode berikut ini :

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

8. Klik SIMPAN TEMPLATE

Keterangan : Tulisan yang bewarna Merah dapat kalian rubah sesuai keinginan kalian 

Read More

Cara Menghilangkan Navbar

Kali ini saya akan sharing ke kalian cara menghilangkan navbar... Tapi sebelumnya kita harus mengetahui apa itu navbar....
Navbar adalah suatu aplikasi yang terdapat di bagian atas blog yang kegunaanya hampir sama dengan Dasbor...  jadi jika Navbar kita terhapus tenang aja kan masih ada Dasbor.... hehehehheee

1. Login ke blogger
2. Klik Rancangan ( Layout )
3. Klik Edit HTML
4. Jangan Lupa Klik Tulisan Expand Template Widget
5. /* hilangkan navbar
   ----------------------------- */
   
   #navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
   } 
6.  Copy kode tersebut lalu paste di atas kode ]]></b:skin>
7. Klik SIMPAN TEMPLATE

Sekarang Navbar blog anda sudah tidak ada  

Read More

Cara Membuat Blog

Kali ini saya akan sharing cara membuat blog... cara membuat blog sangat gampang... sebelum membuat blog terlebih dahulu membuat akun google...

Klik DI SINI jika belum memiliki akun google
Jika telah memiliki akun google... ikuti langkah-langkah berikut :

1. Klik DI SINI untuk masuk ke dasbor ( halaman utama buat blog )
2. Isi Email & Sandi
3. anda akan masuk ke dasbor
4. Klik tulisan Buat Blog
5. Isi data-data yang di minta
6. klik tulisan lanjutkan

Read More