Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Friday, July 3, 2015

Cara Cek Validasi Template di W3C - CBC




Nah, untuk memulai misi validitasi template blog kita, silakan ikuti petunjuk berikut ini.


Markup Validation

Untuk mengecek valid atau tidaknya sebuah kode html, kita bisa mempergunakan Markup validation Tool yang disediakan oleh W3C.

Caranya kita cukup mencentang semua opsi penting seperti Clean up Markup with HTML-Tidy yang berfungsi sebagai contoh saran kode untuk mengganti kode template blog yang mengalami error html dalam pengecekan tersebut agar menjadi valid.

Ketika kita menemukan saran yang lebih sesuai dari hasil pengecekan tersebut, kita dapat segera memperbaikinya untuk kemudian kita cek lagi apakah sudah valid atau belum. Sebelum kita mengedit template blog kita ada baiknya kita back up dulu dengan mendownload template kita untuk cadangan bila terjadi kesalahan yang mengakibatkan template kita semakin error.


Silakan menuju ke http://validator.w3.org/ untuk mencobanya.


CSS Validation

Untuk memberi kesan tersendiri dan desain blog kita tentunya menggunakan CSS. CSS ini sendiri juga tidak terhindar dari error sehingga mengurangi validitas template kita dalam format kode CSS terkini. Ini juga mempengaruhi perayapan terhadap template kita. Untuk memudahkan proses tersebut, maka penting juga kita melakukan validasi dan perbaikan jika terdapat error pada CSS template kita.

Silakan lakukan CSS Validation melalui http://jigsaw.w3.org/css-validator/.

Selain Validasi terhadap HTML dan CSS, kita dapat juga melakukan beberapa validasi lainnya pada tool-tool yang tersedia di W3C Validation tersebut seperti validasi untuk feed dan versi mobile dari blog atau situs kita.

Untuk melakukan validasi terhadap feed blog kita dapat melakukannya di http://validator.w3.org/feed/

dan untuk blog versi mobile bisa kita lakukan di http://validator.w3.org/mobile/

Udah gtu aja thank's

tinggal kasih Comentar dan Tanggapan nya apa,,,

Tuesday, May 19, 2015

Cara Buat Banner Di Bawah Header



Assalamualaikum.Hay... All Kali Ini Mimin Update Lagi Loh... Nah Judul Artikel nya Yaitu Cara Buat Banner Di Bawah Header Nah nih Dia SS nya
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYwFYu0huXWnr-jYs3hQ8rHGScZYWwdHYedevGq5USa-ud9HMewEEJFT_BBajC4cfzitIDigQ0ecWtQiSpMBpLueBfmMilqDW5xgSI-AxQTDcgDK0Zf6Q8IVAk3J9pLsg-kQMWOAVhmQ/s1600/KxMadagascar+(4).png
Nah .. Langsung Aja Ya.. Ke TKP

1 . Log In Twitter :v Canda Blogger
2 . Pilih Blog Kamu
3 . Pergi Ke Template 
4 . Klik Edit HTML
5 . Cari Kode ]]></b:skin>
6 . Masukan Kode Di Bawah Ini Tepat Di Atas Kode ]]></b:skin>
#WAKBannerS {width:960px;height:65px;margin-left:auto;margin-right:auto;padding:9px;}
.WAKimage {float:left;margin-left:2px;margin-top:0px;height:60px;border:5px solid #00ffff;position:relative}
.banner-title {padding:2px;margin-left:0px;width:465px;height:56px;position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAD0lEQVQImWNgwA6MB1QQAFhxATM9UlO6AAAAAElFTkSuQmCC) #111;line-height:46px;text-align:center;font:bold 20px 'Iceberg',cursive;color:#bbb;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;opacity:0.8;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;-moz-transition:all 0.2s linear;width:465px;}
.WAKimageD {width:468px;height:60px;-webkit-transition:all 1s linear;}
.WAKimage:hover .banner-title  {opacity:0;display:block;font-size:0px;height:0px}
7 . Eitt .. Belum Selesai Sekarang Cari Kode <div id='content-wrapper'> Atau  <div id='content'> Pokoknya yang berhubungan Dengan Content

8 . Masukan Kode Di Bawah Ini Tepat Di Atas Kode  <div id='content-wrapper'> Atau  <div id='content'> ( Pokoknya yang berhubungan Dengan Content )
<div id='WAKBannerS'>
  <div class='WAKimage'>
   <span class='banner-title'>JUDUL BANNER</span>
    <a href='URL BLOG' target='_blank' title='DEKSPRISI ATAU KATA-KATA' border='0'> <img src='URL GAMBAR'/></a>
  </div>
     <div class='WAKimage'>
       <span class='banner-title'>JUDUL BANNER</span>
    <a href='URL BLOG' target='_blank' title='DEKSPRISI ATAU KATA-KATA' border='0'>
<img src='URL GAMBAR'/></a>
  </div>
</div>
 9 . Simpan Dan.. Lihatlah Hasilnya :3

Sekian aja dah dari mimin
Dan Masih Ingin Bertanya Silahkan Komentar Di Bawah Ini Insyaalah Nanti Di Balas / Tanggapi Oleh Saya
Tinggalkan Komentar Jika Ingin Mencoba Jangan Seperti Leech Oke
Thank's For You Visiting
- See more at: http://kxmadagascar.blogspot.com/

Sunday, July 14, 2013

Cara Memasang lagu Sederhana




Tapi, anda harus benar-benar tepat dalam memilih lagu yang akan sobat pasang di blog sobat, jangan sampai pengunjung blog sobat malah merasa risih akan adanya lagu yang sobat putar di blog sobat! ok deh, buat sobat-sobat yang ingin tau cara memasang lagu/musik di blog sobat! pastikan sobat mengikuti dengan pasti urutan langkah-langkahnya di bawah ini :
1. Ok, untuk yang pertama kali, sobat harus memilih lagu terlebih dahulu dari sebuah server yang menyimpan file lagu tersebut, sobat dapat mengupload file mp3 ke server sobat sendiri (jika punya hosting) atau sobat dapat menuju ke situs soundcloud.com disana anda dapat mencari lagu sesuai keingan sobat! dengan cara mengetikkan judul dan artis penyanyi di kolom pencarian seperti di bawah ini :
2. Setelah Mengetikkan di kolom pencarian, maka sobat akan mendapatkan hasil pencarian berupa-lagu-lagu yang telah ada di situs soundcloud, seperti di bawah ini :
Tak ada salahnya mengecek lagunya terlebih dahulu sebelum memasang lagu di blog sobat! g lucu kan kalau lagu yang kita pasang ternyata kualitas/judul sama lagunya tidak sesuai! sobat dapat mengeceknya dengan mengklik tombol play yang ada di hasil pencarian.
3. Setelah sobat menemukan lagu yang pas, silahkan sobat ambil script dengan cara klik tombol share :
Kemudian silahkan sobat pilih yang widget code, dan silahkan sobat copy code yang ada di dalamnya
4. Setelah sobat mendapatkan kode script di atas, silahkan sobat masuk ke akun blogger yang akan sobat pasang lagu di blognya.
5. Setelah sobat login ke dashboard blog sobat, silahkan sobat masuk ke layout/tata letak, kemudian klik add widget/tambahkan gadget >>kemudian silahkan pilih yang HTML/Java script. kemudian pastekan code script yang telah sobat dari langkah ke empat tadi ke dalam box! kemudian save, dan lihat blog sobat!
6. Pada settingan deffaultnya, musik yang dipasang di blog tidak akan autoplay, jika sobat menginginkan musiknya autoplay, silahkan tambahkan code"&amp;auto_play=true&amp;show_artwork=true" di bagian paling belakng URL file mp3, untuk lebih jelasnya silahkan lihat gambar di bawah ini.
kemudian save, dan lihat blog sobat! maka musik yang sobat pasang di blog sobat akan autoplay! selamat mencoba! dan di bawah ini adalah contohnya!



Demikian tutorial yang dapat saya berikan di blog ie-usa, semoga postinagn kali ini bermanfaat! dan saya harap bagi sobat yang meng copy paste artikel ini untuk mencantumkan source dari blog ie-usa! jangan full copas yah! semoga berhasil ^^

Surce