Cara Membuat Blog Menjadi Ringan Dan Cepat!

Membuat Blog Menjadi Ringan

Hi, teman-teman! Sekarang saya akan membahas beberapa masalah untuk membuat blog lebih cepat. Siapa yang tidak ingin blog mereka menjadi ringan? pasti semua blogger menginginkannya karena pengunjung internet dapat menelusuri blog kita lebih mudah.

Berdasarkan pengalaman saya, ada beberapa trik untuk membuat blog cepat:

• Gambar

Tahukah Anda, gambar dengan ukuran besar bisa membuat blog kita menjadi lambat. Jadi, lebih baik bagi anda untuk mengurangi penggunaan gambar yang berukuran besar. Baik dalam template dan juga posting. Anda dapat menggunakan Photoshop Save for Web & Device Trik.
 

• Widget
  

Kelebihan penggunaan widget adalah salah satu masalah yang membuat blog anda menjadi lebih lambat. Apalagi jika widget berisi script yang berat. Ada baiknya bagi anda untuk menghapus beberapa widget yang tidak berguna seperti jam, pemutar musik, hewan peliharaan, game, dan sebagainya.. Gunakan widget yang berguna seperti posting terkait, artikel yang paling populer, atau mungkin Google Friend Connect.

• CSS dan Javascript

Seperti yang kita tahu, CSS dan javascipt dapat membuat blog kita menjadi cantik. Namun efek sampingya bisa membuat blog kita menjadi lambat. Jadi, anda harus mengurangi penggunaannya atau kompres blog anda. Untuk kompres Javascript, Anda dapat menggunakan Javascript Compressor.

Epilog Cara Membuat Blog Menjadi Ringan Dan Cepat!: Saya berpikir blog yang baik harus memiliki loading yang tampak baik dan cepat. Tapi, tidak mengurangi kreativitas anda di blog. Tetap blogging kawan!

 

Cara Ampuh Meningkatkan Alexa Rank | Tips dan Trik |

Cara Ampuh Meningkatkan Alexa Ranking | Tips dan Trik | - Setiap Blogger pasti bermimpi untuk meningkatkan peringkat alexa di situs mereka. Meningkatkan peringkat alexa bukanlah tugas yang sulit dan bahkan Blogger pemula pun bisa melakukan hal ini. Meskipun Alexa rank tidak begitu penting dan akurat, setiap blogger selalu mencoba untuk meningkatkan ranking alexa. Seperti saat ini, banyak blogger mempertimbangkan Page Rank dan Alexa Rank sebelum melakukan penawaran dengan situs lain atau situs web. Mendapatkan Page Rank yang baik bukanlah tugas yang mudah sehingga, pertama kita akan mencoba untuk menurunkan alexa rank untuk situs kita. Saya tekankan sekali lagi, meningkatkan alexa rank adalah proses yang mudah sehingga cobalah cara-cara ampuh untuk meningkatkan alexa rank.

 

Apa itu Alexa Rank?

Alexa adalah website yang menyediakan posisi situs anda di World Wide Web. Perhitungan ini didasarkan pada trafik yang datang ke situs anda. Traffic rank didasarkan pada tiga bulan data yang terkumpul melalui jejak trafik dari pengguna toolbar Alexa dan trafik data dari sumber lain. Di Alexa peringkat peringkat terendah adalah yang terbaik dan tertinggi yang tidak baik.
Sebagai contoh: www.google.com memiliki Alexa rank # 1 dan ini adalah posisi yang baik sangat baik. Alexa dimiliki oleh amazon.com yang digunakan untuk menentukan peringkat website dari sisi trafik website, penampilan, kinerja dan backlink.

Mengapa Alexa Rank begitu penting?

Peringkat ini tidak penting bagi mereka pemilik blogger atau situs yang tidak serius dan tidak ingin membuat uang secara online. Alexa Rank menunjukkan seberapa baik atau buruknya status situs anda. Sekarang kita bicara mengapa Alexa begitu penting? Yah, seperti definisi di atas didasarkan pada lalu trafik anda, sehingga setiap kali pengiklan ingin mengiklankan produk atau jasa mereka, mereka akan memeriksa peringkat Alexa untuk memahami seberapa populerkah situ anda dan seberapa banyak trafik yang anda dapatkan. Perlu diingat, jika anda belum pintar mengenai jumlah trafik di situs anda, anda tidak akan mendapatkan kesuksesan untuk menghasilkan uang. Jadi meningkatkan peringkat Alexa dengan trafik yang sebenarnya merupakan bagian penting untuk karir blogging.

Bagaimana Cara Meningkatkan Alexa Rank

Nah, kini kita akan mempelajari cara untuk menurunkan peringkat alexa. Kini ada banyak trafik exchange yang bisa anda gunakan untuk meningkatkan peringkat situs anda, tetapi ini tidak original. Saya merekomendasikan anda untuk membuat pengunjung original untuk situs anda. Untuk melakukan trik di bawah ini sebelumnya anda harus membuat account gratis di situs Alexa. Berikut adalah tips ampuh untuk meningkatkan alexa rank. Ikuti saya ...

1. Publikasikan Postingan yang Berkualitas 
Anda mungkin pernah mendengar "Konten adalah Raja" untuk sebuah blog. Jadi update situs blog anda sehari-hari dengan posting yang unik untuk mendapatkan jumlah trafik yang origanal dan berkualitas untuk blog anda.

2. Instal Alexa Toolbar di Browser Anda 
Ini tidak hanya meningkatkan peringkat alexa, tetapi juga membantu anda untuk mengetahui peringkat alexa situs lain. Ini adalah metode yang terbukti untuk meningkatkan ranking alexa.
Link : Alexa Toolbar

3. Pasang Widget Alexa di Situs Anda 
Memasang widget alexa juga penting untuk meningkatkan peringkat Alexa. Ini akan menunjukkan peringkat alexa situs anda tanpa mencari di situs Alexa. Cukup kunjungi link ini untuk membuat widget anda dengan mudah.
Link : Widget Alexa.

4. Cobalah Untuk Mendapatkan Review Tentang Situs Anda di Alexa.com 
Ajaklah pengunjung dan teman-teman anda untuk meninggalkan review positif tentang situs anda di alexa.com. Ini akan membantu anda untuk melangsingkan peringkat alexa.
 
5. Verifikasi Situs Anda di Alexa.com 
Buat akun di Alexa.com (gratis) dan tambahkan situs anda. Setelah menambahkan situs anda, anda akan perlu untuk memverifikasi situs anda untuk kepemilikan sebenarnya dengan menambahkan tag Meta sederhana.

6. Cobalah Untuk Mendapatkan Lebih Banyak Sitelinks Alexa.
 Sitelink juga dapat meningkatkan peringkat Alexa Anda. Dengan membuat backlink Anda bisa mendapatkan sitelink pada alexa.com. Tinggalkan komentar pada situs lain atau blog, berpartisipasi di forum, kelompok dan masyarakat dengan alamat situs Anda. Hal ini akan meningkatkan pagerank Anda, backlink dan lalu lintas juga.

7. Tingkatkan Pengunjung Anda Secara Global 
Pengunjung yang banyak menentukan kualitas peringkat, jadi jangan bertujuan untuk mendapatkan pengunjung hanya dari satu daerah atau negara. Perlu diingat selalu, ketika anda mempublikasikan sebuah website atau blog anda akan terlihat di seluruh dunia. Jadi target sumber trafik anda harus dari seluruh dunia juga. Optimalkan situs atau blog bagi pengunjung di seluruh dunia.

8. Menulis Posting Tentang Alexa 
Dalam blog Anda, menulis beberapa posting tentang Alexa.com seperti bagaimana meningkatkan posisi Alexa, Alexa review, keuntungan Alexa Rank, manfaat Alexa toolbar dan widget, bagaimana pengiklan memilih situs dengan menganalisis peringkat Alexa untuk iklan, bagaimana untuk mendapatkan top posisi di peringkat Alexa dll.

Kesimpulan

Seperti dijelaskan di atas, saya harap anda dapat memahami mengenai apa itu Alexa Rank dan bagaimana hal itu menjadi begitu penting. Dalam pengalaman pribadi saya, mengupdate artikel secara rutin adalah trik utama yang cerdas untuk mendapatkan posisi terbaik di Alexa, karena tanpa update konten berkualitas tidak ada yang akan mengunjungi situs anda lagi dan ditambah lagi situs anda akan turun dari posisi peringkat mesin pencari.
Penutup, saya berharap anda mendapatkan posisi terbaik yang berkualitas dari alexa.com

Have a Nice Day Kawan :)

Cara Membuat Email Subscriber Lucu!

Cara Membuat Email Subscribe Lucu - Kini kita akan membuat form berlangganan via email dengan tambahan efek baru CSS. Widget ini akan membuat sidebar anda rapi dan bersih so pasti akan menarik pengunjung untuk berlangganan.


Live Demo

Bagaimana Cara Menambahkan Form Email Subscriber di Blogger? 

1. Pergi ke Design > Page Elements
2. Pilih HTML JavaScript Widget
3. Lalu sisipkan kode berikut,
   

   <style>
   .mbt-email{
   background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_qW3AYMEpzvzKnfU9SKewPHwhS8P4_DzLi4If8byfvEQDxCG3GI4yYa06ggTngp8NE1znxhHjLoTyQVJSCITOBo58PxwAi9NYlQTauO2ajkR_6hjniXVcuUtdAfpFhVoTU2H3LCaZ9hm9/s1600/email.png) no-repeat 0px 12px ;
   width:300px;
   padding:10px 0 0 55px;
   float:left;
   font-size:1.4em;
   font-weight:bold;
   margin:0 0 10px 0;
   color:#686B6C;
   }
   .mbt-emailsubmit{
   background:#9B9895;
   cursor:pointer;
   color:#fff;
   border:none;
   padding:3px;
   text-shadow:0 -1px 1px rgba(0,0,0,0.25);
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   font:12px sans-serif;
   }
   .mbt-emailsubmit:hover{
   background:#E98313;
   }
   .textarea{
   padding:2px;
   margin:6px 2px 6px 2px;
   background:#f9f9f9;
   border:1px solid #ccc;
   resize:none;
   box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
   -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
   -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;  
   width:170px;
   color:#666;}
   </style>
   <div class="mbt-email">
   Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/JXVtV', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
   <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
   <input type="hidden" value="blogspot/JXVtV" name="uri"/><input type="hidden" name="loc" value="en_US"/>
   <input class="mbt-emailsubmit" value="Submit" type="submit" />
   </form>
   </div>
   
   

   
   Sekarang gantilah kode berikut :
   
   • Sekarang ganti blogspot/JXVtV  dengan kode link email feedburner anda. Anda bisa mendapatkannya dengan mengunjungi akun feedburner anda kemudian pilih Publicize dan kemudian ke Email Subscriptions. Jika masih kurang jelas silahkan perhatikan gambar berikut :
     

     

     klik untuk perbesar

     
     

Save Widget dan lihatlah hasil dari Cara Membuat Email Subsriber Lucu ini. Silahkan beritahu saya jika anda memiliki kesulitan dalam menjalankan tutorial sederhana ini :)

Cara Membuat Komentar Facebook di Blog

 Cara Membuat Komentar Facebook di Blog - Pada tahun 2009 diperkenalkan pengembang Facebook sosial plugin terbaik  mereka yang disebut "Kotak Komentar Facebook". Plugin ini dapat tertanam dalam setiap situs web atau blog dan pengunjung dapat menggunakan ID Facebook mereka, Yahoo, AOL atau Hotmail untuk memberikan komentar di situs anda. Plugin ini memang menunjukkan banyak masalah ketika tertanam dalam Blog Blogger di awal perkembangannya tapi sekarang berkat Max teman sesama blogger dari Allblogtools akhirnya plugin ini telah cocok untuk bekerja sempurna dengan host blog Blogger.

Live Demo 

LIGHT SCHEME

 

DARK SCHEME

Anda tertarik? mari sekarang kita belajar bagaimana cara membuat kotak komentar facebook yang sangat berguna bagi blog. Mohon ikuti langkah-langkah sederhana dibawah ini,

1. Mendapatkan ID Aplikasi Facebook

1. Pergi ke Facebook Developers Page
2. Masukkan App Name dengan Nama Aplikasi dan App Namespace dengan judul blog anda (tidak wajib). Kemudian klik lanjutkan.

3. Setelah itu akan tampil seperti gambar dibawah ini kemudian simpan App ID nya di notepad. Sekarang mari kita lanjut ke langkah berikutnya dari tutorial ini.

2. Menambahkan Kotak Komentar Facebook ke Blog

Sekarang adalah saatnya untuk menambahkan kotak komentar di template blog anda. Jadi ikutilah langkah mudah berikut,
CATATAN: Pastikan blogger comments anda sudah terpasang di bawah postingan. Untuk caranya, pergi ke Blogger> Settings> Post and comments> lalu pilih embeded pada kategori komentar di bawah kategori post. Setelah melakukan hal ini ikuti tutorial di bawah ini.

1. Pergi ke Blogger > Design > Edit HTML
2. Simpan terlebih dahulu template anda
3. Centang kotak "Expand Widget Templates" 
4. Carilah <html dan setelah itu berikan ruang di depan kode untuk menambahkan kode berikut,
   

   xmlns:fb='http://www.facebook.com/2008/fbml'  

    
5. Kemudian cari
   

   <body>

   
   

   Catatan: dalam rancangan template blogger yang baru akan terlihat kode seperti dibawah ini

   
   

   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

   Paste kode berikut di bawah salah satu kode diatas
   

    <div id='fb-root'/>
   <script>
       window.fbAsyncInit = function() {
       FB.init({
         appId  : &#39;YOUR_APP_ID&#39;,
         status : true, // check login status
           cookie : true, // enable cookies to allow the server to access the   session
         xfbml  : true  // parse XFBML
       });
     };
       (function() {
       var e = document.createElement(&#39;script&#39;);
         e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
       e.async = true;
         document.getElementById(&#39;fb-root&#39;).appendChild(e);
       }());
   </script> 

   
   
   • Ganti YOUR_APP_ID dengan ID aplikasi Facebook anda yang telah anda simpan di notepad. 
   
    
6. Setelah itu cari kode </head> dan diatasnya letakkan kode berikut,
   

   <meta expr:content='data:blog.pageTitle' property='og:title'/>
   <meta expr:content='data:blog.url' property='og:url'/>
   <meta content='Personal Blog - Info MenARIk' property='og:site_name'/>
   <meta content='YOUR_APP_ID ' property='fb:app_id'/>
   <meta content='http://www.facebook.com/ulasanmenarik' property='fb:admins'/>
   <meta content='article' property='og:type'/>

   Perubahan :
   
   
   • Ganti Personal Blog - Info MenARIk dengan Judul Blog anda
   • Ganti YOUR_APP_ID dengan ID Aplikasi Facebook  yang anda simpan di notepad
   • Ganti  http://www.facebook.com/ulasanmenarik dengan link profil facebook anda
    
7. Sekarang carilah kode berikut,
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
   <div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
   <div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div> </b:if>

   
   
   • Jika anda ingin menggunakan dark scheme silahkan ganti light dengan dark
   • Untuk mengubah ukuran kotak komentar, ganti angka berikut width='520'
   • Untuk mengubah ukuran footer, ganti angka berikut width:510px
   • Beri selisih 10 pixel antara ukuran kotak dan ukuran footer. Misalnya jika anda mengatur ukuran kotak width = '600 ' maka ukuran footernya width: 590px
    

PEMECAHAN MALASAH

Jika Anda menghadapi masalah apapun maka silakan jangan ragu untuk memberi tahu saya. Saya akan merasa senang untuk melayani anda. Saya akan menulis tutorial lebih lanjut tentang topik ini sehingga anda bisa mendapatkan semua update terbaru. Saya berharap plugin ini terbukti berguna untuk sebagian besar dari anda dan memberkati blog anda dengan trafik yang signifikan . Peace! :)

Cara Membuat Blog 3 Kolom

Cara Membuat Blog Tiga Kolom - Bagi anda yang seorang blogger, kini saya akan memberikan Tutorial mengenai bagaimana cara membuat layout menjadi 3 kolom pada blog. Anda pasti pernah melihat banyak blog yang memiliki design 3 kolom. Jika anda ingin membuat template anda seperti itu silahkan simak tutorial sederhana berikut.

Menambahkan Kolom Sidebar Ketiga pada Template Blogger

1. Pergi ke Template > Edit HTML

2. Cari :

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar
float */
}

dan ganti float menjadi :

float: right;

3. Dibawah itu tambahkan :

#left-sidebar-wrap {
width: 220px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

"float: left" akan membuat sidebar baru anda berada kiri. Dengan demikian anda akan memiliki sidebar di kiri template blog anda.

4. Cari dan ubah lebar dari outer-wrapper menjadi 900px atau lebih untuk menghindari tumpang tindih sidebar dengan main-wrapper.

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
} 

 5. Cari #main-wrapper dan ganti dengan :

#main-wrapper {
width: 410px;
float: left;
margin:0 20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Berikut margin ke kiri dan ke kanan 20px ditambahkan untuk menghindari tumpang tindih sidebar dengan main wrapper. Anda dapat mengubahnya sesuai untuk mengatasi masalah tumpang tindih pada sidebar.

6. Letakkan kode berikut :

<div id='main-wrapper'>

Tepat sebelum kode ini:

<div id='left-sidebar-wrap'> 
<b:section class='sidebar' id='left-sidebar' preferred='yes'/>
</div>

7. Simpan template anda dan selamat sidebar ke-3 anda sudah terpasang

Sekarang anda harus melakukan beberapa penyesuaian sendiri. Sesuaikan lebar dengan mengubah pixel (px) dari "outer-wrapper", "main-wrapper", "sidebar-wrapper" dan "kiri-sidebar-wrap". Mengatur margin, padding dan lebar dengan cara yang sama untuk "header-wrapper" dan "footer-wrapper" untuk mencocokkan gaya.

source : http://www.simplebloggertutorials.com