5 Cara agar blog ramai dikunjungi visitor

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Ada beberapa cara agar Blog kita ramai pengunjung. 5 diantaranya adalah :

   1.     Perbanyak Artikel anda

Ingat rumusan bahwa artikel adalah sebuah aset. Semakin banyak artikel/posting yang anda buat, semakin besar juga kemungkinan pengunjung yang akan mengomentari artikel anda. Dengan demikian semakin besar pula aset anda.

   2.    Buat Artikel-Artikel yang Menarik.

            Pilihlah hanya topik-topik artikel yg menarik. Topik-topik seperti motivasi, sport, rahasia sukses, resep-resep makanan, teknologi, atau pendidikan biasanya tdk pernah sepi untuk dibahas. Kalo sebagian besar artikelnya berisi opini, curhat, atau catatan harian yah bakal sulit untuk rame.

   3.    Promosikan

            Kalau anda tdk pernah mempromosikan blog anda ke publik baik itu teman, kolega, ataupun sahabat anda, jangan pernah bermimpi blog anda rame pengunjung. Prinsip Promosi ini bukan hanya berlaku dlm dunia bisnis, dalam dunia blogging pun mutlak diperlukan.

   4.    Bergabunglah dengan forum-forum komunitas

            Forum-forum komunitas adalah salah satu langkah efektif ‘memasarkan’ blog anda. Donald Trump sukses menjadi orang kayanya Amerika karena sewaktu mudanya dia aktif bergabung dgn komunitas orang-orang kaya.

   5.    Buatlah link ke mesin pencari Google

            Dengan membuat link/taut ke raksasa mesin pencarian dunia, Google maka anda tak perlu repot2 lagi berpromosi. Itu sudah termasuk promosi yang luar biasa

Minggu, Juli 07, 2013  Unknown  No comments

Read More

Cara Membuat Loading Animasi Blog Menarik Bola Loncat-loncat

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Animasi loading page blog 3 warna bola bergerak loncat-loncatan. Cara pemasangannya sobat mengarah pada konfigurasi Template, kemudian pilih Edit HTML.

1. Pasang script Jquery berikut di atas tag </head>,

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

    Jika sebelumnya telah ada pada blog sobat, lewat langkah ini.
2. Silahkan copy kode CSS berikut dan letakan di atas kode ]]></b:skin>,

/* X-Gen Loader */
#xgenloader-screen {z-index:999999;background:#000;width:100%;height:100%;position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;text-shadow:none;}

.bubblingG {
text-align: center;
width:100px;
height:63px;margin:10% auto;
}
.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 13px;
height: 13px;
margin: 31px auto;
background: #7BFF00;
-moz-border-radius: 63px;
-moz-animation: bubblingG 0.6s infinite alternate;
-webkit-border-radius: 63px;
-webkit-animation: bubblingG 0.6s infinite alternate;
-ms-border-radius: 63px;
-ms-animation: bubblingG 0.6s infinite alternate;
-o-border-radius: 63px;
-o-animation: bubblingG 0.6s infinite alternate;
border-radius: 63px;
animation: bubblingG 0.6s infinite alternate;
}
#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#bubblingG_2 {
-moz-animation-delay: 0.18s;
-webkit-animation-delay: 0.18s;
-ms-animation-delay: 0.18s;
-o-animation-delay: 0.18s;
animation-delay: 0.18s;
}
#bubblingG_3 {
-moz-animation-delay: 0.36s;
-webkit-animation-delay: 0.36s;
-ms-animation-delay: 0.36s;
-o-animation-delay: 0.36s;
animation-delay: 0.36s;
}
@-moz-keyframes bubblingG {
0% {
width: 13px;
height: 13px;
background-color:#7BFF00;
-moz-transform: translateY(0);
}
100% {
width: 30px;
height: 30px;
background-color:#FF0000;
-moz-transform: translateY(-26px);
}
}
@-webkit-keyframes bubblingG {
0% {
width: 13px;
height: 13px;
background-color:#7BFF00;
-webkit-transform: translateY(0);
}
100% {
width: 30px;
height: 30px;
background-color:#FF0000;
-webkit-transform: translateY(-26px);
}
}
@-ms-keyframes bubblingG {
0% {
width: 13px;
height: 13px;
background-color:#7BFF00;
-ms-transform: translateY(0);
}
100% {
width: 30px;
height: 30px;
background-color:#FF0000;
-ms-transform: translateY(-26px);
}
}
@-o-keyframes bubblingG {
0% {
width: 13px;
height: 13px;
background-color:#7BFF00;
-o-transform: translateY(0);
}
100% {
width: 30px;
height: 30px;
background-color:#FF0000;
-o-transform: translateY(-26px);
}
}
@keyframes bubblingG {
0% {
width: 13px;
height: 13px;
background-color:#7BFF00;
transform: translateY(0);
}
100% {
width: 30px;
height: 30px;
background-color:#FF0000;
transform: translateY(-26px);
}
}

3. Pastekan JavaScipt ini di bawah kode <body>,

<!-- Start Andi-Techno.blogspot.com Loader -->
<script type='text/javascript'>
//<![CDATA[
$(function() {
    setTimeout(function() {
        $('#xgenloader-screen').fadeOut();
    }, 5000);
});
//]]>
</script>
<div id='xgenloader-screen'><div class="bubblingG">
<span id="bubblingG_1">
</span>
<span id="bubblingG_2">
</span>
<span id="bubblingG_3">
</span>
</div>
</div>
<!-- End Loader -->

4. Pemasangan loading animasi blog selesai, klik Simpan Template. 

Selamat Mencoba.............

Sabtu, Juli 06, 2013  Unknown  No comments

Read More