PRAKERIN MULTIMEDIA SMK MA'ARIF 1 KEBUMEN TAHUN 2012/2013

Sabtu, 24 November 2012

Hari Ke-48 Prakerin

Sabtu, 24 November 2012

Pukul 08.00 s/d 13.00 WIB

Web Owner

Pemilik web adalah penyedia ruang pada website yang memungkinkan advertiser memasang link iklannya. Anda berpeluang mendapatkan penghasilan tambahan dengan memasang link iklan pada Advertiser yang tergabung di AdsenseCamp. Dengan bergabung di AdsenseCamp website Anda akan kami lengkapi dengan engine periklanan berbasis teks yang kami berikan berupa code dengan sistem bayar per unik klik (pay per unique click), yang berarti Anda akan mendapatkan bayaran apabila ada yang melakukan klik pada iklan di website Anda. Pemilik web dapat memantau jumlah pageviews dan klik yang telah dihasilkan pada webnya. Cara Menerbitkan Iklan

Silakan lakukan pendaftaran terlebih dahulu dengan mengisikan data diri Anda.

Lakukan konfirmasi pendaftaran pada email yang kami kirimkan.

Tambahkan website Anda, tekan submit dan tunggu konfirmasi.
Ambil code script iklan AdsenseCamp untuk website Anda, pasang pada web Anda.
Silakan buka website Anda, apabila konfigurasi telah dilakukan dengan benar, maka iklan kami akan langsung terlihat pada website Anda.
www.kebumenmedianet.com

Jumat, 23 November 2012

Hari Ke-47 Prakerin

Jum'at, 23 November 2012

Pukul 08.00 s/d 16.00

cara membuat daftar isi berjalan pada blog

oke kita langsung saja masuk ke inti pembahasan nya
untuk pengguna blogger tampilan lama

1. login ke blogger/ dasbord
2. rancangan
3. elemen laman
4. add gadget
5. pilih HTML/Java Script

masukin script di bawah ini

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href=" http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-logo-i-love-indonesia-pada.html">cara membuat logo i love indonesia pada sudut blog</a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-translate-language-pada.html">cara membuat translate language pada blog dengan bendera </a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-tulisan-berjalan-di-atas.html">cara membuat tulisan berjalan pada blog di atas menubar/ adress bar </a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/07/tutorial-membuat-fans-page-blog-di-fb.html">cara membuat fans page blog di fb dan widgetnya </a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/07/heack-facebook-tanpa-software-9999999.html">heack fb tanpa software </a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-nmembuat-efek-bintang-berjatuhan.html">cara membuat efek bintang berjatuhan pada kursor blog </a><br/>

</marquee>

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center">

<a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-widget-follow-me-on.html">cara membuat widget follow me on twitter </a>

<a href="http://ahmadbjblogs.blogspot.com/2012/06/cara-menghapus-kronologi-facebook.html">cara menghapus kronologi </a><br/>

<a href=" http://ahmadbjblogs.blogspot.com/2012/06/cara-mengubah-cursor-blogger-dan-contoh.html">cara mengubah cursor blog dan contoh contohnya</a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/06/v-behaviorurldefaultvmlo.html">cara membuat video di timeline fb dari koleksi foto </a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/07/foto-perpisahan-sineglos-20112012-9a.html">foto perpisahan SMP n 1 losarang </a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-memasang-cbox-cheat-box-di-blogger.html">cara memasang Cbox/ cheat box pada blog </a><br/>

<a href="http://ahmadbjblogs.blogspot.com/2012/06/buat-blogmu-bertaburan-cintalove-love.html">buat blogmu bertaburan cinta/love love </a><br/>

</marquee>

6. naaahhh kalian ganti teks berwarna merah dengan link blog anda per entri
kalian juga ganti teks warna biru dengan judul per entri
kalau anda belum mengerti coba cermati saja script yang saya kasih kan di aas nanti pasti mengerti

7. save

selesai

naaaaahh bagi agan yang pake tampilan blog baru/anyar,,,, berhubung saya pengguna blog lawas jadi saya sarankan anda berpindah ke blog lawas dlu caranya

ke dassboard > ke menu pengaturan(di samping pengaturan bahasa) > kemudian pilih antar muka ke blogger lawas

oke buat agan agan sekalian yang belum mengerti silahkan boleh bertanya pada kotak komentar

6. naaahhh kalian ganti teks berwarna merah dengan link blog anda per entri
kalian juga ganti teks warna biru dengan judul per entri
kalau anda belum mengerti coba cermati saja script yang saya kasih kan di aas nanti pasti mengerti

7. save

selesai

www.kebumenmedianet.com

Kamis, 22 November 2012

Hari Ke-46Prakerin

Kamis, 22 November 2012

Pukul 12.00 s/d 16.00 WIB

Cara memasang shoutmix chat di blog

Bagi para sobat yang baru pemula untuk ngeblog mungkin masih bingung bagaimana caranya memasang shoutmix chat pada blognya. Bagi sobat yang berminat untuk memasang shoutmix pada blog berikut sedikit petunjuk buat anda :

1. Kunjungi halaman http://www.shoutmix.com/main/

2. Untuk mendapatkan code sriptnya, kita harus registrasi dahulu. Klik 'create your shoutbox now'. Maka akan muncul halaman seperti dibawah ini. Masukkan ID anda, Password, Name, dan email anda. Jangan lupa di check list 'i have ready and agree ....'. Kemudian klik continue.

3. Setelah klik continue, maka akan muncul halaman berikut ini. Pilihlah shoutbox style sesuai keinginan anda. Setelah anda pilih, klik continue.

4. Step berikutnya akan muncul halaman seperti berikut. Klik 'get to my control panel now'

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF9fa1PAZvXuuyCMm3BUKDdb9t3Qlkw93zHJst1cRY6uqblj9IWz0x9SsQBCfQMzIFG5769v8A2q5ehB6m0bsib6K4IllC8_dIbQgigZd98uD4D7kft1AuCMqHq2LF5ASTSs4vkZelsf6H/s320/4.gif" style="cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;">

5. Akan muncul halaman seperti di bawah ini. Untuk mendapatkan kode scriptnya, klik get code pada kolom quick start, pilihlah get code.

6. Pada step terakhir ini akan muncul halaman seperti di bawah ini. Setting width dan height sesuai dengan ukuran blog anda. Copy code nya di kotak 'generated codes', lalu pastekan pada elemen javasript/html pada blog anda (tentunya anda harus login pada blog anda).

Simpan script yang telah anda pastekan ke elemen html nya. Lihat blog anda. Semoga berhasil.

www.kebumenmedianet.com

Rabu, 21 November 2012

Hari Ke-45 Prakerin

Rabu, 21 November 2012

Pukul 12.00 s/d 16.00 WIB

Cara memodifikasi footer blog agar lebih elegan

Hai sobat blogger,kali ini saya akan update tutorial blog lagi nih sobat blogger. saya akan memberikan tutorial bagaimana cara memodifikasi blog agar menjadi lebih elegan. Untuk contoh, bisa lihat gambar dibawah ini, gimana? menarik bukan ? jika kurang menarik, sobat bisa mengganti sesuka hati kok mulai dari background, font, widget, dll.

Jika tertarik, mari kita bahas dan kupas tuntas tutorial pemodifikasian footer blogger ini bersama-sama.

1.) Baca Basmallah
2.) Masuk ke akun blogger sobat
3.) Langsung masuk ke Dashboard > Template > Edit Html > Lanjutkan
4.) Centang tanda expand template widget
5.) Hapus dulu kode CSS Footer anda sebelumnya, cari kode #footer-wrap, jika tidak ada, bisa melanjutkan ke langkah selanjutnya
6.) setelah itu, coba cari kode ]]></b:skin>
7.) Lalu paste kode dibawah ini tepat diatas kode ]]></b:skin>

#footer-wrap{background:#FCFCFC}#footer{background:#fbfbfb;height:50px;padding:25px 35px 20px;border-top:1px solid #eee;text-decoration:none}#footer-column-container{clear:both;padding:0px 0px 10px 0px;background:#fff;color:#FFF}#footer-column-container a{text-decoration:none;color:#FFF}#footer-column-container a:hover{text-decoration:none;color:#FFF}#footer-column-container h2{color:#FFF;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2a7rxeBQbjyrqEkvM6sK-KcwPmrtktdBiR6mrlWPZ3qnXPVEa7V__2sjh-xMsBC44CNpRgyQdHwOFa5a3fvYF_ZkJ1DKVkitaQipwhwKEd0DDyt6IEI9bePhdoxieFBt5MMX_WKN7xLi3/s1600/widget-title-bg.png) left top repeat-x;font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 5px 0;padding:8px 0 7px 10px;text-transform:uppercase}#footer-column-container ul{list-style-type:none;list-style:none;margin:0px;padding:0px}#footer-column-container ul li{padding:6px 0 6px 10px;margin:0;background:#292929;border-top:5px solid #666;margin:0 auto;padding:0 auto}.footer-column{padding:4px 10px}.credits{float:left;width:350px}#footer .credits p{line-height:100%;font:$(heading.font);font-size:16px;font-weight:700;margin:0 0 5px;padding:0}#footer .footer-menu{float:right;height:100pxmargin:0;padding:5px 0 0 0}

8.) Lalu cari kode </body>, taruh kode ini diatas kode </body>

<div id='footer-column-container'><div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/></div><div id='footer3' style='width: 33%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/></div><div id='footer4' style='width: 33%; float: right; margin:0; text-align: left;'><b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/></div><div style='clear:both;'/></div></div><div class='span-24' id='footer-wrap'> <div id='footer'> <div class='credits'> <p>© 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p> <small>Powered by <a href='http://www.blogger.com' target='_blank'>Blogger</a> | Template Designed by <a href='http://rizaldipriantama.blogspot.com' target='_blank'>Rizaldi Priantama</a><br/> © All right reserved - Dilindungi oleh DMCA dan Hak Cipta Blogger</small> </div> <div class='footer-menu' id='section-left'></div></div></div> </div></div>

9.) Jika perlu, edit seperlunya html itu sendiri, jika ada pertanyaan silahkan layangkan lewat komentar
10.) Simpan Template dan lihat hasilnya
.coba aja

www.kebumenmedianet.com