Cara Merubah Tampilan Facebook 2014 (S­­­̶e̶̶b̶e̶̶n̶a̶r̶n̶y̶a̶ ̶S̶u̶d̶̶ah̶̶ L̶̶a̶m̶a ̶si̶i̶h̶ :̶P̶)

Hay sahabat mazinu? Hari ini mazinu akan posting kepada kalian tentang Cara Merubah Tampilan Facebook. Tampilan Facebook kalian ingin tampil bergaya bukan?? hehehehe,, Manfaatnya agar tampilan facebook menarik dan juga membuat kita tidak bosan melihat tampilan facebook kita! Dan di pilihan Tema Facebook nya ada beberapa pilihan warna dan model sesuai dengan selera kita. Sebagai contoh ini tampilan Facebook punya Mazinu, mazinu suka tampilan warna background facebook mazinu berwana hitam biru biar terkesan seperti di planet luar angkasa! Dan masih banyak lagi tema-tema yang disediakan.

Cara Merubah Tampilan Facebook - Tren Tema Facebook 2014
Login Dulu di Sini
1. Masuk ke Browser kalian,, misal : Mozila Firefox, Google Crome, atau Opera terserah kalian lah! (Sebagai contoh : mazinu menggunakan Mozila Firefox)
2. Kemudian Instal Add On Stylish. Untuk Donlod Klik disini!
Ikuti petunjuk selanjutnya ini :
4. Kemudian klik Add to Firefox
5. Setelah itu muncul tampilan dwnload
6. Tunggu sampai proses selesai,, dan akan muncul akan tampilan baru.
7. Kemudian klik Instal Now

8. Setelah Proses instalasi selesai,, silahkan buka : http://userstyles.org/styles/browse/facebook untuk memilih Tema Facebook.

9. Maka akan muncul jendela gambar yang isinya melilih tema. Disitu silahkan kalian memilih tema yang kalian sukai,, misal : mazinu memilih Dark Blue Galaxy Facebook,, 

10. Klik Judul Temanya,, 

11. Sebelum kalian klik "Instal with Stylish" pilih dulu browser yang kalian gunakan pada kotak pilihan "Assuming",, sebagai contoh : mazinu memilih Firefox.
12. Kemudian klik "Instal with Stylish",, setelah proses instalasi selesai silahkan Browser Mozila Firefox kalian Restart (Tutup dulu setelah itu buka lagi)
13. Naah setelah itu akan muncul tampilan PEMBERITAHUAN jika sudah berhasil. yang tampilannya berisi tulisan "Congratulations, you've installed Stylish!" Itu berarti proses Instalasi Kalian berhasil,,
14. Selanjutnya kalian buka Akun Facebook kalian,, di www.facebook.com

"Dan Selesai "

Tambahan : Jika icon "s" atau Add ons bar kalian tidak muncul atau lupa di close, untuk memunculkannya kembali silahkan kalian tekan CTRL+/

Cukup mudah Bukan?? kalau kalian ingin menambah tema facebook silahkan pilih lagi temanya dengan cara kunjungi : http://userstyles.org/styles/browse/facebook
Mazinu selain punya tema Dark Blue Galaxy Facebook,, Mazinu juga punya tema Realmadrid dan masih banyak lagi tema facebook koleksi mazinu untuk mempercantik/memperbagus tampilan facebook mazinu. Yaahhh biar gak bosen lah!!

Naaah itu tadi sekilas tentang Cara Merubah Tampialn Facebook,, semoga bermanfaat untuk kalian,,,
Sukses! Jangan Lupa LIKE ya?? Semoga Cara Merubah Tampilan Facebook - Tren Tema Facebook Terbaru 2014 ini bermanfaat untuk kalian!

Membuat Title Bar Blogger Berjalan

Selamat Datang Buat Teman", Saya Ingin Membagi Pengetahuan, Silahkan Di Pelajarin yaa.. Oke Langsung Aja Aach ga usah Banyak Omong, Sebelum Kita Mulai Marii Tepuk Tangannya Agan" Semua Buat Mas Oding xD 

• Pertama loggin dulu ke Blogger (kalo punya) xD
• Lalu ke menu Dashbord
• Pilih ''RANCANGAN / DESIGN''
• Pada halaman ''Element laman'' klik 'Tambah Gadget'
• pilih widget ''HTML/Javascript'' dan tempatkan script dibawah ini didalamnya.

<script>
 function tb8_makeArray(n){
   this.length = n;
   return this.length;
 }
 tb8_messages = new tb8_makeArray(3);
 tb8_messages[0] = "WELCOME TO MY BLOGSPOT";
 tb8_messages[1] = "THANKS FOR VISITING";
 tb8_messages[2] = "AND FOLLOW";
 tb8_rptType = 'infinite';
 tb8_rptNbr = 5;
 tb8_speed = 125;
 tb8_delay = 1000;
 var tb8_counter=1;
 var tb8_currMsg=0;
 var tb8_tekst ="";
 var tb8_i=0;
 var tb8_TID = null;

 function tb8_pisi(){
   tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
   document.title = tb8_tekst;
   tb8_sp=tb8_speed;
   tb8_i++;
   if (tb8_i==tb8_messages[tb8_currMsg].length){
     tb8_currMsg++;
     tb8_i=0;
     tb8_tekst="";
    tb8_sp=tb8_delay;
   }
   if (tb8_currMsg == tb8_messages.length){
     if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
       clearTimeout(tb8_TID);
       return;
     }
     tb8_counter++;
     tb8_currMsg = 0;
   }
   tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
 }
 tb8_pisi() 
</script>

NB:

"Pada tulisan yang berwarna ungu adalah tampilan teks, ganti sesuai keinginan kamu.

"Pada tulisan yang berwarna hijau (tb8_speed = 125) adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan sesuai keinginan kamu.

Selamat Mencoba!!

Jangan Lupa es Cendolnya Gan xD

Semoga tidak berhasil xD 

---

Simple Background SlideShow with jQuery

It's a small wonder that many jQuery plugins were developed with the intention of easily introducing pretty slideshows to display and rotate series of images. However, almost none of these slideshow plugins utilize the idea of rotating CSS backgrounds. :)

<!-- jQuery Library -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>

<!-- Simple Background SlideShow Script -->
<script src="http://jquery-aing.googlecode.com/files/BackgroundSlideShowAing.js" type="text/javascript"></script>

<!-- Call ssBG.SlideMyBG() function after the page fully loaded -->
<script type="text/javascript">$(window).load(function(){ssBG.SlideMyBG()})</script>

<!-- Advanced settings -->
<script type="text/javascript">
$(window).load(function(){
  var MYlist=[
    "http://mysite.com/photo1.jpg",
    "http://mysite.com/photo2.jpg" // No coma at the end of list
  ];
  var MYstyle='diurut aje bang dari awal ye'; // Default is random
  var MYspeed=10000; // Delay between image changes
  var MYbgPos='top center'; // background-position

  var MYbgSize='100%'; // background-size (you may try auto 100%)
  var MYbgRep='repeat-x'; // repeat-y, repeat, no-repeat

  ssBG.SlideMyBG(MYlist,MYstyle,MYspeed,MYbgPos,MYbgSize,MYbgRep)
})
</script>

<!-- To add a new collection into an existing, you may use ssBG.gbr.concat(list1,list2) -->
<script type="text/javascript">
$(window).load(function(){
  var MYlist1=[
    "http://mysite.com/photo1.jpg",
    "http://mysite.com/photo2.jpg" // No coma at the end of list
  ];
  var MYlist2=[
    "http://mysite.com/photo3.jpg",
    "http://mysite.com/photo4.jpg",
    "http://mysite.com/photo5.jpg" // No coma at the end of list
  ];

  ssBG.gbr=ssBG.gbr.concat(MYlist1,MYlist2);
  ssBG.SlideMyBG('','sort','','','auto 100%');
})

</script>

I am always receptive to any thoughts/suggestions you might have, so have words with me in the comments.

Simple Blog tapi Keren (Hasil sendiri, bikinan sendiri, kepuasan tersendiri)

---

Hasil sendiri, bikinan sendiri, kepuasan tersendiri wwkkkkk.. elo aja onoh sendiri XD.

Copy-Paste kalo buat belajar emang Oke, tapi mau sampe kapan?,

Hampir mirip kaya Hewan yang diburu, Tanaman yang ditebang wkwkk.. Lebay Anjrit :P

Lama kelamaan mereka akan punah, dan.. gak ada lagi yang bisa diburu,, .. gak ada lagi yang bisa ditebang .. gak ada lagi yang bisa di copy, gak ada lagi yang bisa di paste

Hey,, kalo mereka bisa kenapa kita enggak?!
Meraka Makan Nasi .. Kita juga Belom Makan Nasi Dari Pagi XD .. Tolongin Saya.. Pak.. XDD

---

Udahan ah Lebay Nya :P

NEXT >> Basic Template Ganti Background >>

---

Ganti Background:

Step 1:

Pastiin kalo Elo udah pernah baca yang ini => Kite Bikin Blog Keren Nyo :P biar nantinya kita bisa sedikit nyambung dalam artian yang Gak Ngeres

Step 2:

Masuk ke halaman Edit Template HTML

=> =>
Jangan diCheck dulu Expand Widgetnya..
leave unchecked =>

Step 3:

Kosongin smua yang ada disitu dan ganti pake yang di bawah ini..

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> <b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <link href='http://2.bp.blogspot.com/_bBL9ze_JZsw/TTkfFTP1LiI/AAAAAAAAALM/88pCEE5Ck0M/s1600/rock.gif' rel='shortcut icon' type='image/x-icon'/> <meta content='xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginners guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide' name='Keywords'/> <meta content='I wasn&#39;t like every other kid, you know, who dreams about being an astronaut, I care desperately about what I do. Do I know what I&#39;m doing today? No. But I&#39;m here, and I&#39;m gonna give it my best shot.' name='Description'/> <link href='http://www.w3schools.com/stdtheme.css' rel='stylesheet' type='text/css'/> <b:skin> <![CDATA[ div { width:auto; } .bungkusLuar { margin:auto; padding:0px; border:0px; } table tr td.tengah .widget, table tr td.kanan .widget { width:520px; -moz-border-radius:20px 20px 50px 10px; border-radius:20px 20px 50px 10px; border:1px outset white; padding:10px; margin:0px 0px 5px 0px; background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TULYxvyKIUI/AAAAAAAAANE/9nrpKKLH1fE/s1600/white50.png); } table tr td.kanan .widget { width:250px; } a, a:link, a:visited { text-decoration:none; } ]]> </b:skin> </head> <body expr:class='"loading" + data:blog.mobileClass'> <table class='bungkusLuar'><tr><td class='tengah' style='vertical-align:top'> <b:section class='header' id='header'/> <b:section class='main' id='main'> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> </b:section> </td><td class='kanan' style='vertical-align:top'> <b:section class='rightSideBar' id='rightSideBar'/> </td></tr></table> </body></html>

Step 4:

Kalo ada tulisan:

Warning: Your new template does not include the following widgets:

aja..!!

---

<< Intro << BACK

NEXT >> Ganti Background >>

---

Ganti Background:

Cari tag <b:skin><![CDATA[ (biasa, pake Ctrl + F aja)

Simpan CSS code ini dibawah tag <b:skin><![CDATA[ tadi

body {
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbf2vRPPjW4fwYN4ocRTycuP8gLdq-4jvfbnTOesFn7Avt-SIGBdU6dECJalL_t7zJZkg86Ba_bD4Rvr4g9MiC8Kdaf1xMy_P2hkhaYghT4XGsx6FAF6VzGymd1Cznsi3NDTpjJzxcKQK/s1600/fairy-one-black-background.jpg);
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  background-position: center center;
  background-color: black;
}

background-repeat:

Selain no-repeat; ada..

repeat;

repeat-y;

repeat-x;

background-attachment:

Selain fixed; ada..

scroll;

background-position:

Selain center center; ada..

top center;

bottom center;

left center;

right center;

right top;

dan lain sebagainya, atau bisa pake (berapa)% (berapa)% atau (berapa)px (berapa)px dan sebangsatnya

---

<< Intro << Basic Template << BACK

---

Nice Link I've found.

Adobe_Photoshop_CS2_activation_crack

---

Source : http://farhan-creativity.blogspot.com/2011/02/simple-blog-tapi-keren.html

Facebook Like Box Di Blogspot

Banyak cara agar sebuah postingan bisa tersebar kemana - mana yang salah satunya adalah lewat Facebook. Facebook memang banyak memberikan plugin bagus untuk bisa ditampilkan atau dikombinasikan dengan berbagai macam blog yang salah satunya adalah Blogspot. Blogspot sendiri memberikan kebebasan berkarya bagi siapa saja untuk merubah bentuk tampilan halam blog agar terlihat cantik, atau istilahnya adalah bebas berkreasi dengan syarat menguasai bahasa pemrograman minimal HTML. Tapi jangan takut, sekarang banyak teman - teman yang berbaik hati membagikan ilmunya komplet dengan source code-nya, jadi tinggal COPY-PASTE dan mengikuti langkah demi langkah yang dianjurkan maka mempercantik blog akan terasa lebih mudah. Kali ini saya ingin membagikan ilmu saya juga tentang bagaimana membuat Facebook Like Box di blogspot seperti contoh dibawah ini.

FACEBOOK LIKE BOX DI BLOGSPOT

Langsung saja ikuti langkah - langkah dibawah ini :

1. Seperti biasa Login Account Blogspot anda..!!!
2. Lalu masuk ke Design ---> Edit HTML dan centang Expand Widget Templates (Jangan lupa membackup template anda sebelum editing HTML)
3. Lalu cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat diatasnya

.fb_like_box {
    margin-top:10px;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px;
    background-color:#3B5999;
    border:3px solid #2B2B2B;
    margin-bottom:10px;
    padding:10px 7px;
    width:500px;
    }
    .fb_like_top {
    overflow:visible;
    padding:0;margin:0 0 5px;
    width:349px;
    height:24px;
    background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHcUrMGdkvRfjL1N0B1231bz3JX6Abo4iTzx741uNZMPWaIOjAJbgzkHKrummfiUDOxnxz1qDfE6MQcZ_F2sWgHBs_X9VHhwekv3aMvZoO7lBoiu518VAXKY_MIGqUsRQ-86NnSypfpzA/") no-repeat scroll left top transparent;
    }
    .fb_like_button_holder {
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px;
    background:none repeat scroll 0 0 #FFFFFF;
    padding:12px 12px 0 12px;
    width:480px;
    height:42px;
    }

    .fb_like_top a {
    height:24px;
    width:114px;
    background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpDBplNwBa0dTYhphRaqPPvbcRyB8952i0bGMLRdv07bD9D-PDr1LvBWidR3oFR84lRC2isJDYuOTf7wbLcRnrLwI0OODc4Ead-exqk62fz5X6CGCBtO9yaXpfpR7HLlMsapK61beQpA/") no-repeat scroll left top transparent;
    display:block;
    margin-left:380px;
    text-indent:-5000px;
    }

4. Setelah itu cari kode <data:post.body/> kemudian letakkan kode dibawah ini tepat dibawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='fb_like_box'>
    <div class='fb_like_top'><a href='' rel='nofollow' target='_new' title='Become a fan'>Become a Fan</a></div>
    <div class='fb_like_button_holder'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
    </div>
    </div>
    </b:if>

5. Terakhir, simpat template anda dan lihat hasilnya...

BagaiMana... Gampang Gak?

Oke Selamat Mencoba..

Semoga Tidak Berhasil... Sukurin....

Random Blackground For Your Blog

<script type="text/javascript">
//Bikin function biar script bisa di panggil dari luar
function gantiWolPep(){
  //Bikin Array buat daftar wallpapers
  var emoWalPep=[
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQBaD1sHvxceTgTsjp4GoaTwyhBLf-98uBQgZt6XxGHrCxowqEZXJ3YMDLKYEcF0hosSTn7bnjK3ZEfmkbXgurTlGw85fTlMvxlLK61D19Pcv4Rj0qdjgOsJB8vVrhihvU-qN79f1VHhM/s1600/Emo_Wallpapers_78+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMBEwRuTgIN5QPloxbsaOY6vqJrZwr4Ijo5OGz9ve76Ez1ITZGVebJKgp1Y4r7UyQxmojC-uw8YILVDlzodRQ0YaTYusn3yMFQAXDcTkr4AYuv_STDNjQRYLs-zcMKJyi7zN6R6TChLJU/s1600/Emo_Wallpapers_71+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXMu-VpJ5q07-Eik2XhZmbfvXJWeL5ZJE88rf6nGpnqrli5mKohLRt1GNw2BjId3DaYpwwL5akXgHBcUWt6SWtlzrXGUS3-n2JpkSwtuSN9_qlqRs1bXGfODgUEXocbPaFbqpWyVSbNY4/s1600/Emo_Wallpapers_63+%28darkwallz.blogspot.com%29.jpg"
  ];
  //Acak urutan daftar wallpapers pake Math.random()
  emoWalPep=emoWalPep.sort(function() {return 0.5 - Math.random()});
  //Ganti background body dengan warna latar transparent, gambar ngulang ke bawah, gak ikut nge-gulung, vertikal top horizontal tengah
  document.body.style.background='transparent url('+emoWalPep[0]+') repeat-y fixed top center';
  //Ukuran background menuhin lebar ke samping
  document.body.style.backgroundSize='100%';
}
//Langsung ganti wallpaper pas halaman di load
gantiWolPep();
</script>

<!-- Tombol buat ganti wallpaper -->
<center><a onClick="gantiWolPep()" style="cursor:pointer;" class="uiButton">Gentos Kertas Bilik</a></center>

..Monggo diCobian..

Ganti Kerta Dinding..!!

Mp3 Player di Blogger Kita

Membuat blog menjadi Beautiful itu impian semua orang apalagi ditambah MP3 Player blog kalian akan Cetarr Membahana.. Silahkan pasang lagu sesuai Kontroversi Hati kalian masing-masing.

MP3 Player di Blog?

Lihat di pojok kiri bawah :P

Cara Membuat MP3 Player di Blog

1. Login ke akun blogger kamu.
2. Masuk ke Tata Letak
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript

<script src="https://googledrive.com/host/0B0sumkJSzguiVUExQkM0cjI0VWc" type="text/javascript"></script> <script type="text/javascript"> musikDongBang('http://www.4shared.com/img/GdJuN88i/dlink__2Fdownload_2FGdJuN88i/preview.mp3','Mana Gue Tau'); </script>

1. Pastekan kode di atas kedalam widget tersebut.
2. Klik Simpan.
3. Untuk mengganti lagunya lihat bagian. [ musikDongBang ]
4. Ganti bagian url mp3nya
   [ 'http://domainkamu.com/folderkamu/mp3kamu.mp3' ]
5. Untuk judul lagu lihat bagian 'Mana Gue Tau' 
   [ 'Judulkamu - Penyanyikamu' ]
6. Sekarang MP3 Player kamu siap digunakan Ayee :D

Memasang MP3 Player ini di Postingan

Kalau yang tadi kan nyimpannya di widget berarti setiap orang akan ngedengerin lagu yang tadi kita pasang :D di setiap postingan yang ada di blog kita. Nah bagaimana kalau setiap postingan itu berbeda lagunya caranya sih tinggal simpan Script MP3 Player tadi di dalam postingan. Contohnya seperti postingan ini.