Laporan Prakerind Yulia

Jumat, 26 Oktober 2012

Hari Ke-23 dan 24 Prakerind

Hari/Tanggal : Jum'at dan Sabtu,26-27 Oktober 2012
Waktu pukul : 08.00 s/d 12.00 WIB

LIBUR IDUL ADHA

Kamis, 25 Oktober 2012

Hari/Tanggal : Kamis,25 Oktober 2012
Waktu : 08.00 s/d 12.00

Hari ini saya masuk pagi pukul 08.00, Seperti biasanya apabila masuk pagi kami membersihkan tempat Prakerind terlebih dahulu, Setelah itu sasya langsung melanjutkan mengisi Blog dengan memostingkan kegiatan yang dilakukan hari ini saat Prakerind dan membuat Link pelangi ketika disorot Cursor.

Berikut Cara membuat Link Pelangi ketika di Sorot Kursor :

Asslamualikum,
Kali ini Tips dari saya adalah membuat Link Menjadi Warna-Warni Ketika DiSorot oleh Kursor
pada blog,
Langsung aja ini caranya....

So Pasti Kamu harus Loggin di Blogger
Trus Langkah Selanjutnya Klik RANCANGAN.
Edit HTML
Sekedar untuk jaga-Jaga Kamu klik Download Template Lengkap takutnya Kamu Terjadi Kesalahan
Jangan Lupa juga Untuk Centang Expland Template Widget
Cari kode <b:skin><![CDATA[/*.kode untuk mempercepat pencarian Tekan Ctrl + F lalu isikan kode tadi
7. Copy kode di dalam kolom ini lalu paste di atas kode tersebut.

<script src='http://achmad46.googlepages.com/rainbow.js'>

</script>

Rabu, 24 Oktober 2012

Hari Ke-21 Prakerind

Hari/Tanggal : Rabu, 24 Oktober 2012
Waktu :12.00 s/d 16.00

Hari ini saya masuk siang pukul 12.00,Sesampainya disini saya langsung melanjutkan mengisi Blog dengan memostingkan kegiatan pada hari ini dan membuat Link Berkelip Disertai Kerlipan Bintang , Dan berikut caranya.

CARA MEMBUAT LINK BERKELIP DISERTAI KERLIPAN BINTANG :

Jika pada postingan terdahulu tentang efek yang terjadi pada link menyebabkan link bergoyang dan juga menyebabkan link berkedip dan bergetar, nah untuk efek pada link kali ini menggunakan gabungan CSS dan gambar. Efek yang ditimbulkan pada link jika mouse diarahkan atau didekatkan atau disorot maka akan membuat link berkelip disertai kerlipan bintang (Efek Hover).

Untuk memasang link berkelip dengan kerlipan bintang disekelilingnya ini sangat cocok untuk template blog dengan latar belakang yang gelap, kan bintang adanya di malam hari, jadi akan terlihat bersinar dan terang benderang di malam hari.

Cara membuat link berkelipan bintang di Blog :
1. Login ke Blogger
2. Pilih Template => Edit HTML
3. Cari kode </head> dan letakkan kode berikut ini diatasnya

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7CKxj2cV3l5E68OzjNJyo3ug6VM3EAkFahSRKN-v4WykS4ZTksnpt6Z4VWyZ1Fpa0j_0Yaig7IM1AvmKOBDDEi4kZaf6faLPCL1oWZLtQl097CSl5tbkfUZKnlT0CQAC4Iz7-ljBmP1g/s1600/str4.gif); }
</style> 4. Selesai dan simpan

Sekian dulu postingan tentang membuat link berkelip / berkedip disertai bintang, selamat mencoba dan semoga bermanfaat.

SILAHKAN MENCOBA....!!!!!!!

Selasa, 23 Oktober 2012

Hari Ke-20 Prakerind

Hari/Tanggal :Selasa,23 Oktober 12
Waktu :12.00 s/d 16.00

Hari ini saya masuk siang pukul 12.00, Setelah itu saya melanjutkan tugas saya yaitu mengisi Blog dan memperrcantik Blog dengan menambahkan Efek Daun Berjatuhan dan Efek bintang berjatuhan.

Untuk mempercantik blog,memang banyak ccaranya dan banyak widget yang digunakan.salah satunya yang akan saya bahas adalah tips untuk menghias blog dengan menambahkan Efek Bintang Jatuh dan Daun Gugur, mungkin sobat yang ingin menggunakan dapat di tambahkan ke dalam blog yaitu :

Efek Bintang Berjatuhan
Efek Daun Berjatuhan

Langkah Memasukan kode HTML Bintang/Daun Berjatuhan

Anda dapat menggunakan salah satu dari kode HTML tersebut dengan langkah yaitu :
-Login ke Blogger dengan ID Anda
-Pada Dasbor Klik Tata Letak
-Klik Tambah Gadget pada Elemen Halaman
-Klik HTML/JavaScript pada jendela Tambahkan Gadget

-Copy salah satu kode HTML dibawah ini pada jendela Mengkonfigurasi HTML/JavaScript
<script src=”http://www.geocities.com/sehatserasi72/efekbintangberjatuhan.js”></script>
<script src=”http://www.geocities.com/sehatserasi72/efekdaunberguguran.js”></script>

-Klik Simpan
-Selesai

Selamat mencoba……!!!!!!!.

UPDATE !!!!!

Jika script diatas tidak jalan maka ini aku kasih script baru :
<script src="http://ajurna.googlecode.com/files/daungugur1.js"></script>
<script src="http://ajurna.googlecode.com/files/salju1.js"></script>

SELAMAT MENCOBA IYAAA...!!!!!!!!!!!!!

Senin, 22 Oktober 2012

Hari Ke-19 Prakerind

Hari/Tanggal : Senin, 22 Oktober 2012
Waktu : 12.00 s/d 16.00

Di minggu Ke-4 ini saya masuk sore pukul 12.00, KSetelah itu saya langsung mengisi Blog dan mendesainnya danmenambahkan
Cara Buat Efek Bunga Sakura Bertaburan di Blog ,Berikut langkah-langkahnya :
Cara membuat / memasang efek bunga sakura di blogspot :
1. Log in ke Blogger
2. Klik Rancangan
3. Klik Tambah Gadget
4. Klik HTML/javascript
5. Masukkan kode berikut ke dalam HTML/javascript

<script type="text/javascript" src="https://sites.google.com/site/blogrudyhartono/js/SakuraRain.js"></script>

6. Simpan dan lihat hasilnya

Semoga Artikel Cara Buat Efek Bunga Sakura Bertaburan di Blog Bermanfaat Bagi Anda.!!!!

SILAHKAN MENCOBA...!!!!!!

Sabtu, 20 Oktober 2012

Hari Ke-18 Prakerind

Hari/Tanggal : Sabtu, 20 Oktober 2012
Waktu : 08.00 s/d 13.00

Hari ini saya masuk pagi pukul 08.00,Sesampainya di tempat prakerind saya langsung membersihkan tempat Prakerind, Setelah itu saya langsung melanjutkan mengisa Blog dan mempercantik Blog.

Cara Mempercantik Blog selanjutnya adalah Cursor Memakai Text maksudnya adalah sebuah kursor yang di ikuti beberapa kata sesuai dengan yang kita inginkan. Cara nya adalah???? ini dia saya kasih ..

Berikut langkah Cara Mempercantik Blog : Cursor Memakai Text
Login terlebih dahulu ke Blog Anda -Kemudian masuk ke Pengaturan > Template > Edit HTML
Jangan lupa backup terlebih dahulu templatenya
cari <head>

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */
/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">
/* Circling text trail- berry blog
Website: http://blogpenipu.blogspot.com
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Kunjungi http://blogpenipu.blogspot.com";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script></div>

Setelah itu copy kode di atas tepat di bawah tags <head>
kemudian save liat dah hasilnya..
ket : kata yang berwarna merah silakan ganti sesuai dengan keinginan Sobat Ok????

SELAMAT MENCOBA..!!!!!!!!!!!!!

Jumat, 19 Oktober 2012

Hari Ke-17 Prakerind

Hari/Tanggal : Jum'at , 19 Oktober 2012

Waktu          : 12.00 s/d 16.00

       Hari ini saya masuk siang pukul 12.00,Sesampainya di tempat Prakerind saya langsung melanjutkan mengisi Blog.
setelah itu saya melanjutkan mendesain blog dan menambahkan calender di dalamnya.

Cara Memasang Kalender di Blog

Mungkin sebagian dari para blogger ada yang memasang kalender pada blognya, selain agar mereka mengetahui tanggal pada hari tersebut, biasanya kalender ini digunakan untuk menambah hiasan di blognya masing-masing.

Kemudian bagaimana cara memasang kalender di blog..?
Caranya sangat mudah, mari kita baca di bawah ini :

Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, dengan menampilkan kalender-kalender yang menarik untuk di lihat.

Sebagai contoh :
http://www.free-blog-content.com.

Di dalam situs ini kalender yang di sediakan sangat beragam. hanya dengan mengklik kategori yang ada untuk memilih bentuk kalender yang anda inginkan untuk dipasang di blog anda, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada blog anda dengan cara sebagai berikut :

-Sign in blog anda di blogger.com
-Klik menu Tata Letak
-Klik menu Elemen Halaman
-Klik tulisan Tambah Gadget
-pilih tulisan HTML/JavaScript
-Copy kode kalender tersebut kemudian paste pada kolom yang di sediakan
-Klik tombol SIMPAN

   Selesai. kemudian lihat perubahan blog.!!!!!!