Thursday, May 27, 2010

Cara membuat blog /link blog di Facebook

Blog adalah salah satu jaringan website pribadi yang memiliki isi yang beragam seperti : kegiatan sehari-hari, ajang curhat, menginformasikan berita serta mempublikasikan sesuatu. Blog hampir mirip dengan website tetapi di blog lebih ke hal pribadi dan penulisan dengan gaya yang bebas

Situs jejaring sosial dan blog merupakan fasilitas di Internet yang saling terkait.
Situs jejaring sosial menjadi alat untuk saling menghubungkan diri dengan kerabat, sementara blog merupakan media untuk menyalurkan segala ide, pendapat, atau apapun yang ada di benak Anda. Keduanya saling terkait karena dengan menggabungkan keduanya, Anda bisa mempublikasikan pendapat atau pikiran Anda ke rekan-rekan.

Dengan Simplaris Blogcast, Anda bisa mempublikasikan blog Anda ke Facebook. Inilah cara menggunakannya:

Daftar dulu menjadi di Facebook...klik di sini...
  1. Buka browser, akses Facebook, dan login ke akun Anda.
  2. Di kolom pencarian di pojok kanan atas halaman utama akun Anda, ketikkan “simplaris blogcast”.
  3. Setelah aplikasi ditemukan, klik link nama aplikasi.
  4. Di halaman utama aplikasi, klik tombol Go to Application/Ke Aplikasi.
  5. Masukkan alamat feed blog Anda di kolom Blog Feed URL.
  6. Lanjutkan dengan mengklik tombol Lets Blogcast.
  7. Setelah tombol Lets Blogcast! Ditekan, akan muncul tampilan tanpa ada isi feed atau artikel. Silakan klik link update. Blogcast akan memeriksa isi blog Anda.
  8. Untuk melakukan pengaturan, masuklah ke menu Settings. Di menu Settings ini Anda dapat mengatur apakah update akan dilakukan secara otomatis atau tidak, juga dapat dilakukan pengaturan nama blog, panjang post yang ditampilkan, dan sebagainya.
  9. Tekan Save untuk menyimpan seting yang telah Anda atur. Kini halaman Facebook Anda akan diisi dengan postingan-postingan yang Anda buat di blog.
READ MORE - Cara membuat blog /link blog di Facebook

Cara Memasang Widget Alexa

Seperti kita tahu bahwa alexa rank akan membuat peringkat berdasarkan banyaknya pengunjung blog atau web, semakin banyak pengunjung terhadap suatu blog atau web maka alexa rank akan semakin baik. Darimana alexa mengetahui jumlah kunjungan terhadap suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar. Lho, kan tidak semua orang memasang alexa toolbar di browser internetnya? nah, justru itulah maka muncul alternatif lain bagi pemilik blog atau web untuk mendapatkan data yang akurat tentang banyaknya kunjungan yaitu dengan memasang alexa widget pada blog atau web yang di miliki. Dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog anda.

Berikut langkah-langkahnya:

1. Buka situs http://www.alexa.com/siteowners/widgets

2. Masukan alamat blog anda pada kolom Alexa Site Stats Button atau Alexa Traffic Rank Button yang tersedia. Contoh : onlinknews.blogspot.com (tanpa http://), lalu klik tombol “Build Widget”.

3. Akan tersedia 3 script sesuai ukuran. Copy salah satunya.

4. Buka www.blogger.com

5. Klik Tata Letak

6. Klik Tambah Gadget

7. Pilih yang HTML/JavaScript

8. Paste script alexa widget tadi yang sudah dicopy

9. Klik Simpan

Semoga Bermanfaat !!!
READ MORE - Cara Memasang Widget Alexa

Trik Jitu Menjadi Top Rank Di Top100 & TGS

Rasanya kita semua sudah tahu yang namanya Site Top Seratus. Yakni sebuah Blog Directory yang dikelola untuk menghimpun para blogger untuk mempromosikan blognya. Di sana anda akan menemui semua blog yang menurut mereka adalah blog terbaik dan terpopuler. Apakah anda percaya..? Jawabannya pasti percaya, sayapun demikian halnya. Tetapi itu dulu, sekarang saya sudah tidak percaya lagi.

Kenapa sekarang saya menjadi tidak percaya..? hohohohohoho... karena trik untuk menjadi Top Rank di sana sangatlah gampang, dan semua bloggerpun bisa melakukannya. Karena Top Seratus masih memberikan peringkat berdasarkan Vote Ascendancy maka jumlah Vote Weight tersebut bisa dibohongi dengan mudahnya, dengan demikian andapun langsung bisa berada di Top Grade. Dan sampai saat ini dari semua Blog Directory yang saya ikuti masih ada 2 Blog Directory yang mengadopsi Vote Importance sebagai rujukan untuk menyusun peringkat, yakni Top Seratus dan Top Pandemic Site.

Hari ini saya akan berikan kepada anda sebuah trik untuk menjadi Top Rank di Top Seratus dan Top Widespread Site. Adapun trik yang saya berikan ini legal dan tentunya tidak melanggar aturan yang mereka buat. Dan trik ini yang saya ketahui adalah bisa dilakukan bagi blogger yang surfing di internet menggunakan modem plug importance wireless broadband. Jika anda tertarik, silahkan ikuti trik jitu berikut ini.
  1. Saya menyarankan lebih tepat jika anda menggunakan browser Google Chrome. ( Meskipun FireFox, Internet Explorer, Opera dan yang lainnyapun tidak masalah, tapi mungkin sedikit lambat )
  2. Silahkan klik pennant Top Seratus dan Top Pandemic Site anda
  3. Perhatikan di sana, sudah berapakah jumlah point / nilai vote direction anda, ingat saja jumlahnya, kemudian keluar
  4. Kill atau matikan sinyal di modem anda
  5. On atau aktifkan kembali sinyal di modem anda, dengan demikian sekarang IP andapun sudah berbeda dengan IP anda sebelumnya
  6. Klik lagi banner Peak Seratus dan Prime Universal Whistle stop anda, dan perhatikan di sana, pasti nib / nilai vote connections anda sudah bertambah. Hal ini terjadi karena form hanya menambah prong / nilai vote weight jika yang mengklik banderol tersebut berasal dari IP yang berbeda.
  7. Butcher kan lagi sinyal di modem anda, On kan lagi sinyal di modem anda, klik lagi bannernya
  8. Execute kan lagi sinyal di modem anda, On kan lagi sinyal di modem anda, klik lagi bannernya
  9. Crucify kan lagi sinyal di modem anda, On kan lagi sinyal di modem anda, klik lagi bannernya
  10. Murder kan lagi sinyal di modem anda, On kan lagi sinyal di modem anda, klik lagi bannernya
  11. Silahkan anda lakukan hingga anda bosan
  12. Dan akhirnyapun sekarang blog anda sudah berada di Top Position
Itulah kelemahan - kelemahan Blog Directory yang masih mengadopsi Vote Effect sebagai rujukan untuk menyusun peringkat, sangat mudah ternyata untuk memanipulasi nilai Vote Predominance tersebut. Dan Top Seratus pun memperbolehkan siapa saja mengklik colours kita tersebut, termasuk kita sendiripun tidak dilarang ( silahkan baca aturan yang ada di Top Seratus ).

Besar harapan saya semoga pemilik atau pengelola Blog Directory Top Seratus dan Top Widespread Site membaca artikel saya ini dan bisa memberi solusi yang lebih baik. Karena saya sendiripun sangat membutuhkan Blog Directory tersebut untuk mempromosikan blog saya. Dan para blogger yang membaca artikel ini sayapun berharap, jangan pernah berprasangka buruk pada blog yang berada di Top Grade. Bisa saja blog tersebut berada di Top Level karena semua nilai yang didapat memang diklik oleh visitornya.

Tapi yang pasti dan sudah tidak bisa ditawar - tawar lagi untuk menentukan peringkat sebuah blog adalah kita harus mengacu kepada peringkat Pagerank yang diberikan Google dan peringkat Alexa. Karena sampai saat ini belum ada yang bisa memanipulasi peringkat yang diberikan oleh kedua site tersebut.

Selamat mencoba, semoga bermanfaat
READ MORE - Trik Jitu Menjadi Top Rank Di Top100 & TGS

Cara Membuat Judul Postingan/Tulisan Berkedip

Tutorial ini sama dengan tutorial sebelumnya, yaitu [Cara Membuat Judul Postingan Bergerak]. Yang berbeda hanyalah efek yang dikeluarkan, kalau tutorial sebelumnya mengeluarkan efek judul postingan bergerak, sedangkan yang ini mengeluarkan efek judul postingan berkedip. Caranya sangatlah mudah dan gampang, tanpa basa-basi lagi saya akan memberi tahu.

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Klik Entri Baru

3. Nah, saat memberi judul, beri kode <blink>....</blink> .

4. Format judulnya seperti ini , <blink>Disini Judul Blog</blink>

5. Isi postinganmu

6. Lalu klik Tebitkan Entri

Pengen ngetes klik aja Pratinjau..............
READ MORE - Cara Membuat Judul Postingan/Tulisan Berkedip

Membuat Judul Postingan Bergerak

Apa yang kamu liat dipostingan ini ??? Apa yang berbeda postingan ini dengan postingan-postingan lainnya diblog ini ??? Jika kamu teliti, judul postingan ini bergerak dari kanan ke kiri. Sesuai dengan judul postingan ini, yaitu Cara Membuat Judul Postingan Bergerak, saya juga sesuaikan dengan postingan yang saya buat. Cara membuat bergerak sangatlah mudah dan praktis kok.

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Klik Entri Baru

3. Nah, saat memberi judul, beri kode <marquee>....</marquee> .

4. Format judulnya seperti ini , <marquee>Disini Judul Blog</marquee>

5. Isi postinganmu

6. Lalu klik Tebitkan Entri

SEMOGA BERMANFAAT !!!
READ MORE - Membuat Judul Postingan Bergerak

Membuat Link Menjadi Berkedip

Trik berikut adalah saat ketika cursor melintas diatas link, maka link tersebut menjadi berkedip-kedip. Nah, trik berikut cukup menarik kan untuk dipasang diblogmu ? mudah kok caranya...

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Klik Tata Letak

3. Klik Edit HTML

4. Beri tanda centang pada Expand Widget Template

5. Lalu cari kode </head> dalam templatemu

6. Copy-pastekan script dibawah ini sebelum kode
</head>

<style>
a:hover { color:#00FFFF; text-decoration:blink; border-bottom:1px dotted #FF0000; }
</style>

*kode #00FFFF merupakan warna link dan #FF0000 merupakan warna garis bawah

7. Jika sudah, klik Simpan Template
READ MORE - Membuat Link Menjadi Berkedip

Cara Membuat Recent Comments

Tutorial berikut adalah untuk mengetahui komentar terbaru diblogmu, siapa yang berkomentar dan dimana komentar itu berada dipostinganmu. Untuk membuat recent comments sangat mudah kok ;

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Lalu klik Tata Letak

3. Selanjutnya klik Tambah Gadget

4. Pilih HTML/JavaScript

5. And, copy-paste script dibawah ini

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://onlinknews.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

"onlinknews.blogspot.com" gantikan dengan URL blogmu

6. Klik Simpan

Nah, sekarang kamu bisa melihat komentar terakhir/terbaru diblogmu

SEMOGA BERMANFAAT !!!


READ MORE - Cara Membuat Recent Comments

Wednesday, May 26, 2010

Cara Memasang Anti Copy Paste

Tutorial berikut bagaimana hasil postingan kita tidak bisa diambil atau biasa kita sebut COPAS. Banyak orang yang mengambil karya orang tanpa mencantumkan nama pemiliknya. Itulah yang membuat pemilik tersebut menjadi jengkel atau kesal. Nah, disini ada solusinya. Mudah kok.... !!!

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Lalu klik Tata Letak

3. Selanjutnya pilih tab Edit HTML

4. Beri tanda centang pada Expand Widget Template

5. Cari dalam templatemu kode <head>

6. Setelah kode tersebut paste script dibawah ini

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

7. Jika sudah, klik Simpan Template

Mudah khan......
READ MORE - Cara Memasang Anti Copy Paste

Cara Mempromosikan Blog

Nah, yang satu ini dapat membuat blogmu menjadi ramai dan terkenal. Banyak pengunjung merupakan mimpi dari sebuah blog atau web. Dari banyak pengunjung itu, kita dapat menaikkan PR dan Alexa Rank tentunya. Sangat banyak cara mempromosikan blog, tapi kita sekarang akan mempromosikan lewat suatu web, yaitu blog directory. Tempat itu merupakan tempat penampungan blog-blog.

Caranya sangat mudah, kita tinggal mendaftar diblog2 directory dibawah ini:
Kawan-kawan tinggal mendaftar disitu, kasih masuk semua data-data yang dibutuhkan tentang blogmu. Jika sudah, ambil kode bannernya. Lalu masukkan ke blogmu dgn cara menambahkan gadget, pilih HTML/JavaScript dan paste html code tadi dan Simpan

SEMOGA BERMANFAAT !!!
READ MORE - Cara Mempromosikan Blog

Membuat Cursor Diikuti Text

Ini salah satu efek yang jarang digunakan, bukan karena jelek, tapi karena langka informasi tentang ini. Efek ini membuat tulisan selali mengikuti kemanapun cursor berada. Menarikkan ???

Berikut langkah-langkahnya :

1. Login ke www.blogger.com

2. Pilih tab Elemen Laman

3. Klik Tambah Gadget

4. PIlih yang HTML/java Script

5. Pastekan script dibawah 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='onlinknews'.split('').reverse().join('');

var font='Verdana,Arial';
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=.3;

// 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+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+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>


"Tulisan yang bercetak tebal yaitu onlinknews, itu merupakan tulisan yang selalu mengikuti cursor, Gantilah sesuka hatimu "

6. Jika sudah, klik Simpan

7. Selesai

semoga bermanfaat..................

READ MORE - Membuat Cursor Diikuti Text

Menambah Translate Google

Buat translate google buat blogmu sangat cocok untuk tampilan blog, Mungkin ada orang asing yang datang ke blog, tapi tidak dimengerti karena bahasa indonesia. saya punya solusinya yaitu menambahkan Translate Google. Caranya Mudah sekali...

Berikut langkah-langkah membuat translate google:

1. Login ke dasbor melalui www.blogger.com

2. Klik Tata Letak

3. Klik tab Elemen Laman

4. lalu, Tambah Gadget

5. Pilih yag HTML/Java Script

6. Paste kode-kode yang kamu inginkan dibawah ini

Arabic KoreanJapaneseChinese SimplifiedFrenchGerman
EnglishDutchPortugueseRussianItalianSpain

Scriptnya:

<divstyle="overflow:no;width:100%px;height:100%px;padding:5px;background: #FFFFFF;">
<center><ahref="http://pinginbelajar.blogspot.com/"target=" blank"><b>Google Translate</b></a></center>
<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px 0px 0px 0px;">
<center>
<aclass="google_translate"href="#"target="_blank"rel="nofollow"title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en');return false;"><imgalt="Arabic"border="0"align="absbottom"title="Arabic" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif"style="cursor: pointer;margin-right:3px"/></a>

<aclass="google_translate"href="#"target="_blank"rel="nofollow"title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en');return false;"><imgalt="Korean"border="0"align="absbottom"title="Korean" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<div style="overflow:no; width:0px; height:0px; padding:0px; margin:0px;"><a href="http://www.topseratus.com/"><img border="0" width="0" src="http://www.topseratus.com/images/button.png" height="0"/></a><a href="http://topglobalsite.com/"><img border="0" width="0" src="http://topglobalsite.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://stats.bertuah.org/"><img border="0" width="0" src="http://stats.bertuah.org/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topblogarea.com/"><img border="0" width="0" src="http://www.topblogarea.com/tracker.php?do=in&id=75128" height="0"/></a><a href="http://blogs.top.org/"><img border="0" width="0" src="http://img1.top.org/toporg_4257.gif" height="0"/></a><a href="http://www.hihera.com/"><img border="0" width="0" src="http://www.hihera.com/gen.aspx?idc=25611" height="0"/></a><a href="http://www.blogtoplist.com/"><img border="0" width="0" src="http://www.blogtoplist.com/tracker.php?u=84875" height="0"/></a><a href="http://www.goledy.com/"><img border="0" width="0" src="http://www.goledy.com/gen/1752" height="0"/></a><a href="http://topofblogs.com/"><img border="0" width="0" src="http://stats.topofblogs.com/send/18980" height="0"/></a><a href="http://www.blogrankings.com/"><img border="0" width="0" src="http://www.blogrankings.com/img_2167.gif" height="0"/></a><a href="http://topsites.blogflux.com/"><img border="0" width="0" src="http://topsites.blogflux.com/track_212074.gif" height="0"/></a><a href="http://www.blogtopsites.com/"><img border="0" width="0" src="http://www.blogtopsites.com/v_13086.gif" height="0"/></a><a href="http://www.top.heldiyudiyatna.net/"><img border="0" width="0" src="http://www.top.heldiyudiyatna.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.top.bogorguide.com/"><img border="0" width="0" src="http://www.top.bogorguide.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://hellblog.heldi.net/"><img border="0" width="0" src="http://hellblog.heldi.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://consultant.jasakonsultan.net/"><img border="0" width="0" src="http://consultant.jasakonsultan.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.bogorcity.net/"><img border="0" width="0" src="http://top.bogorcity.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.cianjurcybercity.com/"><img border="0" width="0" src="http://top.cianjurcybercity.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://bandungtopblog.com/"><img border="0" width="0" src="http://bandungtopblog.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://tophits.bloggerian.or.id/"><img border="0" width="0" src="http://tophits.bloggerian.or.id/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogsontop.com/"><img border="0" width="0" src="http://www.blogsontop.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topbloglists.com/"><img border="0" width="0" src="http://www.topbloglists.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogflare.com/"><img border="0" width="0" src="http://www.blogflare.com/flare_507.gif" height="0"/></a><a href="http://wptopsites.com/"><img border="0" width="0" src="http://wptopsites.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://pinginbelajar.blogspot.com/"></a></div>
</center>

<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom"title="Russian" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>
</div>

Terakhir klik Simpan......
READ MORE - Menambah Translate Google

Tuesday, May 25, 2010

Kode HTML

Mau bervariasi dipostinganmu, saatnya belajar disini, hahahahaha, Berikut adalah kode html yang mudah digunakan :D

1. teks tebal

<b>teks tebal</b>

2. taks besar

<big>taks besar</big>

3. teks garis bawah

<u>teks garis bawah</u>

4. teks garis

<s>teks garis</s>

5. teks miring

<i>teks miring</i>

6. teks berkedip

<blink>teks berkedip</blink>

7. teks ditengah

<p align=center>teks ditengah</p>

8.teks dikiri

<p align="left">teks dikiri</p>

9. teks dikanan

10. teks warna

11. ganti font

12. Membuat Spasi

<br>

13. Garis Berwarna

<hr color="red">

14. Membuat Link

<a href="http://ywstudy.blogspot.com/">Membuat Link</a>

15. Membuat Gambar
READ MORE - Kode HTML

Tips Blog Muncul di Google

Sapa yang tidak mau blog muncul di search engine google ??? Itulah idaman yang diinginkan para blogger, termasuk saya sendiri(ahahahaha).

Berikut cara-cara yang bisa membuat blogmu ada dalam pencarian google:

1. Yang Pertama adalah mendaftar diwebmasters, klik >>>DISINI<<< . Masukkan saja nama blogmu dan verify blogmu. Gunakanlah yang meta tag, copy kode dan paste template blogmu, tepatnya sebelum kode . Simpan template, lalu kembali lagi ke webmasters, klik Verify, dan selesai !

2. Kedua adalah dengan cara menambahkan URL blog anda ke google. Caranya, buka http://google.com/addurl , lalu tambahkan URL blog anda.

3. Ketiga ialah dengan mempromosikan blog anda. Buatlah terkenal dan selalu diupdate dengan postingan-postingan yang bagus, berguna dan bermanfaat.

Selamat Berjuang !!!
READ MORE - Tips Blog Muncul di Google

Membuat Judul Blog Bergerak

Sekarang kita akan belajar menggerakkan judul blog. Mudah sekali caranya.

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Klik Tata Letak -> Edit HTML dan beri centang Expand Template Widget

3. Cari Kode berikut didalam template

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


4. Ganti kode yang ditemukan tadi dengan kode script berikut:

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Angka 300 merupakan kecepatannya. Semakin kecil angkanya, akan semakin cepat. Dan sebaliknya, semakin besar angkanya, akan semakin lambat.

6. Jika sudah, klik Simpan Template
READ MORE - Membuat Judul Blog Bergerak

Cara Mengganti Icon Blog

Sering kita jumpai web/blog yang memiliki icon pada address yang bervariasi. Biasanya blog menggunakan icon blogspot yang berwarna orange dengan huruf B ditengahnya. Klo mau diganti, sangatlah mudah

Berikut langkah-langkah mengganti icon blog:

1. Login ke www.blogger.com

2. Klik Tata Letak -> Edit HTML dan beri tanda centang pada Expand Template Widget

3. Paste script dibawah ini sebelum kode </head>

<link href='http://Onlink.gif' rel='SHORTCUT ICON'/>


*ganti http://boongan.gif dengan URL gambar icon anda
*untuk memudahkan pencarian kode, tekan saja CTRL + F, lalu masukkan kode dan search

4. Lalu, klik Simpan Template

Enjoy Your Blog !
READ MORE - Cara Mengganti Icon Blog

Cara Meningkatkan Ranking Alexa Blog/Web

Apa itu Alexa ??? Nama band itu ???. Hahahahah bukan, bukan. itu adalah untuk melihat blog/web kita ada diurutan keberapa.

Berikut tips-tips menaikkan ranking alexa:

1. Alexa Traffic
Dengan menjadikan web anda populer, buatlah banyak pengunjung. Intinya dengan cara mempromosikan blog anda.

2. Alexa Toolbar
Dengan memasang ini dibrowsermu, ranking alexa angka akan mengecil. Sebaiknya gunakanlah browser Mozilla. Sudah browsermu dipasang ???
KLIK >>PASANG<<

3. Alexa Widget
Pasang widget alexa diblogmu, karena jika ada pengunjung yang datang diblogmu membuat statistik rank alexa. Cara buka www.alexa.com

4. Alexa Blog
Tulis tentang Alexa diblogmu, banyak para blogger menyukai artikel tips menaikkan alexa. So, post your alexa !
READ MORE - Cara Meningkatkan Ranking Alexa Blog/Web

Cara Mengganti Template di Blog

Blog anda sudah jadi........ tapi tampilannya jelek dan gak asik, nih ai punya solusinya Ganti saja templatenya. Template itu temanya blogmu, dari gambar backgroundnya hingga huruf-hurufnya.

Berikut langkah-langkah mengganti template

1. Pertama, kita download dulu template itu. Download <a href="http://btemplates.com/"><span style="font-weight: bold;">>>>DISINI<<<</span></a> aja

2. Setelah dipilih-pilih dan didownload, ekstrak isi zip yang kamu download.

3. Login ke www.blogger.com <span class="fullpost">

4. Klik <b>Tata Letak</b> -> <b>Edit HTML</b>

5. Setelah itu, browse dan pilih file .xml yang kamu ekstrak tadi

6. Klik <b>Unggah </b>

7. Jika kamu mau mempertahankan widget blogmu sebelumnya, klik <b>PERTAHANKAN WIDGET </b>

Dan Blogmu telah berubah, Hehehehe.... Bagemana ???</span>
READ MORE - Cara Mengganti Template di Blog

Cara Membuat Blog di Blogger

Hmmm, ingin punya blog juga ??? Mau ??? Ok, saya akan beri tau

Berikut langkah-langkah membuat blog:

1. Pertama, buka www.blogger.com atau www.blogspot.com (sama saja dua-duanya)

2. Kedua, klik BUAT BLOG

3. Isi data-data untuk membuat akun google pada blog !
  • Ketik alamat email kamu
  • Ketik ulang alamat email kamu yang tadi
  • Ketik sebuah password
  • Ketik ulang password yang tadi
  • Ketik nama tampilan, maksudnya namamu yang akan tampil diblog. contoh: "y3n" pada blog ini.
  • Ketik ulang tahun anda, contoh: "2010/21/01"
  • Ketik kode verifikasi yang tertera pada gambar
  • Beri tanda centang pada persyaratan dan layanan
4. Ketik nama blog anda, contoh: "Onlink News Blog" pada blog ini
5. Isi juga alamat blog anda, contoh: "http://
Onlink News Blog.blogspot.com" pada blog ini
6. Lalu pilih sebuah template awal
7. Blog anda sudah JADI....

Selamat Nge-Blog !!!
READ MORE - Cara Membuat Blog di Blogger

Widget Recent Post ( Postingan Terbaru) dengan Java Script

Pada episode kali ini saya akan membahas tentang membuat widget si sidebar atau manalah tempatnya yang berisikan postingan-postingan terakhir kita. Dengan begitu pengunjung dapat mengetahui postingan kita yang terakhir. Iya sih di halaman depan kan postingan-postingan kita yang terakhir tapi kan jika anda menampilkan 10 postingan terakhir Anda, dihalaman depan yang kelihatan cuma 5 postingan terakhir. Dan kalau kita mau menampilkan 10 postingan kita yang terakhir di halaman depan kan kepanjangan. Dan Postingan terakhir kita berupa link di sidebar, ini dibawah ulasannya...

* Layout --> Page Elements

* Pilih tempat yang kamu inginkan kemudian Add a Gadget

* Pilih HTML/JavaScipt dan taruh code dibawah ini didalamnya


<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BLOGMU.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>


* Simpan deh...

Catatan:
Angka 10 yang tercetak tebal dan hijau diatas adalah angka postingan yang mau kamu tampilkan
BLOGMU.blogspot.com adalah alamat blog kamu.

Silahkan mencoba moga-moga aja bermanfaat.......
READ MORE - Widget Recent Post ( Postingan Terbaru) dengan Java Script

Cara Mudah Posting HTML di Blogspot

Untuk menulis di sebuah postingan tidak boleh asal-asalan, setiap ada kode HTML dipostinganmu, maka kode HTML itu akan mengeluarkan tampilan outputnya. Jika kita menulis <b> , Maka postingan blog akan mengkonvert kode tadi dengan tampilan outputnya. Tapi kenapa saya bisa menuliskannya ??? Nah, sekarang saatnya belajar untuk itu :D . Kita akan belajar bagaimana HTML dapat dituliskan dipostinganmu tanpa mengeluarkan tampilan dari HTML tersebut :D

Kode < diganti dengan &lt;
Kode > diganti dengan &gt;
Kode & diganti dengan &amp;
Kode " diganti dengan &quot;
Lalu spasi pada HTML diganti dengan &nbsp;

Contohnya !!!

Jika anda ingin menulis kode dibawah ini!
<b>Your World Study</b>

Maka anda harus menuliskan kodenya seperti dibawah ini !
&lt;b&gt;Your World Study&lt;/b&gt;

Yah bgitulah caranya, memang cukup repot jika kita harus mengganti semua kode-kode itu. Tapi ada cara mudahnya.

Berikut langkah-langkah mudahnya:

1. Buka [Parse HTML]

2. Pastelah script anda yang akan diganti kodenya kadalam tempat yang sudah disediakan.

3. Klik Parse

4. Jika sudah, copy script yang sudah diganti kodenya dan paste kedalam postingan blogmu.

Mudahkan ???

SEMOGA BERMANFAAT !!!
READ MORE - Cara Mudah Posting HTML di Blogspot

Membuat Read More Otomatis pada Blog

Read more otomatis (Automatic Read more ) adalah read more atau baca selengkapnya dengan secara otomatis mengambil ringkasan dari blog kita di tambah lagi read more otomatis ini juga akan mengambil gambar thumbnailnya. Klo pake read more / baca selengkapnya yang biasa kan agak repot tuh di saat setiap kali mau New Post / menambah postingan baru kita harus menambahkan kode isi postingan atau isi postingan,, Capeeek Dhe....!!! jaman sekarang mah da basi nieh yang ginian...hehehehe... nah bagi yang gak mau lagi disusahkan oleh read more yang seperti ini sekarang ikutin aja nieh tips dan trik membuat Read more otomatis berikut ini :

Ikuti langkah-langkah berikut ini untuk membuatnya :

Pertama, silahkan masuk ke halaman EDIT HTML, jangan lupa Beri tanda centang pada "Expand widget template" setelah itu Cari kode </head> kemudian letakkan Script No. 1, di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.


Script 1 :

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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>


Kedua, masih pada halaman EDIT HTML, selanjutnya temukan kode seperti dibawah :

<data:post.body/>

Kalau sudah, ganti kode <data:post.body/> dengan semua kode Script No. 2, kemudian simpan dan silahkan lihat hasilnya.


Script 2 :

<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>


Catatan : Untuk Anda yang telah membuat read More dengan Metode Manual harus dibersihkan dulu seperti default, hapus pada bagian warna biru, seperti contoh di bawah ini :

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

<div class='post-body'>

<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'>Readmore</a>

</b:if>

<div style='clear: both;'/>

Semoga bermanfaat ..........!!!



READ MORE - Membuat Read More Otomatis pada Blog

Menghilangkan Icon Tang & Obeng

Bagi para Blogger, pasti pernah melihat icon berbentuk tang dan obeng / quick edit pada template Anda. Yang tampilannya seperti disamping.

Nah, itu bisa jadi sangat bermanfaat karena berfungsi sebagai tombol quick edit. Tetapi bisa jadi sangat mengganggu karena kita tidak bisa melihat bagaimana tampilan blog kita saat kita tidak login yang semestinya karena adanya obeng dan tang yang muncul hanya saat kita login.

Cara menghilangkannya:

  1. Login ke blogger
  2. Tata Letak lalu EDIT HTML
  3. Centang "Expand Widgets Templates"
  4. Cari kode
  5. Hapus kode tersebut
Setiap kode tersebut mewakili satu tool tang dan obeng sehingga kode tersebut lebih dari satu. Hapus semuanya.

Tip: Gunakan Ctrl+F, isikan dan tinggal klik Next dan next untuk mencari kode kode itu

Nah, jika anda kesusahan dengan semua itu ada cara sangat praktis yakni hanya dengan cara menyisipkan kode di bawah ini di atas ]]>
.quickedit{
display:none;
}
Simpan, dan selesai...
READ MORE - Menghilangkan Icon Tang & Obeng