IndeHost Web Hosting bagus Dan Murah Indonesia

Untuk Domain dan Web Hosting IndeHost Web Hosting bagus Dan Murah Indonesia lah tempat yang bagus buat anda, karena di Indehost mereka selalu menjaga produk dan layanan secara profesional dan berkualitas dengan dukungan teknis 24 jam..

Cara memasang Widget Blogger Kerinci

Cara memasang Widget Blogger Indonesia Di Blog. Saya mencoba untuk membuat gambar untuk para blogger Kerinci.

BELAJAR SEO

Optimisasi mesin pencari (bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari

TUTORIAL BLOG

Di Sini terdapat Tutorial Tentang segala yang berhubungan dengan blog. mau tau silakan di lihat.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.


Minggu, 29 April 2012

Membuat Text Berputar Mengelilingi Cursor

  membuat text berputar Mengelilingi Cursor ini kita buat sebagai penghias blog dan sebagai daya tarik pengunjung agar betah berlalama lama di blog kita. Mari ikuti saya ..eeee kok saya yang di ikuti..maksudnya ikuta cara-caranya sebagi berikut : Lihat DEMO

Cara Membuat Teks yang Berputar Mengelilingi Cursor
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:



<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
//<![CDATA[

;(function(){

// BUAT TULISANNYA DISINI "SEMOGA BETAH DI BLOG DALIDEU...(QUOTED STRING)
var msg = "SEMOGA BETAH DI BLOG DALIDEU...";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

//DALIDEU//

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

5. Sebelum disimpan, ganti tulisan Membuat Teks yang Berputar Mengelilingi Cursor dengan teks/tulisan yang

Cara membuat Photo Berputar di Blog

Cara membuat Fhoto berputar, untuk apa, bagaimana....mungkin pertanyaan itu akan timbul di benak saudara namun kalau sudah melihat hasilnya mungkin saudara sahabat blogger ingin juga meletakkanya di blog saudara, sebagai penghias blog.coba lihat gambar di atas dan dekati cursor mouse anda.Lihat Demo

Nah begini caranya :
login ke blogger anda,
kemudian pilih dasboard,lanjut pilih rangcangan klik edit HTML...
lalu cari kode ]]></b:skin> jika dah ketemu

copi-paste kode dibawah ini taruh di atas kode ]]></b:skin>

.simplerotate{
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

.simplerotate:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

lalu simpan
kemudian ke rangcangan-elemen laman-klik add elemen laman -pilih HTML/javascript

copy code dibawah ini, kemudian paste di gadget hatml/Javascript


<img border="0" class="simplerotate" original="URL PHOTO ANDA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHLti93Ne5es9KvX1naYZxkEyvmDGbIp9orEIHHMuG8Nlzm3FSacAnDnRLvGOlT3gkWJezevqydKT_94uI1oGXmBNz70UIBGeCP6B0ypbLoABA-9CfPkJBdXab5up3D9yIApOy3hiPfA/s128/barcelona-fc.jpg" style="display: inline;" />

lihat hasilnya

Senin, 23 April 2012

Cara Membuat Widget Recent Post gaya Baru

Untuk menggetahu cara membuat Widget Recent Post Gaya Baru Mungkin widget ini sudah pernah sahabat bloggger melihatnya atau ada niat para sahabat blogger sakalian untuk memasang di blog sahabat, tampilannya cukup menarik sehingga mengundang pengunjung blog kita untuk betah berada di blog kita.

Langasung saja kita laksanakan tata cara membuatnya mulai dari awal :
Masuk blogger.com
lalu Klik->tata letak (rancangan)->klik Edit Widget->Tambah Gedget/HTMLjavascript
Lalu Copy Code HTML dibawah ini














<style type='text/css'>
img.recent_thumb {padding:2px;width:70px;height:70px;border:0;
float:left;margin:5px 10px 10px 0; border: 1px solid #ccc;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 100px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:75px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}
.recent_posts_with_thumbs h4 {
text-transform: uppercase;
font-size: 14px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)

{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src="",a);c=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='http://www.webaholic.co.in/other/no-image.jpg';
}

var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Agu";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Des";document.write('<li class="clearfix">');


if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><h4><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b></h4>');

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
var re = /<S[^>]*>/g;
postcontent = postcontent.replace(re, "");


if (showpostsummary == true) {

if (postcontent.length < numchars) {
document.write('<i>');
document.write(postcontent);
document.write('</i>');}
else {
document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...');
document.write('</i>');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+' - '+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='0 Comments') commenttext='0 comentarios';
if(commenttext=='1 Comment') commenttext='1 comentario';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Continue</a>';
flag=1;
;
}

document.write(towrite);

document.write('</strong></li>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('');
}document.write('</ul>');

}
//]]>
</script>
<script style='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 80;</script>
<script src='http://dalideu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Kemudian Di Pastekan
lalu anda rubah code warna merah dengan Feed blog anda.
Simpan
Selesai...

Minggu, 22 April 2012

Membuat wiget Komentar Bergerak di blog

Kali ini kita akan membahas tentang cara membuat/memasang widget komentar bergerak di blog, guna widget ini yaitu untuk mengetahui Komentar-komentar yang ada di blog kita sehinga widget terasa efektif dan bagus di letakkan di blog sahabat kasloh sekalian.

Sekarang kita langsung saja untuk membuatnya :

  1. Masuk ke Akun Blogger.com
  2. Klik Rancangan/tata letak
  3. klik Edit HTML
  4. Klik tambah HTML/ javaScript
Copy Code Berikut di bawah ini

<marquee align="center" direction="down" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1">
<script src="http://buternaker.googlecode.com/files/comment-slide.js">
</script>
<script>
var numcomments = 15;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://tanahsakti.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script></marquee>

Lalu Pastekan  lalu anda ganti tulisan berwarna merah dengan code feed ablog anda sendiri.
Simpan dan selesai.

Sabtu, 21 April 2012

Cara Mengedit Template Di Blogger Baru


Cara Mengedit Template Di Blogger Baru
Mungkin anda  para sahabat blogger sudah tau ataupun anda belum mengetahui bahwa blogger merubah tampilan hampir di semua tata letak dan cara pengunaan fitur-fitur yang di sediakannya.

Mungkin suatu saat tutorial yang sifatnya mengubah tampilan tidak begitu lagi. Blogger.com sebagai salah satu produk dari google mendapatkan jatah perombakan atau make over dari google.com Sudah banyak fitur yang disediakan oleh blogger.com sehingga tidak perlu mengubah terlalu banyak. Tapi blogger.com sebagai salah satu layanan yang mudah diedit tampilan dan fungsinya. Sehingga perlu ada inovasi dan variatif menghadirkan konten tetapi tetap malasah ngeblog :D

Cara Mengedit Template di Blogger Baru
1. Pilih blog yang akan diedit.

Cara Mengedit Template di Blogger Baru

2. Klik Layout untuk mengatur tampilan, menambah dan memindahkan widget.


3. Klik Template untuk mengupload template baru klik Manage, untuk mengedit template klik Edit HTML. Dan klik button di bawah preview tampilan mobile untuk memilih mobile template.


Masih ada banyak yang harus dipelajari dari tampilan baru dasbor blogspot atau blogger.com ini. Fungsi atau fiturnya tidak terlalu banyak berubah, tapi tempatnya banyak berubah.

Wajah Baru Dasbor Blogger

Kini blogger merubah wajah atau tampilan baru di dasbor,  mungkin kita pertama kali melihatnya pasti bingung cara-cara untuk mempergunakan dan mencari menu-menu yang ada di tampilan baru dasbor blogger tesebut karena kita sudah terbiasa dengab tampilan dasbor blogger yang lama namun di sini saya mencoba untuk memberi petunjuk cara-cara untuk mempergunakan menu-menu di dasbor baru blogger tersebut, Baiklah kita mulai saja untuk memahami dan mengetahui tata letak dan kegunaannya :

 Perhatikan gambar di atas :


D. Yaitu menu Untuk Mengedit yang di sediakan, Menu Dropdown Ini akan terlihat setelah anda klik di bagian ini makan akan  muncul seperti gam bar di bawah Ini.
E. Untuk Membuka daftar Entri
F. Menu Untuk membuat Postingan anda. atau membuat postingan baru.




Di gambar Di atas terlihat jelas setelah anda klik maka akan muncul seperti gambar di atas ini.
Demiakianlah petunjuk singkat yang dapat saya berika semoga hal ini bermamfaat. 


Untuk selanjutnya mungkin kita berusaha untuk menjelaskan Fitur-fitu yang lain yang ada di Rancangan atau tata letak,cara Edit HTML Template, dan lain-lain.



Kamis, 19 April 2012

Belajar SEO bagi Pemula

belajar SEO
Balajar SEO bagi Pemula Saya akan mencoba membahas apa saja yang harus dikuasai bagi pemula, minimal bisa menerapkan seo yang baik untuk web baru yang sudah dibuat, jadi siapkan dahulu bahan-bahannya seperti: koneksi internet dan website yang belum dioptimasi.

  1. Basic format
    Langsung saja, format dasar seo sebenarnya terletak di: Title/Judul halaman, Meta, yang dibagi menjadi dua yakni meta keyword dan meta description. Sedangkan di Body yang perlu diperhatikan adalah penulisah heading (<H1>, <H2>, <H3>) dan seterusnya, karena penulisan heading sangat berpengaruh dalam proses seo. Sebaiknya gunakan heading dengan ‘bijak’, yakni <H1> sebaiknya untuk judul utama, <H2> untuk sub menu dan seterusnya. Pengaruhnya lumayan dasyat dan hasilnya pun optimal. Hanya dengan menerapkan basic format ini, saya kira semua syarat dari search engine sudah terpenuhi. Memang sih akan ada banyak lagi yang harus dikerjakan, tapi yang penting kan basicnya harus benar dulu. 
  2. Pemilihan Keyword
    Tahap ini sebenarnya tahap yang paling sulit, karena ditahap ini anda akan mendapatkan tantangan besar untuk menentukan keyword apa yang cocok untuk web anda. Tapi gak perlu takut untuk mencoba, karena master SEO pun masih mencoba-coba dalam menentukan keyword apa yang cocok, namun tidak asal coba. Semua itu harus ditentukan dengan tools yang khusus dipakai untuk menentukan keyword. Pakai saja yang gratis, yakni tools yang dipakai untuk google adword, karena tools itu bisa memberikan hasil yang optimal. Tips untuk memilih keyword yakni jangan menggunakan keyword yang lagi populer dan banyak diperebutkan, sebaiknya hindari itu dari pada anda akan cepat putus aza.
  3. Backlink & Blog walking
    Ini yang penting. Saya gak perlu menjelaskan ini lebih rinci karena pasti anda sudah tahu tentang ini. Intinya bagaimana web anda bisa dilink oleh web lain yang topiknya sejenis kalau bisa, tapi kalau enggak juga gak apa-apa. Dari pengalaman yang saya liat selama ini link yang tidak setopik memang kurang greget, tapi cukuplah untuk nambah-nambah poin untuk ningkatin pagerank. Demikian juga dengan blog walking, yakni dengan memberikan komentar yang tentunya baik dan relefan dengan topik di sejumlah blog dengan harapan mendapatkan tautan balik ke web kita.
Sebenarnya dengan melakukan basic way diatas, anda sudah bisa memulai mencoba untuk mengoptimasi web yang anda miliki. Untuk bahasan yang lebih detail akan saya tulis selanjutnya. Silahkan berkomentar kalau mau.

Kontes SEO