Scroll To Top
News Trending

Template Information

Browsing "Older Posts"

Browsing Category "Info Blog"

Cara Mudah Pasang Jam dan Tanggal di blog

Rabu, 18 Februari 2015 / No Comments


 
Cara Mudah Pasang Jam dan Tanggal di blog , Silahkan Anda Copy Paste kode script  di bawah ini dan simpan di blog Anda , diantaranya :

- Untuk kode script widget Hari Tanggal Bulan dan Tahun

<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array ("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mei", "Juni","Juli", "Agustus","September","Oktober","November","Desember")
document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</p>")
</script>


- Untuk kode script widget Jam Waktu menit detik dan AM:PM

<span id="Variasiblogger"></span>
<script type="text/javascript">
//<![CDATA[
function showclock(){
var digital = new Date();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
var dn='AM';
if (hours>12) {
dn='PM';
hours=hours-12;
}
if (hours==0) hours=12;
if (minutes<=9) minutes='0'+minutes;
if (seconds<=9) seconds='0'+seconds;

miReloj='<b><span style="color:#000;font-size:12px;">'
+ hours + '</span> : <span style="color:#000;font-size:12px;">'
+ minutes + '</span> : <span style="color:#000;font-size:12px;">'
+ seconds + '</span></b><span style="color:#000;font-size:12px;margin-left:5px;">'
+ dn + '</span>';
document.getElementById('Variasiblogger').innerHTML=miReloj;
//
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>


Caranya adalah sebagai berikut :

- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung di http://www.blogger.com
- kemudian klik Tata Letak pada Dashboard blogs Anda
- klik Tambahkan Gadget lalu klik HTML/JavaScript , Nah disitu silahkan pada kotak Gadget HTML Copy paste kode script widget jam dan tanggal di atas, dan jangan lupa klik simpan.

Demikian penjelasan saya mengenai Bagaimana Cara Memasang widget Jam dan Tanggal di blog, semoga bermanfaat.

Cara membuat Header Blog dengan Photo Scape

Rabu, 11 Februari 2015 / No Comments


Mempercantik blog dengan sentuhan - sentuhan gambar yang menarik sangat penting untuk menarik para pengunjung. Namun terlalu banyak gambar juga mempengaruhi loading Blog Anda.
Untuk menyulap blog Anda sehingga tampil beda dengan blog - blog lain, maka cara yang satu ini bisa diterapkan pada blog Anda yaitu membuat Header Blog dengan sentuhan Photo Scape.

Berikut cara mendesain Header Blog :

1. Buka aflikasi Photo Scape Anda.
2. Klik Editor.


3. Klik Menu.
4. Klik New Photo.
5. Atur ukuran dan pilih warna Header sesuai pilihan Anda. Biasanya Saya menggunakan Ukuran Width
   1800 dan Height 100. Setelah itu klik Ok.
6. Klik Object, untuk mendesain gambar Header blog Anda. Setelah selesai mendesain,,
7. Klik Save.
8. Klik Save As. 
9. Beri nama pada file header Anda. Kemudian Klik Save.
10. Atur Kualitas dan Ukuran. Kemudian Klik Ok.
11. Anda sudah bisa keluar dari Aflikasi Photo Scape Anda.
12. Masuk ke Akun Blogger Anda.
13. Pada halaman dashboard Anda, klik Opsi lainnya.
14. Klik Tata Letak.
 15. Klik Edit pada bagian header blog Anda.


16. Klik Pilih File dari komputer Anda.
17. Cari gambar Header yang telah dibuat dengan Photo Scape tadi.
      Kalau sudah ketemu, klik pada gambar Header, dan Klik Open.
18.Tunggu beberapa saat, sedang dalam proses.
19. Setelah selesai proses, Klik Simpan.
20. Lihat hasilnya di blog Anda
21. Selesai.
Selamat mencoba.

Cara membuat Teks bergerak dari bawah ke atas

/ No Comments




Berikut ini adalah KODE untuk membuat Teks bergerak dari bawah ke atas di Blogger.com dan berhenti disaat kursor diarahkan ke Teks.

Kode :


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="up" width="50%" height="200" align="center" behavior=”alternate”> SELAMAT MENCOBA </marquee>

Cara Pasang : 

1. Masuk ke blog anda
2. Klik Opsi Lainnya
3. Klik Tata Letak
4. Klik Tambahkan Gadget
Anda bisa memilih selain petunjuk arah anak panah pada gambar diatas ini
5. Tunggu beberapa saat muncul tab baru
6. Arahkan kursor kebawah pilih HTML/Java Scrift, jangan lupa di Klik
7. Copy Kode di atas dan Pastekan kedalam Kotak Konten.
8. Klik Simpan.
9. Selesai.
KETERANGAN KODE :
1. Angka " 3 "adalah kecepatan Teks
2. Kalimat " SELAMAT MENCOBA " boleh diganti sesuai selera kamu.

Cara Membuat Cursor/Mouse Blog Bertabur Bintang Paling Gampang

/ 1 Comment

cursor blog bintang,cursor blog bintang,cursor bertaburan bintang blog,cursor bintang bertaburan di blog,cursor bintang di blog,cursor blog bertabur bintang


Cara membuat cursor blog bertabur bintang | mouse blog mengeluarkan kelap kelip bahasa awam-nya, tema artikel kali ini yaitu tutorial blog dan khususnya nih artikel buat para blog yang suka mengotak-atik/mempercantik tampilan blog mereka. Paling gampang, ya iyalah kan cuma tambah gadget>html/javascript>paste makanya di judul artikel ini ada tambahan kata 'paling gampang'.

Setelah sobat memasang kode script yang akan saya berikan, cursor blog sobat akan menaburkan serpihan-serpihan yang indah dan itu akan membuat tampilan blog sobat berbeda. Blog sobat akan terlihat hidup, mengapa tidak, blog sobat akan berbeda dari blog lain yang kebanyakan cursor di blog biasa-biasa saja ehhh di blog tercinta sobat ternyata luar biasa. Balik ke topik pembahasan!, sudah bagus gampang lagi membuat cursor/mouse blog bertabur bintang, mau tau cara pemasangan cursor blog bertabur bintang?, ikuti langkah berikut ini : 

Cara membuat cursor mouse blog bertabur bintang



  • Yang jelas sobat harus login dulu ke blogger.com
  • Di dashbord sobat klik 'tata letak' yang nampak di gambar dibawah ini :


kursor blog bintang,kursor bintang pada blog,kursor bintang di blog



  • Tambah gadget, lalu scroll ke bawah pada jendela baru yang terbuka hingga terlihat html/javascript
  • Klik pada html/javascript tadi!
  • Setelah itu, copy kode dibawah ini dan edit seperlunya :
Bintang Warna Merah :
<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

Bintang Warna Kuning :
<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script>

Bintang Warna Hijau : 
<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Bintang Warna Hitam : 
<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hitam.js" type="text/javascript"></script>

Bintang Warna Biru : 
<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

Bintang Warna Ungu : 
<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

Bintang Warna Silver : 
<script
src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-silver.js" type="text/javascript"></script>
cursor bintang,cursor bintang bertaburan,cursor bintang bertaburan pink,cursor bintang,tutorial cursor bintang,cara membuat cursor bintang,cursor bertabur bintang,cursor bintang blog,cursor bintang bertaburan di blog,cursor bintang di blog,cursor bintang jatuh

  • Paste kode yang tadi sobat copy ke kotak yang besar pada jendela html/javascript
  • Klik simpan di bagian kiri bawah jendela dan cobalah di test dengan membuka blog sobat.



Jika sudah selesai dan sobat membuka blog, maka di cursor (panah mouse) di blog sobat akan mengeluarkan kelap kelip sesuai warna yang sobat pilih. Untuk yang belum bisa membuatnya mungkin ada step yang masih bingung, nahhh kalaupun masih bingung dan punya pertanyaan tentang cara membuat cursor mouse blog bertabur bintang bisa bertanya langsung di kotak komentar artikel cara membuat cursor/mouse blog bertabur bintang paling gampang. Sampai disini tulisan sederhana tutorial membuat cursor blog bertabur bintang yang saya buat ini, semoga bermanfaat.

Cara Membuat Gambar Membesar Saat Dilewati Kursor di Blog

/ No Comments

Cara Membuat Gambar Membesar Saat Dilewati Kursor di Blog - Diantara sekian ribu blog yang pernah anda kunjungi pasti anda sempat menemui entah itu sengaja maupun tidak, blog yang gambarnya membesar ketika dilewati kursor. Oleh sebagian orang hal tersebut dapat memperindah blog, namun tidak sedikit yang berasumsi bahwa efek -efek zoom- seperti itu hanya mengganggu saja. Apapun alasannya, tersedah anda. Entah itu membuat nyaman atau tidak, itukan selera anda. Baiklah melalui postingan ini saya akan berbagi cara membuat gambar membesar ketika dilindas atau disambar kursor. Berikut caranya.


1. Login ke Blogger
2. Pilih Rancangan > Edit HTML > Centang Expand Template Widget.
3. Kemudian letakkan kode berikut diatas kode ]]></b:skin>
    (Gunakan CTRL+F untuk memudahkan pencarian)

.cayunhover img{
-webkit-transform:scale(0.3); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.3); /*Mozilla scale version*/
-o-transform:scale(0.3); /*Opera scale version*/
-webkit-transition-duration: 9.9s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}


.cayunhover img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.4); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px blue; /*Kode Css3 untuk efek shadow*/
-webkit-box-shadow:0px 0px 30px blue; /*Untuk safari*/
-moz-box-shadow:0px 0px 30px blue; /*Untuk Mozilla*/
opacity: 1;
}

4. Kemudian Save Template.


Apakah dah selesai ? Belum. Masih ada kode lagi nih yang ketinggalan.
Masukan kode berikut dengan cara Rancangan > Tambah Gadget > Pilih HTML/Java Script



<div class="cayunhover">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCRxttfcvBvAXlib4srWCh6dIv0_qNwgiOGBD8VU_kH1RJD-17uEw1UcqIR2plXpGjyHOPd4Z8CreNlIU0q8HrCRVebQbmJhW8YpmX93GWhLKbrGWHfKowGTGMKHfYXRvM5M8a9fG7Gz4/s1600/blogger-logo%5B2%5D.png"/>
</div>


Ket.
*  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCRxttfcvBvAXlib4srWCh6dIv0_qNwgiOGBD8VU_kH1RJD-17uEw1UcqIR2plXpGjyHOPd4Z8CreNlIU0q8HrCRVebQbmJhW8YpmX93GWhLKbrGWHfKowGTGMKHfYXRvM5M8a9fG7Gz4/s1600/blogger-logo%5B2%5D.png  bisa Anda ganti dengan gambar yang lain.

Ingat !! Jangan sampai lupa di SIMPAN ...
Selamat Mencoba ?!!

Cara Memasang atau Memasukkan Lagu di Blog

/ No Comments


Hasil dari cara memasang atau memasukan lagu atau musik ini akan berbentuk seperti widget yang kita pasang di blog pada umumnya dan dengan fitur untuk memainkan musik yang terdapat dalam daftar putar yang telah kita pilih atau masukan terdahulu, jadi kita dapat menentukan lagu mana yang akan pengunjung gemari atau dapat juga kita pilih sesuai kesukaan kita.

Cara memasang lagu atau musik kali ini akan kita lakukan melalui tool gratis situs/ web scmplayer, dimana terdapat banyak pilihan dan pengaturan yang dapat kita sesuaikan seperti keinginan kita seperti mengatur warna, fitur seperti auto reply serta memilih lagu yang kita inginkan yang dapat kita pilih melalui soundcloud.com.

Cara memasang atau memasukan widget lagu ke blog

1. Kunjungi situs scmplayer.net
Widget Lagu/ Musik mp3

2. Akan muncul tampilan seperti dibawah ini dan di menu “Choose Skin” anda dapat memilih warna background yang anda inginkan dan lanjut dengan kllik “Edit Playlist”
3. Siapkan lagu yang anda inginkan, saya sarankan cari di soundcloud.com selanjutnya masukan judulnya kedalam kolom “song title” dan URL lagu dari soundcloud.com tadi kedalam “Song URL” kemudian jika telah selesai klik “Next”

Memasukan Lagu ke Blog
4. Anda akan masuk ke menu “Setup Wizard” dan silahkan atur sesuai keinginan anda

Pengaturan Lagu Blog
Keterangan Pengaturan :



  • Auto play untuk memutar lagu secara otomatis
  • Shuffle Playback untuk memutar lagu dalam daftar anda secara acak
  • Default Volume untuk mengatur volume suara standar yang anda inginkan
  • Repeat Mode untuk mengatur pengulangan lagu
  • Placement of Player Bar untuk mengatur letak pemutar musik yang ingin kita pasang di blog
  • Show Playlist by Default untuk menampilkan pemutar secara default yaitu di sebelah kanan blog

5. Klik done untuk memperoleh kode HTML sesuai pengaturan yang kita lakukan

HTML widget Lagu untuk Blog
6. Copy kode seperti gambar diatas dan letakan didalam HTML template anda dengan cara Masuk ke blogger – Klik Template  - Edit HTML dan cari kode <body> atau <body (gunakan CTRL+F untuk mempermudah) setelah ketemu letakkan kode yang anda copy tadi tepat dibawah kode  <body>
7. Simpan template dan lihat hasilnya.

Dengan selesai melakukan Cara Memasang atau Memasukkan Lagu atau Musik di Blog dengan Pilihan Sendiri ini akan menjadi kesenangan tersendiri bagi kita melihat penampilan dan fitur blog yang sesuai keinginan kita, sehingga diharapkan dapat bermanfaat sebagai bahan hiburan bagi pengunjung bog kita.

Cara Pasang Script Anti Block / Copy Di Blogger

/ 2 Comments



Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara pasang script anti blok / copy di blogspot.

Cara Pasang Script Anti Block / Copy Di Blogspot 
  • Login pada Blogger 
  • Setelah berada di Dashbore 
  • Masuk mode Rancangan 
  • Kemudian Edit HTML 
  • Centang Expand Widget Templates 
  • Cari kode </head> 
  • Jika sudah ketemu, letakan kode berikut diatas kode tadi

<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

  • Jika sudah, Simpan Template
Demikian blogger tutorial mengenai Cara Pasang Script Anti Block Cara Pasang Script Anti Block / Copy Di Blogspot.



Semoga bermanfaat dan semoga berhasil
Terima Kasih ^_^

Cara Memasang Widget Jumlah Pengunjung Blog

/ No Comments



Ada beragam widget yang bisa kita dapatkan untuk mengetahui jumlah pengunjung yang sedang online di blog kita. Salah satu widget yang saya akan bahas yaitu Whos.amung.us. Anda dapat memperoleh widget script gratis langsung langsung websitenya. Widget ini juga memiliki fungsi untuk mengetahui lokasi dari pengunjung yang datang ke blog atau situs anda. Anda juga dapat mengetahui jumlah pengunjung yang online pada jam-jam tertentu serta mengetahui apa yang halaman atau page yang dibuka oleh pengunjung. Anda tidak perlu melakukan registrasi untuk memperoleh script codenya. Anda hanya perlu mengkopi script kodenya pada blog setelah anda menentukan posisi widget pada blog. Jika anda tertarik untuk memasang widget ini ikuti trik dan tips yang satu ini:

1.       Kunjungi Situs http://whos.amung.us
2.       Kemudian Klik Widgets
3.       Pilih salah satu diantara 5 Widget (Disini saya memilih Widget Tab)
4.       Klik / Copy Clipboard / Lihat Gambar Dibawah ini
5.       Login ke Blogger
6.       Masuk ke Tata Letak > Klik Tambahkan Gadget > HTML/JavaScript
7.       Paste Code Script di KONTEN
8.       Simpan

Dan ini Hasilnya :
Bagaimana mudahkan membuatnya, anda dapat mengatur posisi widget tersebut sesuai selera yang anda suka pada blog. Jika anda klik pada widget tersebut maka anda akan diarahkan ke halaman statistik pengujung pada situs Whos.amung.us.