Cara Mengganti Template Blog dengan Template Buatan Sendiri

Baca selengkapnya »

Seperti Blog kami saat ini, kami menggunakan template dari luar blogger untuk Blog ini. Dan kali ini kami ingin memberi tahu langkah langkah untuk mengganti template Blog dengan template buatan sendiri. Langkah-langkah nya yaitu :

1. Langkah pertama, download salah satu template yang ingin anda pakai dari Web penyedia template template gratis, silahkan cari di google. Biasanya file ber ekstensi .rar, jadi extract terlebih dahulu lalu dan cari file ber ekstensi .xml, karna file tersebut yang akan kita upload ke blogger

2. Kembali ke blogger, klik "Template" seperti pada gambar

3. Klik "Cadangkan/Pulihkan" yang ada di bagian atas kanan halaman, lihat gambar.

4. Disini, anda tidak hanya dapat melakukan unggah (lingkaran merah pada gambar) file ber ekstensi .xml yang tadi untuk mengubah template, tetapi juga dapat mengunduh (kotak merah pada gambar) file HTML yang sedang anda gunakan sebelumnya. Jadi untuk berjaga jaga jika ada kerusakan dalam template yang sudah anda download tadi, silahkan Back Up terlebih dahulu Blog anda dengan mengunduh HTML anda yang sekarang, jika sudah barulah anda dapat mengunggah file .xml yang tadi. Klik "Browse" lalu klik "Unggah"

5. Tunggu beberapa saat, dan silahkan cek Blog anda dengan template yang baru

Untuk melakukan pengeditan pada template, bisa langsung ke menu "Edit HTML" (tidak disarankan untuk orang awam)

Cara Mengganti Template Blog dengan Template Buatan Sendiri

Posted by : Hendri Eustass Metal Fortis

Date :Minggu, 24 November 2013

With 0komentar

Cara Memasang Playlist Lagu di Blog dengan SCM Music Player

Baca selengkapnya »

Disini kami ingin memberi tahu langkah langkah untuk memasang playlist lagu di Blog dengan SCM Music Player. Langkah-langkah nya yaitu :

1. Kunjungi alamat Website ini http://scmplayer.net/, lalu akan muncul halaman seperti pada gambar. Kemudian pilih skin dari playlist yang ingin anda masukan ke dalam Blog anda lalu klik "Next"
 

2. Langkah berikutnya, anda harus mengisi judul lagu yang akan ditampilkan di playlist anda dan juga mengisi URL dari lagu yang ingin anda masukkan ke dalam playlist, jadi URL disini adalah sebagai sumber lagu yang akan dimainkan ketika playlist dijalankan, bisa dari Youtube, SoundCloud, atau penyedia layanan streaming musik lainnya. Kemudian klik "Next"
 

 3. Langkah berikutnya adalah pengaturan untuk playlist anda, jika tidak ada perubahan, langsung saja klik "Done"

 4. Dan kode untuk playlist anda akan muncul, berikutnya anda tinggal menyalin kode tersebut dan pasang di Blog anda melalui Widget HTML/JavaScript

Untuk yang belum mengetahui cara menambahkan Widget, silahkan ke postingan kami yang sebelumnya atau klik Cara Menambah Widget untuk Menghias Blog 


Sekedar tambahan, berikut adalah kode dari playlist yang ada di Blog kami 

 <!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/aquaBlue/skin.css','volume':100,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Justin Timberlake - Mirrors','url':'http://www.youtube.com/watch?v=U41KPUfOSFk'}]}" ></script>
<!-- SCM Music Player script end -->
 
Tulisan berwarna hijau = volume lagu, di isi angka dari 1-100
Tulisan berwarna kuning = judul dari lagu yang akan ditampilkan pada playlist, dapat di di ubah sesuka hati
Tulisan berwarna merah = url dari lagu yang akan di putar, di isi link dari youtube atau soundcloud
 

Cara Memasang Playlist Lagu di Blog dengan SCM Music Player

Posted by : Hendri Eustass Metal Fortis

Date :

With 0komentar

Cara Membuat Kursor Bertabur Bintang pada Blog

Baca selengkapnya »

Disini kami ingin memberi tahu langkah langkah untuk membuat kursor bertabur bintang pada Blog. Langkah-langkah nya yaitu :

1. Sebenarnya langkah langkahnya sama dengan cara membuat Widget/Gadget pada blog. Jadi diawali dengan pergi ke halaman Tata letak seperti pada gambar

2. Klik "Tambahkan Gadget" dimana saja

3. Klik "HTML/JavaScript" untuk menambahkan widget yang berisi kode kode HTML atau Script

 4. Lalu masukan kode berikut ke dalam kolom 

      <script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js' type="text/javascript"></script>

     Disini kami hanya memberi langkah langkahnya saja, kami tidak menyediakan taburan taburan bintang lainnya selain yang diatas. Kode diatas adalah yang terpasang di Blog kami, taburan bintang bewarna biru

5. Jika sudah, klik "Simpan" dan taburan bintang ( atau mungkin salju :v ) akan terlihat turun dari kursor anda ketika kursor di gerakkan

Cara Membuat Kursor Bertabur Bintang pada Blog

Posted by : Hendri Eustass Metal Fortis

Date :

With 0komentar

Cara Membuat Animasi Back to Top

Baca selengkapnya »

Disini kami ingin memberi tahu langkah langkah untuk membuat animasi Back to Top pada Blog. Langkah-langkah nya yaitu :

1. Klik "Template" seperti pada gambar
 

2. Klik "Edit HTML" untuk masuk ke dalam kolom yang berisi kode HTML dari blog anda, karena kita akan memasukan beberapa script untuk animasi Back to Top ini

3. Simpan kode JQuery berikut ini diatas </head>

     <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>

   Simpan kode berikut ini masih diatas </head>

     <script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>

   Berikut adalah contoh SS nya

 4. Langkah terakhir, buat Widget baru HTML/JavaScript di blog anda, lalu simpan kode berikut ini

      <style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZb6GcrFeO20uln0QuQSLMsR7UMG3-8YSLswyrMvvktX0IwcoiZAXrX34HDfbH0n75ExiFFfU5L3RSCDqg1XYWPa2-IMK95on9pEfbpAaZo3kwJD2cBXo0-19aBNVPZdBSoqR3po2_8UIX/s1600/arrow-up_basic_blue.png'/></div>

Dan Animasi Back to Top akan otomatis terlihat di halaman pojok kanan bawah dari blog anda
Untuk yang belum mengetahui cara menambahkan Widget, silahkan ke postingan kami yang sebelumnya atau klik Cara Menambah Widget untuk Menghias Blog

Cara Membuat Animasi Back to Top

Posted by : Hendri Eustass Metal Fortis

Date :

With 0komentar

Cara Menambah Widget untuk Menghias Blog

Baca selengkapnya »

Disini kami ingin memberi tahu langkah langkah untuk membuat tab atau laman. Langkah-langkah nya yaitu :

1. Klik "Tata Letak" seperti pada gambar
 

2. Klik "Tambahkan Gadget" pada salah satu tempat yang anda inginkan

3. Anda tinggal memilih Gadget/Widget yang di inginkan, bisa dari pihak blogger, atau juga dari luar blogger. Disini saya ingin menambahkan Widget dari luar blogger, sehingga saya klik "HTML/JavaScript"

4. Masukan Kode/Script yang telat di dapat dari web diluar blogger tadi dan Paste-kan di kolom seperti pada gambar. Lalu klik simpan dan liat hasilnya pada blog anda

Cara Menambah Widget untuk Menghias Blog

Posted by : Hendri Eustass Metal Fortis

Date :Sabtu, 23 November 2013

With 0komentar