Prakerind ke 27

Hari,Tanggal                   :Rabu,31 Oktober 2012
Mulai Pukul                     : 08.00 sampai 12.00




Kmi masuk prakerind pukul  12.00.Kemudian kami mengisi blog seperti biasa dan mendesain blog dengan menambahkan efek Love berjatuhan di blog.

Cara Membuat Efek Love Berjatuhan di Blog

Pada postingan sebelumnya Rully membahas Cara Membuat Efek Daun Berjatuhan di Blog. kali ini Rully akan membahas Cara Membuat Efek Love Berjatuhan di Blog.

Berikut cara membuatnya :

1. Sign in di Blogger
2. Kemudian pilih "Rancangan"
3. Klik "Tambah Gadget"
4. Pilih "HTML/Javascript"
5. Copy kode scipt dibawah ini

<script src='http://anas.ku93.googlepages.com/lovingheart.js'>
</script>

6. Simpan

Gimana??? Mudah kan.
Selamat Mencoba

Tags : membuat efek bejatuhan di blog, membuat efek love di blog, membuat blog, efek love, efek berjatuhan





www.kebumenmedianet.com

Prakerind Ke 26

Hari,Tanggal            : Selasa,30 Oktober 2012
Mulai Pukul              : 12.00 sampai 16.00




Kami masuk prakerind pukul 12.00,kemudian kami langsung mengisi blog seperti biasa dan mengganti favicon blogspot dengan gambar sendiri


Cara mengganti Favicon dengan ganbar sendiri adalah sebagai berikut :


1. Login blogspot >> Dashboard
2. Masuk ke Design >> edit HTML
3. Copy code dibawah ini
<link href='URL your image' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
dan pastekan dibawah kode
<title><data:blog.pageTitle/></title>
Sehingga bentuknya kan seperti ini
4. Ganti tulisan merah URL your image dengan kode URL icon kamu.
Kalau kamu ngambil iconnya dari internet, kamu tinggal klik kanan pada iconmu terus pilih "Copy Image URL" . Tapi kalau kamu buat sendiri, kamu harus upload dulu icon kamu.
5. Save Template.
Sekarang liat blog kamu, apakah sudah berhasil. Harusnya sih berhasil ^^
BAGIAN Ke 2 :
Sekarang kita setting favicon pada Page Halaman, kalau tadikan pada bagian Edit Halaman Sekarang kamu pindah ke bagian Page Halaman. Tujuannya agar saat kamu di follow blog lain, tampilan icon blog kamu tidak kembali lagi ke icon blogspot.
Ikuti langkah berikut yaa :

1. Masuk ke Design >> Page Halaman
2. Klik edit pada kotak favicon
3. Pilih choose file dan cari icon yang akan kamu upload.

Nah kalau ini, kamu harus download icon kamu dulu (kalau ngambil dari internet).
Kalau upload gagal dan ada tulisan "Not Square Image" atau "This file is too large. You can upload a file up to 100kb in size" ini berarti icon kamu harus diedit.
Baca ketentuannya dibagian atas :
Please use a square image that's less than 100 KB.
Ini artinya bahwa icon yang kamu upload harus berbentuk PERSEGI (Square) bukan yang lain dan ukurannya harus kurang dari 100 KB.
So, edit icon kamu. Gunakan photoshop saja. Buat agar panjang dan lebarnya saja.
Kalau masih bingung mengubah ukurannya, begini caranya :
Buka icon kamu di Adobe photoshop
Pilih menu Image >> Image size
Hilangkan tanda centang di kotak Constrain Proportions
Ganti Width dan Height pada bagian Pixel Dimensions dengan ukuran yang sama.
Klik OK
Save icon kamu
Kalau icon kamu muncul dan tidak ada tulisan seperti diatas berarti berhasil.
Sekarang icon blog kamu sudah 100% berganti dengan icon kamu :)




www.kebumenmedianet.com

Prakerind ke 25

Hari,Tanggal      :    Senin,29 Oktober 2012
Mulai Pukul       :    12.00 sampai 16.00


Kami masuk prakerind pukul 12.00,kemudian kami mengisi blog danmendesain blog dengan cara membuat link pelangi saat disorot kursor


Berikut Cara membuat Link Pelangi ketika di Sorot Kursor :

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 Copy kode di dalam kolom ini lalu paste di atas kode tersebut.





www.kebumenmedianet.com

Prakerind ke 24

Hari,Tanggal       : Sabtu,27 Oktober 2012
Mulai Pukul          : 08.-00 sampai 13.00





LIBUR IDUL ADHA





www.kebumenmedianet.com

Prakerind Ke 23

Hari Tanggal        : Jumat, 26 0ktober 2012
Mulai Pukul           :12.00 sampai 16.00





LIBUR IDUL ADHA



www.kebumenmedianet.com

Prakerind Ke 22

Hari,Tanggal     :  Kamis,25 Oktober 2012
Mulai Pukul        : 08.00 sampai  12.00






Kami masuk prakerind pukul 12.00.Setelah itu kami melanjutkan kembali mengisi blog dan mendesain blog dengan cara menambahkan how to put calendar it on your blog


How to put calendar it on your Blog

Login blogger kamu


Masuk ke Dashboard >> Design >> Page Element
Add a gadget dan pilih HTML/JavaScript


Buka terlebih dulu calendar widget


Pilihlah ukuran calendar widget (kLik and Geser agar Ukuran berubah)





Copy Code calendar widget (click "GET CODE ")



Paste code Blogmu pada Page code (in HTML View)




Berikut adalah link calendar koleksi saya silakan kunjungi dan pilih cal;endar yang cocok untuk blog/ webmu


http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=1
http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=2
http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=3
http://www.cuteki.com/widgets/calendar






www.kebumenmedianet.com

Prakerin ke 21

Hari,Tanggal         :  Rabu,24 Oktober 2012
Mulai Pukul          : 12.00 sampai 16.00



Saya dan teman-teman masuk prakerind pukul 12.00,kemudian kami melanjutkan kembali mengisi blog dan menambahkan cara membuat Blockquote

Cara Membuat Blockquote :

Blockquote terdiri dari 2 kata, yaitu Block yang berarti blok dan Quote yang berarti kutipan. Jadi bisa disimpulkan bahwa Blockquote adalah kutipan yang diblok agar mendapat perhatian khusus dalam suatu tulisan. Contohnya pada artikel Mengapa Wenda dan Devi Keluar Dari Cherrybelle? seperti yang terlihat dibawah ini.

"Tuhan tolong aku, ku tak dapat menahan rasa didadaku... ingin aku memiliki, namun dia ada yang punya..."

Cara Membuat Blockquote di Blog

Untuk membuat blockquote di blog sangatlah mudah. Anda tinggal gunakan kode <blockquote> dalam membuat tulisan, dan otomatis akan terbentuk menjadi sebuah blockquote dalam tulisan blog anda. Contohnya seperti ini.

<blockquote>Daun berguguran, embun berjatuhan...
tebalnya kabut pagi semakin menyelimuti rasa dingin yang menusuk tulang...
sambil menanti hadirnya sang surya...

tubuh ini serasa tak siap
menerima hadirnya sang mentari..
sesaat menyadari, tiada kau lagi disini</blockquote>

Maka hasilnya akan seperti ini.

Daun berguguran, embun berjatuhan...
tebalnya kabut pagi semakin menyelimuti rasa dingin yang menusuk tulang...
sambil menanti hadirnya sang surya...

tubuh ini serasa tak siap
menerima kedatangan sang mentari..
sesaat menyadari, tiada kau lagi disini...

Barangkali blockquote anda akan terlihat berbeda dengan yang saya miliki di blog ini. Nah itu akan dibahas dalam posting berikutnya, Selamat mencoba! :)

www.kebumenmedianet.com




    

Prakerin Ke-20

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


       Seperti biasa saya masuk pagi pukul 08.00, Setelah itu saya membersihkan tempat prakerind,setelah itu melanjutkan kembali mengisi blog dan mempercantik blog dengan efek kembang api

Berikut ini Cara Mempercantik Blog : Efek Kembang Api

Login terlebih dahulu ke Blog Anda -Kemudian masuk ke Pengaturan > Template > Edit HTML
Jangan lupa backup terlebih dahulu templatenya
cari <head>
<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>
Setelah itu copy kode di atas tepat di bawah tags <head>
kemudian save liat dah hasilnya..
Gimana tutorialnya?? berhasilkan Cara Mempercantik Blog : Efek Kembang Api nya??? apakah udah bertaburan??



www.kebumenmedianet.com



 

Prakerind Ke 19

Hari,Tanggal                : Senin,22 Oktober 2012
Mulai Pukul                 :08.00 sampai 13.00



Kami masuk preakerind pukul 08.00.Kemudian kami membersihkan tempat prakerind.Setelah itu melanjutkan kembali mengisi blog dan mendesain blog yaitu Mempercantik Blog denganCursor Memakai Teks


Cara Mempercantik Blog selanjutnya adalah Cursor Memakai Text maksudnya adalah sebuah kursor yang di ikuti beberapa kata sesuai dengan yang kita inginkan. Cara nya ???? 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????






  www.kebumenmedianet.com

Prakerind Ke 18

Hari,Tanggal           :Sabtu,20 Oktober 2012
Mulai Pukul           : 08.00 sampai 13.00



Kami masuk prakerind puklul 08.00.Kemudian kami langsung membersihkan tempat prakerind.Setelah itu melanjutkan kembali mengisi blog dan mendesain blog dengan cara membuat tanda tangan siugnature blog


Sekarang untuk membuat tanda tangan digital atau signature di blog dapat sobat lakukan secara online tanpa perlu membuatnya secara manual menggunakan photoshop atau software lain. Memasang tanda tangan di bawah postingan blog jika dibuat dan ditata dengan bagus tentu saja akan membuat tampilan halaman blog menjadi terlihat lebih menarik dan professional. Tanda tangan digital juga dapat digunakan untuk tanda tangan di forum kaskus karena kode tangan yang kita dapatkan dari situs MyLivesignature ini terdiri dari 2 kode, yaitu kode HTML untuk pemasangan dihalaman posting blog dan kode BB untuk tanda tangan di forum kaskus.

Cara Membuat Tanda Tangan Digital di Blog :

1. Langsung saja meluncur ke alamat http://mylivesignature.com/ dan klik tulisan Click Here To Start.
2. Pada halaman berikutnya pilih Using the signature creation wizard.
3. Di halaman wizard (1-6 step) ini masukkan data yang diminta kemudian klik Next Step.
wizard 1: Masukkan name atau nama tanda tangan.
wizard 2: Pilih jenis huruf/font yang digunakan.
wizard 3: Tentukan ukuran besar/kecilnya tanda tangan.
wizard 4: Tentukan warna background serta warna teks tanda tangan.
wizard 5: Aturlah slope/kemiringan tanda tangan.
wizard 6: Tanda tangan sudah selesai tinggal ambil kodenya.
4. Langkah selanjutnya tinggal mengambil kode tanda tangan yang sudah selesai dibuat dengan mengklik tulisan Want to use this signature ?.
5. Nah disini 2 pilihan kode yang bisa di generate, pilih saja Generate HTML code karena kita akan menggunakannya untuk tanda tangan di bawah postingan blog.
6. Klik lagi Generate a code for my handwritten signature.
7. Copy kode HTML tanda tangan yang diberikan dan simpan di notepad. 




www.kebumenmedianet.com

Prakerin Ke 17

Hari,Tanggal    :Jumat,19 Oktober 2012
Mulai Pukul     : 08.00 sampai 12.00

 Hari ini saya masuk shift pagi. Sampai disini saya langsung membersihkan tempat prakerin dan melanjutkan pegisian blog. Setelah itu saya mendesain blog dan membuat Efek meteor jatuh pada blog. Efek yang satu ini bisa dikatakan cukup menarik karena disertai dengan suara saat meteor bertabrakan. Efek meteor jatuh merupakan efek yang cukup saya sukai karena berbeda dengan efek-efek lainnya. Efek ini dibuat oleh Stephen Chapman. Jika sobat blogger penasaran berikut langkah - langkahnya:
- Login ke blogger
- Masuk ke Rancangan -- Elemen Laman
- Tambahkan gadget lalu pilih HTML/Javascript
- Masukkan kode dibawah ini:
<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/meteor_jatuh.js">
</script>
Simpan gadget lalu lihat hasilnya. Selamat mencoba!





www.kebumenmediianet.com

Prakerind ke 16

Hari,Tanggal   : Kamis,18 Oktober 2012
Masuk Pukul  : 123.00 sampai 16.00




        Hari ini saya masuk pukul 12.00. Sampai disini saya langsung melanjutkan pengisian blog dan mendesain blog.
Lalu saya Membuat Hiasan Jam pada Blog. benginilah caranya :
 1. Silahkan klik link berikut –> http://www.clocklink.com
 2. Jika sudah berada pada situs tersebut, pilih menu Gallery pada sebelah kiri homepage clocklink (atau klik world clock untuk hiasan jam dengan tampilan peta dunia).
 3. Pada menu Gallery silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
 4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
 5. Klik tombol yang bertuliskan Accept
 6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
 7. Set ukuran jam yang anda sukai di samping tulisan size
 8. Copy kode HTML yang di berikan pada notepad
 9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
 10. Selesai

www.keebumenmedianet.com

Prakerind Ke 15

Hari,Tanggal     : Rabu,17 Oktober 2012
Mulai Pukul      : 08.00 sampai 12.00



Seperti biasa kami masuk prakerid pukul 08.00,kemudian kami langsung membersihkan tempat prakerind,setelah itu kami melanjutkan kembali mengisi blog dan mendesain blog dan kemudian menambahkan widget animasi  di blog.
Cara membuat cursor bertabur bintang pada blog. Tutorial ini didapat dari blognya Muji Jaya Ganesha .
Berikut langkah - langkahnya :
Login ke blogger
Masuk ke Design >> Page Element
Tambah Gadget >> HTML/Javascript
Copy Paste kode di bawah ini
Bintang Pink
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_pink.js" type="text/javascript"/></script>

Bintang Merah
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_merah.js" type="text/javascript"/></script>

Bintang Biru
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_biru.js" type="text/javascript"/></script>

Bintang Hijau
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_hijau.js" type="text/javascript"
/></script>





www.kebumenmedianet.com

Prakerind Ke 14

Hari, Tanggal      : Selasa,16 Oktober 2012
Mulai Pukul        : 08.00 sampai 12.00


Kami masuk prakerind puklul 08.00 kemudian  kami bersih-bersih tempat prakerin dan melanjutkan pengisian blog..Selanjutnya saya membuat WIDGET TULISAN MENGETIK SENDIRI
dan beginilah caranya : 


form name="news">
<textarea cols="50" name="news2" rows="3" wrap="virtual"></textarea></form>
<script type="text/javascript">
//<![CDATA[
var newsText = new Array();
newsText[0] = "Sobat ";
newsText[1] = "Sedang Membaca Artikel Tentang";
newsText[2] = "Membuat Widget Tulisan Mengetik Sendiri";
newsText[3] = "Jika sobat suka dengan artikel ini mohon klik + dibawah";
newsText[4] = "Silahkan mencoba tips dan triknya";
newsText[5] = "Semoga bermanfaat ";
var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False)
var tspeed = 250; // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds
// ------------- NO EDITING AFTER THIS LINE -------------
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
//]]>
</script>



NB : Ganti tulisan dengan selera anda...

Nah begitulah caranya...silahkan mencoba....







www.kebumenmedianet.com

Hari Prakerind Ke 13

Hari,Tanggal        : Senin,15 Oktober 2012
Mulai Pukul         : 08.00 sampai 12.00



Seperti biasa kami masuk prakerind pukul 08.00,setelah itu kami membersihkan tempat prakerid.Selanjutnya kami melanjutkan kembali mengisi blog dan memasang kopmentar facebook di blog


 Memasang Komentar Facebook di Blog. Seperti inilsh caranya :

Tutorial tentang cara membuat komentar facebook pada blog telah ada di beberapa website dan blog tertentu yang telah membahasnya, akan tetapi saya akan bahas lagi biar ilmu saya dan sobat juga makin bertambah. Jika sobat berminat ikuti tutorial berikut ini

1. Login ke blogger atau klik disini
2. Pilih template >> Edit Html >> Lanjutkan
3. Centang Expand widget template
4. Cari code di bawah ini
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>
5. Setelah ketemu Copy Script di bawah ini dan letakkan di atas code </b:includable>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if> 
6. Dan yang terakhir Simpan atau save template
Catatan: 
Angka 477 merupakan lebar kotak komentar facebook dan sobat dapat ubah sesuai dengan keinginan sobat




www.kebumenmedianet.com

Prakerind Ke Dua Belas

Hari,Tanggal       : Sabtu,13 Oktober 2012
Mulai Pukul        :  08.00 sampai 13.00



Seperti biasa kami masuk Prakerind pukul 08.00,sesampai ditempat prakerin kami langsung membersihkan tempat prakerind.Setelah itu kami melanjutkan kembali mengisi blog dan memasukan animasi tulisan kedalam blog.

Berikut adalah cara memasukkan animasi tulisan ke dalam blog anda. Silahkan ikuti langkah2 berikut ini : 
1. Masuk ke situs FLASHVORTEX.COM
2. Pada bagian Menu Di atas, silahkan anda pilih animasi yang ingin anda buat... Baik itu Menus, Texts, Banners, Button, dll.
3. saya akan kasih contoh banner, Silahkan Pilih banner nya. klik CLICK HERE TO EDIT THIS
4. Edit kata kata sesuai dengan yang anda inginkan, Lalu klik Generate Animation..
5. setelah itu anda akan di berikan sebuah kode, copy paste kode tersebut ke blog anda, baik itu di edit html, postingan, atau pada gadget baru., siip
sekian tutorial saya mengenai Cara membuat Animasi di Blog, semoga bermanfaat. 





www.kebumenmedianet.com

Prakerin Ke Sebelas

Hari,Tanggal           : Jumat,12 Oktober 2012
Mulai Pukul            : 08.00 sampai 12.00

Seperti biasa kami masuk pukul 08.00 kemudian kami langsung membersihkan tempat prakerind.Setelah itu kami melanjutkan kembali mengisi blog dan mendesain blog dan menambahkasn Langkah-langkal dalam memasang widget animasi bergerak


adapun langkah-langkah dalam memasang widget animasi bergerak yaitu :

1. masuk atau login ke blog kalian
2. klik Rancangan / Design kemudian klik Elemen laman / page Elements

3. Lalu klik tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..

4. pilih HTML/JAVA SCRIPT

5. lalu copy pastekan script-script berikut ini ( sebaiknya jangan di beri judul )

Nahhh lihat hasilnya,,,pasti keren...!!!! Coba aja






www.kebumenmedianet.com`

Hari Ke Sepuluh Prakerind

Hari,Tanggal          : Kamis,11 Oktober 2012
Masuk Pukul         : 12.00 sampai 16.00

Seperti biasa masuk pukul 08.00,kemudian kami langsung membersihkan tempat prakerind.Setelah itu kami langsung melanjutkan kembali mengisi blog dan mendesain blog







www.kebmenmedianet.com                  

Prakerin Ke Sembilan

Hari,Tanggal       : Kamis,10 Oktober 2012
Mulai Pukul         :08.00 sampai12.00



Prakerind hari ini masuk pukul 12.00.Kemudian kami langsung mengisi blog

Cara Mengisi Artikel Blog di Blogspot pada Tampilan Antarmuka Lama

Cara Mengisi Artikel Blog di Blogspot pada Tampilan Antarmuka Lama

A. Yang pertama tentu saja login ke bloger dulu ya…… masuk ke alamat situs www.blogger.com




tunggu beberapa saat sampai tampil halaman seperti gambar seperti di bawah ini,



lalu kamu klik tombol Menu entri baru, maka akan muncul seperti tampak gambar seperti ini



C. Supaya lebih jelas lagi saya beri tahu fungsi masing-masing tool bar pada jendela posting ini ya…

0 kolom Judul
1. Model huruf
2. Ukuran huruf
3. format huruf tebal
4. format huruf miring
5. coret huruf (kata)
6. warna huruf
7. memberi warna dibawah huruf
8. menyisipkan link
9. memberikan gambar / upload gambar
10. memotong paragrap (agar pada halaman utama hanya tampil sebagian/ membuat read more),
11. format perataan teks, (rata kanan, rata kiri, rata kanan kiri, rata tengah)
12. penomoran
13. bulet
14. blockquote
15. menghapus format
16. penyecek tata bahasa (berlaku untuk bahasa inggris)
17. Untuk memposting dan menyimpan artikel yang telah selesai di ketik
18. untuk menyimpan tanpa memposting artikel dulu
19. melihat tampilan artikel
20. memberikan nama ketegori posting
21. pilihan posting (seperti pilihan mengizinkan pengunjung untuk berkomentar, dan pilihan tidak mengizinkan pengunjung untuk berkomentar)
22. tempat menulis artikel



D. Cara Mengiri Mengisi artikel (posting artikel blog)
Tulis judul artikel pada seperti nomor 1, kemudian tulis artikelmu pada nomor 22, saya sarankan untuk menyelesaikan menulis artikel terlebih dahulu. kalau sudah selesai tinggal memformat artike kamu. Jika ingin mewarna, menebalkan, atau mengatur posisis pertaaan teks, awalilah dengan mengblok kalimat atau kata yang akan di format.

E.Menyisipkan gambar pada artikel (upload gambar atau foto)

Untuk menyisipkan gambar, klik icon nomor 9 (lihat keterangan gambar poin C di atas), kemudian nanti akan tampil jendela Add an Images, pada jendela itu terdapat dua pilihan yaitu polihan Uploaded images dan Web Adress (url). Uploaded images berati menyisipkan gambar dengan cara mengUpload dulu file gambarnya. sedangkan Web Addres berarti menyisipkan gambar dengan cara menuliskan alamat web file gambar (misalnya seperti ini http://ariesaksono.files.wordpress.com/2008/05/masjid-kubah-emas-05.jpg )
pada contoh ini kita gunakan opsi yang pertama, yaitu opsi uploaded images, klik pada tombol Browse.



setelah kamu klik pada tombol Brows, maka akan tampil jendela File Upload, pilih salah satu gambar yang akan diupload, pada contoh ini yang saya pilih adalah gambar handphone, setelah dipilih klik pada tombol OK



setelah kamu klik pada tombol OK, akan tampil proses upload ke server, tunggulah beberapa saat sampai proses uploading selesai.



Proses upload gambar telah selesai ditandai dengan munculnya jendela seperti gambar di bawah ini, lanjutkan dengan tombol OK



setelah kamu klik tombol OK, gambar akan tampil pada kolom posting artikel, hasilnya seperti gambar di bawah ini. Pada bagian bawah gambar terdapat tombo tombol pembantu format gambar, seperti Smal, medium, large, x large itu untuk mengatur besar kecil gambar , sedangkan Left, center, right itu berfungsi untuk mengatur posisi gambar mau diletakkan di kanan, kiri, atau tengah, dan tombol Remove untuk menghapus gambar



Jjika gambar ditampilkan terlebih dahulu sebelum mengetik artikel terkadang anda akan keculitan meletakkan posisi kursor pada kolom penulisan artikel. maka untuk mengatasi hal itu klik pada tombol Edit HTML , maka akan tampil jendela formating artikel dalam bentuk dasar HTML, pada format HTML gambar yang tadinya terlihat akan digantikan dengan bentuk kode (perhatikan gambar di bawah), tulislah artikel di bawah kode gambar atau di atas kode gambar sesuai dengan kebutuhan kamu.



Setelah selesai mengetik, klik pada Tombol Compose maka hasilnya akan tampil seperti gambar di bawah ini



Jika sudah selesai mengetik artikel dan memberikan gambar jangan lupa berikan judul artikel, dan juga label artikel. pada contoh di bawah ini judul artikel saya tulis Sony ericson, sedangkan labelnya adalah handphone. jiks sudah diisi klik pada tombol terbitkan Entri



Setelah kamu klik tombol terbitkan entri, maka akan muncul tampil seperti gambar di bawah ini, yang menunjukkan bahwa artikel berhasil di posting. untuk melihat hasilnya klik pada tombol lihat entri.



maka hasilnya akan tampak seperti gambar di bawah ini.


Cara Mengisi Artikel Blog di Blogspot pada tampilan antarmuka baru

Belum lama ini Blogspot atau blogger.com menghadirkan tampilan antar muka yang baru pada seluruh dashboardnya. Perubahan antar muka ini juga berlaku untuk halaman posting, pengaturan, dan lain-lain. Maka dari itu di bawah ini disajikan panduan cara mengisi artikel pada tampila antar muka yang baru.

1. Setelah berhasil login, kamu akan menjumpai halaman dashboard dengan tampilan yang baru seperti di bawah ini. Untuk mulai memposting artikel, silahkan klik tombol orange yang ada di sisi kanan (perhatikan keterangan gambar di bawah ini)



2. Setelah kamu klik tombol posti, nanti akan tampil halaman posting artikel seperti gambar di bawah ini. Penjelasan mengenai fungsi-fungsi silahkan lihat pada gambar di bawah ini. Kolom judul posting ada di nomor 1, kolom artikel ada di nomor 2, kolom label ada di nomor 3. setelah mengisi label, jangan lupa untuk klik tombol selesai pada nomor 4. Setelah semua kolom diisi, tinggal klik tombol Publikasikan pada nomor 5.
a

3. Tanda bahwa kamu telah berhasil mempublikasikan posting atau artikel adalah jika kamu menjumpai halaman seperti gambar di bawah ini. Untuk melihat hasil posting tinggal klik saja tombol Lihat. Jika ingin mengedit klik tombol edit, dan jika ingin menghapus klik pada tombol hapus.

Cara upload dan memasang foto di blogspot pada antarmuCara Mengisi Artikel Blog di Blogspot pada Tampilan Antarmuka Lama

A. Yang pertama tentu saja login ke bloger dulu ya…… masuk ke alamat situs www.blogger.com




tunggu beberapa saat sampai tampil halaman seperti gambar seperti di bawah ini,



lalu kamu klik tombol Menu entri baru, maka akan muncul seperti tampak gambar seperti ini



C. Supaya lebih jelas lagi saya beri tahu fungsi masing-masing tool bar pada jendela posting ini ya…

0 kolom Judul
1. Model huruf
2. Ukuran huruf
3. format huruf tebal
4. format huruf miring
5. coret huruf (kata)
6. warna huruf
7. memberi warna dibawah huruf
8. menyisipkan link
9. memberikan gambar / upload gambar
10. memotong paragrap (agar pada halaman utama hanya tampil sebagian/ membuat read more),
11. format perataan teks, (rata kanan, rata kiri, rata kanan kiri, rata tengah)
12. penomoran
13. bulet
14. blockquote
15. menghapus format
16. penyecek tata bahasa (berlaku untuk bahasa inggris)
17. Untuk memposting dan menyimpan artikel yang telah selesai di ketik
18. untuk menyimpan tanpa memposting artikel dulu
19. melihat tampilan artikel
20. memberikan nama ketegori posting
21. pilihan posting (seperti pilihan mengizinkan pengunjung untuk berkomentar, dan pilihan tidak mengizinkan pengunjung untuk berkomentar)
22. tempat menulis artikel



D. Cara Mengiri Mengisi artikel (posting artikel blog)
Tulis judul artikel pada seperti nomor 1, kemudian tulis artikelmu pada nomor 22, saya sarankan untuk menyelesaikan menulis artikel terlebih dahulu. kalau sudah selesai tinggal memformat artike kamu. Jika ingin mewarna, menebalkan, atau mengatur posisis pertaaan teks, awalilah dengan mengblok kalimat atau kata yang akan di format.

E.Menyisipkan gambar pada artikel (upload gambar atau foto)

Untuk menyisipkan gambar, klik icon nomor 9 (lihat keterangan gambar poin C di atas), kemudian nanti akan tampil jendela Add an Images, pada jendela itu terdapat dua pilihan yaitu polihan Uploaded images dan Web Adress (url). Uploaded images berati menyisipkan gambar dengan cara mengUpload dulu file gambarnya. sedangkan Web Addres berarti menyisipkan gambar dengan cara menuliskan alamat web file gambar (misalnya seperti ini http://ariesaksono.files.wordpress.com/2008/05/masjid-kubah-emas-05.jpg )
pada contoh ini kita gunakan opsi yang pertama, yaitu opsi uploaded images, klik pada tombol Browse.



setelah kamu klik pada tombol Brows, maka akan tampil jendela File Upload, pilih salah satu gambar yang akan diupload, pada contoh ini yang saya pilih adalah gambar handphone, setelah dipilih klik pada tombol OK



setelah kamu klik pada tombol OK, akan tampil proses upload ke server, tunggulah beberapa saat sampai proses uploading selesai.



Proses upload gambar telah selesai ditandai dengan munculnya jendela seperti gambar di bawah ini, lanjutkan dengan tombol OK



setelah kamu klik tombol OK, gambar akan tampil pada kolom posting artikel, hasilnya seperti gambar di bawah ini. Pada bagian bawah gambar terdapat tombo tombol pembantu format gambar, seperti Smal, medium, large, x large itu untuk mengatur besar kecil gambar , sedangkan Left, center, right itu berfungsi untuk mengatur posisi gambar mau diletakkan di kanan, kiri, atau tengah, dan tombol Remove untuk menghapus gambar



Jjika gambar ditampilkan terlebih dahulu sebelum mengetik artikel terkadang anda akan keculitan meletakkan posisi kursor pada kolom penulisan artikel. maka untuk mengatasi hal itu klik pada tombol Edit HTML , maka akan tampil jendela formating artikel dalam bentuk dasar HTML, pada format HTML gambar yang tadinya terlihat akan digantikan dengan bentuk kode (perhatikan gambar di bawah), tulislah artikel di bawah kode gambar atau di atas kode gambar sesuai dengan kebutuhan kamu.



Setelah selesai mengetik, klik pada Tombol Compose maka hasilnya akan tampil seperti gambar di bawah ini



Jika sudah selesai mengetik artikel dan memberikan gambar jangan lupa berikan judul artikel, dan juga label artikel. pada contoh di bawah ini judul artikel saya tulis Sony ericson, sedangkan labelnya adalah handphone. jiks sudah diisi klik pada tombol terbitkan Entri



Setelah kamu klik tombol terbitkan entri, maka akan muncul tampil seperti gambar di bawah ini, yang menunjukkan bahwa artikel berhasil di posting. untuk melihat hasilnya klik pada tombol lihat entri.



maka hasilnya akan tampak seperti gambar di bawah ini.


Cara Mengisi Artikel Blog di Blogspot pada tampilan antarmuka baru

Belum lama ini Blogspot atau blogger.com menghadirkan tampilan antar muka yang baru pada seluruh dashboardnya. Perubahan antar muka ini juga berlaku untuk halaman posting, pengaturan, dan lain-lain. Maka dari itu di bawah ini disajikan panduan cara mengisi artikel pada tampila antar muka yang baru.

1. Setelah berhasil login, kamu akan menjumpai halaman dashboard dengan tampilan yang baru seperti di bawah ini. Untuk mulai memposting artikel, silahkan klik tombol orange yang ada di sisi kanan (perhatikan keterangan gambar di bawah ini)



2. Setelah kamu klik tombol posti, nanti akan tampil halaman posting artikel seperti gambar di bawah ini. Penjelasan mengenai fungsi-fungsi silahkan lihat pada gambar di bawah ini. Kolom judul posting ada di nomor 1, kolom artikel ada di nomor 2, kolom label ada di nomor 3. setelah mengisi label, jangan lupa untuk klik tombol selesai pada nomor 4. Setelah semua kolom diisi, tinggal klik tombol Publikasikan pada nomor 5.
a

3. Tanda bahwa kamu telah berhasil mempublikasikan posting atau artikel adalah jika kamu menjumpai halaman seperti gambar di bawah ini. Untuk melihat hasil posting tinggal klik saja tombol Lihat. Jika ingin mengedit klik tombol edit, dan jika ingin menghapus klik pada tombol hapus.

Cara upload dan memasang foto di blogspot pada antarmu





www.kebumenmedianet.com

Prakerin Ke delapan

 Hari,Tanggal     : Selasa,09 Oktober 2012

Mulai Pukul       : 08.00-12.00







Hari Ke-8 masuk prakerin seperti biasa sampai di tempat prakerin langsung membersihkan tempat prakerin. Setelah itu melanjutkan pengisian blog juga mengubah tampilan blog.
Lalu menambahkan link Url pada tulisan yang di postingkan  kebumenmedianet.
http://kebumenmedianet.blogspot.com/ 
 Dengan cara sebagai berikut: 

Untuk menambahkan link URL dari suatu halaman situs, langkah pertama yang harus Anda lakukan adalah sorot/highlight sebuah kata atau beberapa kata yang akan Anda tautan ke sebuah halaman situs. Kemudian arahkan pointer/mouse Anda ke bagian tool untuk memilih ikon Insert/Edit Link 

Popup Insert/Edit Link akan muncul di halaman Anda. Silakan isi form tersebut.

• Link URL: Isikan alamat URL yang akan Anda tambahkan/tuju, semisalhttp://www.sabda.org/
• Target : Pilihan ini dipakai untuk bagaimana URL akan ditampilkan -- pada window yang sama atau membuka window baru.
• Title : Nama dari URL yang Anda tambahkan. Ini akan muncul saat link URL disorot oleh pointer mouse. Misal: SABDA.org.
• Class : Style URL yang disediakan. Untuk default, form ini diabaikan saja.

Setelah memasukkan alamat link URL, form Target bisa Anda tentukan.

• open link in the same window : untuk membuka halaman situs tujuan dalam halaman yang sama.
• open link in a new window : untuk membuka halaman situs tujuan ke halaman window yang baru.

Langkah berikutnya, form Title dan Class bisa diisi bisa tidak. Setelah yakin, silakan klik tombol Insert. Untuk mengedit link URL yang telah dibuat, sorot lagi kata-kata yang dipakai sebagai tautan, lalu klik
 tombol  

www.kebumenmedianet.com