Panduan praktis membuat blog di blogspot serta download software secara gratis. blog tutorial, Blog tutorial blogging, blog tutorial blogger, tutorial blog blogger, bikin blog, cara bikin blog, download, software gratis, gratis, google adsense, bisnis internet, tutorial, koleksi blogger template gratis, bisnis ppc, bisnis online

Senin, 28 Desember 2009

Menjadikan Blog Anda sebagai blog Peribadi

Panduan bagaimana cara untuk menjadikan blog anda sebagai blog peribadi (private) tidak boleh di baca secara terbuka dalam internet.


1. Untuk menjadikan blog sebagai private pastikan anda tidak mendaftar dengan mesin pencarian (search engine).



2. Bawah pilihan Settings dan Basic pilih No untuk Add your blog to our listing?:








3. Bawah pilihan Settings, Site Feed klik Advanced Mode:





3.1 Pilih None untuk Blog Posts Feed, Blog Comment Feed dan Per-Post Comments Feed:







4. Bawah pilihan Settings, Permissions klik Only these readers atau Only blog authors:





4.1 Jika anda pilih Only these readers dalam contoh di atas, anda kena klik INVITE untuk mengijinkan kepada pembaca tertentu saja.



4.2 Jika anda pilih Only blog authors anda akan klik ALLOW AUTHORS ONLY berarti hanya pemilik blog saja yang boleh membaca tanpa dapat diakses oleh sembarang pembaca lain seperti di bawah.




5. Dalam Dashboard Blogger pilih Edit Profile:






5.1 Bawah Edit user profile pilih Select blogs to display:




5.2 Jangan tandai kotak Set Displayed Blogs yang disediakan supaya blog tidak terlihatdalam Profile Blogger anda:




6. Pihak Blogger masih lagi belum mengadakan kemudahan untuk menjadikan pos-pos pilihan sebagai pos private. Anda perlu mengasingkan pos-pos yang ingin dijadikan private ke dalam blog yang telah dibuat sebagai blog private.


Sekian, selamat mencoba Menjadikan Blog Anda sebagai blog Peribadi
Anonim
Jumat, 18 Desember 2009

Cara Membuat Tulisan Bergerak Mengikuti Mouse Pada Blog

Cara Membuat Tulisan Mengikuti Mouse Pada Blog.
1.
Pertama-tama Log In terlebih dahulu ke Account Blogger Anda.
2. Setelah itu klik Tata Letak > Eleman Halaman > Tambah Gadget.


3. Pilih HTML JavaScript.




4. Cara Membuat Tulisan Bergerak Mengikuti Mouse Pada Blog, Kemudian masukkan kode di bawah ini.

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='BLOGNYA SI AGUS'.split('').reverse().join('');

var font='Times New Roman';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.2;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>


5. Ganti kode yang berwarna Biru dengan kata-kata yang Anda inginkan.
6. Lalu simpan dan lihat hasilnya.



Sumber Cara Membuat Tulisan Bergerak Mengikuti Mouse Pada Blog : http://aguskristianto.blogspot.com/2009/08/cara-membuat-tulisan-mengikuti-mouse.html


Anonim
Selasa, 15 Desember 2009

Cara Buat Read More di Blogger , Cara Buat Read More di Blogspot

Cara Buat Read More di Blogger , Cara Buat Read More di Blogspot. Sebelum membahas bagaimana cara membuat read more di blogspot, terlebih dahulu saya akan sedikit berbicara tentang read more itu sendiri. Read more adalah suatu fungsi yang dapat meringkas suatu artikel / postingan pada blog. Intinya dengan menggunakan cara read more ini, suatu postingan tidak akan tampil seutuhnya pada halaman utama blog (Home). Melainkan hanya berupa ringkasan saja. Setelah kata / tulisan read more itu di klik, barulah seluruh postingan akan tampil.

Cara Membuat Read More

Tahap Kesatu

1. Login di Blogger, kemudian masuk ke halaman edit html

2. kasih tanda checklist pada kolom expand template widget

3. Cari kode html seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-content'>


4. Kemudian simpan kode berikut di bawah kode yang anda cari barusan:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>



5. Selanjutnya, dibawah kode yang baru anda simpan barusan, terdapat kode seperti ini :

<data:post.body/>
<div style="'clear:"> <!– clear for photos floats –>
</div>


lalu diantara kode

<data:post.body/>


dan

<div style="'clear:"> <!– clear for photos floats –>
</div>


Simpan kode yang ini :

<a expr:href='data:post.url'>Read More .. </a>
</b:if>


Sehingga hasil dari perubahan kode html selengkapnya menjadi seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-content'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More .. </a>
</b:if>

<div style="'clear:"> <!– clear for photos floats –>
</div>



Tahap Kedua

Setelah selesai melakukan edit kode html-nya, sekarang kita beranjak ke bagaimana cara melakukan posting artikel supaya fungsi read more tersebut bisa kita aplikasikan. Berikut petunjuknya :

1. Silahkan buat postingan sampai selesai (jg dulu di publish)

2. Tentukan bagian postingan yang akan di tampilkan (ringkasan), kemudian masukan kode berikut pada akhir bagian postingan tersebut :

<span class="fullpost">


3. Pada akhir postingan, masukan kode ini :

</span>


4. Selesai

Jika temen2 masih bingung, berikut ilustrasi dari cara posting artikel dengan menggunakan read more :

ini adalah text ringkasan
<span class="fullpost">
ini adalah text lanjutannya
</span>
Cara Buat Read More di Blogger , Cara Buat Read More di Blogspot

Anonim
Selasa, 01 Desember 2009

Tips SEO ( Search Engine Optimization) kuno ala Kang Rohman

Apa itu SEO ? SEO menurut kang rohman adalah suatu cara yang di lakukan oleh Web master ataupun Blog master untuk mengoptimalkan situs ataupun blog mereka agar mendapatkan Rangking yang baik pada search engine atau mesin pencari. Dan yang saya mau bicarakan adalah tips optimalisasi pada mesin pencari Google, karena untuk saat ini google adalah mesin pencari terpopuler di dunia. dan mungkin banyak kesalahan, namun bagi para pemula bolehlah untuk di baca dan di coba, karena yang saya tulis adalah merupakan hal-hal yang kang rohman lakukan dan sampai sekarang masih merasakan manfaatnya, ini terbukti dari laporan dari tracker yang saya gunakan baik itu dari site meter ataupun google analytics bahwa pengunjung blog kang rohman ini hampir 50 persen berasal dari search engine.



Agar tidak terlalu berlama-lama membaca intermezo, berikut ini adalah beberapa tips
agar blog kita mendapatkan ranking yang baik pada search engine :




  • Original Content / isi yang orsinil.




  • Hal pertama yang harus di ingat agar blog anda mendapatkan rangking yang bagus pada
    mesin pencari adalah isi dari blog anda adalah orsinil buah karya tulisan anda sendiri
    atau dengan kata lain bukanlah hasil copy paste dari hasil karya orang lain.
    Selain sebagai optimalisasi terhadap mesin pencari, tindakan copy paste sering
    mengundang permasalahan dari pemilik asli karya tersebut, apalagi yang anda copy paste
    tersebut di lindungi oleh undang-undang atau dengan kata lain copyright,
    anda bisa benar-benar akan mendapatkan masalah yang serius.





  • Memasang Meta tag pada bagian header kode template.




  • Hal kedua yang jangan sampai di lupakan adalah harus memasang meta tag pada
    bagian header kode template anda. Akan tetapi terus terang kang rohman dalam memasang meta tag agak sedikit berbeda dengan yang
    saya terangkan pada postingan tersebut, kalau anda ingin memasang meta tag seperti yang kang
    rohman pakai, kodenya adalah seperti ini :






    <b:if cond='data:blog.pageType == "archive"'>


    <meta content='noindex,follow' name='robots'/>

    </b:if>

    <b:if cond='data:blog.pageType == "index"'>

    <b:if cond='data:blog.url != data:blog.homepageUrl'>

    <meta content='noindex,follow' name='robots'/>

    </b:if>


    </b:if>



    <title><data:blog.pageTitle/></title>



    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>

    <meta content='rohman' name='Author'/>

    <meta content='1 days' name='revisit-after'/>


    <meta content='Panduan praktis membuat blog di blogspot serta download software secara gratis' name='description'/>

    <meta content='blog tutorial, Blog tutorial blogging, blog tutorial blogger,
    tutorial blog blogger, bikin blog, cara bikin blog, download, software gratis,
    gratis, google adsense, bisnis internet, tutorial, template
    ' name='keywords'/>

    <meta content='-5;120' name='geo.position'/>

    <meta content='id' name='geo.country'/>







    Untuk author serta meta keyword tentu saja harus di
    sesuaikan dengan milik anda sendiri. Khusus untuk para master, mohon
    di koreksi apabila ada kesalahan pemasangan kode
    (maklum pemula, pasang kode tidak tahu bener atau nggaknya).




    Setelah memasang meta tag, sebaiknya anda menganalisa meta tag yang anda pasang
    tersebut dengan meta tag analizer. Untuk meta tag analyzer anda bisa menggunakan
    berbagai tools gratis di internet, caranya sangat mudah yaitu anda tinggal mengetikan
    keyword meta tag analyzer pada mesin pencari di bawah ini tapi pilih yang untuk Web
    jangan yang kolom tutorial nya, silahkan di coba kalau mau.

    Sumber :

    http://kolom-tutorial.blogspot.com/2008/02/tips-seo-search-engine-optimization.html


    pucung