0 tips untuk mengganti nama facebook yang tidak bisa di ganti

Hmmm... lama nih gak update blog, maaf ya sob!!! Sebenarnya bingung nih mau diapain nih blog (maksudnya mau update postingan apa githo.... :p). Muter-muter kesana-kesini akhirnya dapet deh! Kali ini Sunu bakal sharing mengenai suatu trik yang mungkin lagi dicari sama agan-agan semua...!!! Yups, mow I will explain you about trick to change Your Facebook Name (Waduh... gayanya sok pake Bahasa Inggris :D). Tapi maaf ya sob sebelumnya, agak telat nih nge-share-nya, tapi gak papa yah, daripada tidak sama sekali...
Oke sob langsung aja ke TKP...

Coba kamu lihat screenshoot ini !

Dari screenshoot di atas pasti sama pada Akun Facebook kamu, dan terdapat kata "Batas Perubahan Nama Tercapai", dengan pengumuman sperti itu, maka nama pada akun Dacebook kalian udah gak bisa diganti lagi..(aduh sedihnya :'( ). Tapi dengan sebuah cara kita bakal ganti Nama Facebook Kamu nyampe 100 Nick Name.

Oke Sob kalo kalian gak butuh silakan Close aja ya.. :p, yang butuh bacanya lanjut....!!!


LANGSUNG AJA IKUTIN LANGKAH-LANGKAHNYA YA....!!!
1. Klik gambar ini Bos !!!

2. Setelah mengeKlik Gambar itu, kamu Pilih "Amankn Akun" pada tampilan seperti ini!


3. Klik LANJUTKAN


4. Masukkan PASSWORD BARU


5. Centang Konfirmasi Penggantian dan klik lanjutkan


6. Klik lanjutkan aja gan !!!


7. Klik "Ganti" entar ada page baru, isi nama FB yang kamu mau terus klik Simpan dan Lanjutkan


8. Ini dia step terakhir, kamu kllik MASUK aja !



HASIL:


Alhamdulillahhirobbil'alamiin... akhirnya selesai juga walau memerlukan waktu kurang lebih jam cuma buat nulis postingan ni doank, tapi gak papa lah dari pada blog ini sepi! ya gak Sob!?

Udah dulu ya... kita ketemu esok hari,, ^_^

OH YA LUPA CENDOL SAMA KOMENNYA MANA???? wkwkwkwkwk........

0 cara membuat teks berjalan pada blog

Terimakasih atas kunjungannya
 
Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

kode :

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode :

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah

kode :

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan5. Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan
6. Teks berjalan mondar-mandir

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan
7. Teks berjalan zig-zag nembus

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :



Contoh Tulisan Berjalan


8. Teks berjalan zig-zag mantul

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :














Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center> ............. </center>

Supaya tulisan tersebut selalu berada di tengah.

0 memasang animasi teks berputar mengelilingi cursor

Sudah pernah lihat tulisan yang berputar-putar mengelilingi Cursor dan selalu mengikuti Cursor pada blogger ?

Saya pernah melihat yang seperti itu di blogger kawan saya. Setelah melihat itu saya jadi ingin untuk menuliskan caranya, siapa tahu ada yang ingin  menghias blogger nya dengan tulisan berputar mengelilingi cursor.

Langkah-langkahnya sebagai berikut :

1. Login ke dashboard blogger
2. Klik Tata Letak
3. Setelah itu klik Tambah Gadget
4. Pilih Gadget / Widget HTML/JavaScript
5. Klik Edit HTML

Kemudian masukkan semua script / kode tulisan mengikuti cursor berikut pada widget :

<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;

/* End Optional */
/* Start Required - Do Not Edit */
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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Welcome to My Blog";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// 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;
////////////////////// Stop Editing //////////////////////
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>

Keterangan :

// Your message here (QUOTED STRING)
var msg = "Welcome to My Blog";

silakah ganti tulisan Welcome to My Blog dengan tulisan yang anda inginkan, karena tulisan itulah yang nantinya akan berputar-putar mengeliligi kursor.

Bagaimana cara merubah warna tulisan yang mengikuti cursor tersebut ?

Karena ada beberapa teman kita yang menanyakan hal tersebut maka akan saya tuliskan caranya.

Silakan lihat pada bagian atas kode script tulisan mengikuti cursor tersebut, maka kamu akan menemukan kode

color: #999;

Silakan ganti #999 dengan kode warna lainnya yang kamu suka (ingat hanya kode #999  yang diganti). silakan temukan kode warna yang kamu suka di Daftar Kode Warna

Semoga bermanfaat. 

Jangan Lupa Like Ya........

0 cara membuat pesan selamat tinggal buat pengunjung

Sebelunya saya sudah bahas tentang  Cara Membuat Pesan Perkenalan Bagi Pengunjung, Nah kali ini saya akan bahas tentang Cara Membuat Pesan Selamat Tinggal Buat Pengunjung. Simak baik-baik ya, berikut langkha-langkhanya :

[1]. Pertama Login Dulu Ke Blog Kalian

[2]. Trus Pilih Tata Letak dan Klik Edit HTML
[3]. Cari Code </head> 
[4]. Copy dan Paste-kan Code Dibawah Ini Diatas Code </head>

<script>
function minggat(){
window.alert('Bye...!!! Kapan-Kapan Surfing Lagi Ya...!!!');
}
parent.window.onbeforeunload=minggat;
</script>

NB :
- Tulisan Yang Berwarna Biru Bisa Di Ganti Dengan Kata-Kata Kalian Sendiri.

[5]. Simpan TemplateDan Lihat Hasilnya

0 cara membuat link bergerak

Kalian pasti sudah tahukan, apa itu link bergerak, tu tuh kalo kita sorot kursor ke link blog kita, maka linknya akan bergerak. Ok, pasti Kalian sudah tahukan, langsung saja ke materi.

Ikuti langkah-langkah berikut ini :

[1]. Seperti biasa Login dulu ke Blog Kalian Masing2
[2]. Trus cari Rancangan --> Edit HTML
[3]. Cari Code </head>, trus Copy dan Paste-kan Code di bawah ini, tepat di atas Code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>          
$(document).ready(function()  {           
$(&#39;a&#39;).hover(function() {  //mouse in           
$(this).animate({ marginLeft:  &#39;12px&#39; }, 400);           
}, function() { //mouse out            
$(this).animate({ marginLeft: 0 }, 400);           
});            
});</script>

[4]. Simpan dan lihat hasilnya

0 cara menampilkan postingan blog hanya judulnya saja

Seperti judul kali ini, saya akan memberikan Tips Cara Menampilkan Postingan Pada Blog Hanya Judulnya Saja. Seperti yang Kalian lihat pada Blog ini. OK, kita langsung ke materinya saja. Berikut langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke Blog Kalian.

[2]. Trus cari Rancangan --> Edit HTML.

[3]. Download Template Lengkap (untuk berjaga-jaga apabila ada kesalahan).

[4]. Lalu cari Code ]]></b:skin>.

[5]. Copy dan Paste-kan Cedo de bawah ini, tepat di BAWAH Code tadi.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link, 
.post-timestamp, .reaction-buttons, 
.star-ratings, .post-backlinks, 
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

[6]. Terakhir tinggan di SAVE dan lihat hasilnya.

Semoga Bermanfaat...!!!

0 cara membuat blog,postingan,dan judul widget menjadi miring

Heloo sobat Blogger, sesuai dengan permintaan teman Saya, kali ini Saya akan memberikan Tips yaitu "Cara Membuat Judul Blog, Judul Postingan, dan Judul Widget Miring". Jadi kita akan membuat Judul Blog, Judul Postingan, dan Judul Widget menjadi miring-miring. Sebagai Demo, Kalian bisa lihat pada Blog Saya ini, Judul Blog, Judul Postingan, dan Judul Widget-nya kan miring, nah.. kita akan membuat yang seperti itu. OK, kita langsung ke langkah-langkahnya.

[1]. Pertama, Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Edit HTML.

A. Judul Blog Miring.

Cari Code /* Header. Selengkapnya kira-kira sperti di bawah.

/* Header
----------------------------------------------- */
.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.header-inner .Header .titlewrapper {
  padding-top: $(header.padding.top);
}

* Setiap Template pasti Codenya berbeda-beda.

 Kalau sudah ketemu, sekarang HAPUS Code di bawah Code Pertama. Kalau kurang jelas, HAPUS Code seperti di bawah.

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.header-inner .Header .titlewrapper {
  padding-top: $(header.padding.top);
}

 Kalau sudah di HAPUS, sekarang Copy dan Paste-kan Code berikut tepat di bawah Code,

Code Yang Di Cari.

.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

Code Yang Di Tambahkan.

 #header{float:center; width:490px; margin:0; text-align:center; color:#000000}

#header h1{font-family:'Molengo',Trebuchet MS,Serif; font-size:48px; font-weight:bold; margin:0; padding:10px; color:#000000; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.0em}

#header h1:hover{transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg);}

#header a{color:#000000; text-decoration:none}

#header a:hover{color:#000000;}

#header .description{font-size:14px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#efefe3; margin:0; padding:0 10px; text-transform:none}

#header img{margin:0 auto}

#header-center{width:480px; float:center; padding:0; margin-top:10px}
.center{padding-right:10px; margin:0}

Hingga Menjadi Seperti Di Bawah.

.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

#header{float:center; width:490px; margin:0; text-align:center; color:#000000}

#header h1{font-family:'Molengo',Trebuchet MS,Serif; font-size:48px; font-weight:bold; margin:0; padding:10px; color:#000000; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.0em}

#header h1:hover{transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg);}

#header a{color:#000000; text-decoration:none}

#header a:hover{color:#000000;}

#header .description{font-size:14px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#efefe3; margin:0; padding:0 10px; text-transform:none}

#header img{margin:0 auto}

#header-center{width:480px; float:center; padding:0; margin-top:10px}
.center{padding-right:10px; margin:0}

 Kalau sudah, terakhir tinggal di SAVE.

B. JUDUL POSTINGAN MIRING.

 Cari Code ]]></b:skin>.

 Kemudian Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

.post-title{ opacity: 0.7; background:transparent; border:1px solid #ccc;-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; font-family:'Molengo',Trebuchet MS,Serif; font-size:22px; margin-bottom:2px; padding:5px 10px 10px 10px; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.2em}
.post-title:hover{transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
.post-title a, .post-title a:visited, .post-title strong{display:block; color:#ccc}
.post-title strong, .post-title a:hover{color:#fff}

KETERANGAN :

* Tulisan yang berwarna Biru, ganti dengan Warna yang Kalian inginkan. Code Warna HTML...? Klik di SINI.

Kalau sudah, sekarang SAVE.

C. JUDUL WIDGET MIRING.

 Cari Code ]]></b:skin>.

 Kemudian Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

.sidebar h2{background-color:transparent; border:1px solid #ccc; -moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; margin-bottom:2px; padding:8px 10px 10px 10px; color:#FFA500; font-family:'Molengo',Trebuchet MS,Serif; font-size:20px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); font-weight:bold}
.sidebar h2:hover{opacity:0.7;transform:rotate(-3deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}

KETERANGAN :

* Tulisan yang berwarna Biru, ganti dengan Warna yang Kalian inginkan. Code Warna HTML...? Klik di SINI.

Kalau sudah, sekarang SAVE.

Sekian dulu Tips kali ini, kalau ada pertanyaan, silahkan Kalian isi Kotak Komentar di bawah. Semoga Tips kali ini bermanfaat buat Kalian semua.