Powered by Blogger.

Cara membuat artikel terkait dibawah postingan



Cari kode ]]></b:skin>
Copy kode dibawah ini, lalu paste di atas kode ]]><b/:skin> berikut ini


.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;
-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}

copy code ini di bawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

selanjutnya simpan dan lihat hasilnya......

Read more...

Cara membuat text mengikuti kursor

Berikut ini scrip untuk membuat Text mengikuti kursor dapa web ini ketika agan menggerakkan kursor akan ada tulisan klinik IT, cara nya anda letakkan pada Gadget / Widget HTML/JavaScript anda copi dan pastekan scrip berikut ini :


<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: #999;

/* 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'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Klinik  IT";
/* 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>

semoga bermanfaat buat anda

Read more...

program pengolahan nilai semester

Program Pengolahan nilai semester I tahun pelajaran 2012.


Program Pengolahan Nilai Versi 42.1
Bacalah Petunjuk cara penggunaan program ini dengan baik dan benar agar tidak salah dalam penggunaan program
kesalahan yang terjadi seperti pada versi-versi sebelumnya bukan pada program, akan tetapi kesalahan pada penggunaan dan penempatan data yang tidak sesuai
                                                               
Pada saat pertama kali program di jalankan, akan tampil menu yang terdiri dari : Reg Peserta, Read Me, KKM, Nilai Harian, Nilai UTS, Nilai Semester
dan Data Sekolah                                            
                                                               
Hal Pertama yang perlu di isi                      
                Isi terlebih dahulu data sekolah, data yang berwarna merah sesuaikan dengan data sekolah anda
                (data ini bukan hanya tampilan pada lembar tersebut melainkan di link kan kehalaman lain nya)
                     
                                        
Hal ke dua yang di isi                      
                Reg Peserta                       
                Pada file ini anda harus lebih teliti dan seksama serta jangan menggunakan fungsi drag, karena rentan nya fungsi drag dengan perpindahan sel yang tidak sesuai dengan prosedur
                sebaiknya anda tidak mengetik secara langsung pada sheet ini, gunakan sheet lain yang sesuai dengan form tersebut setelah jadi anda pastekan pada sheet daftar peserta Ujian
                NO                                        
                Nomor ini dimaksudkan untuk membuat nomor urut siswa di kelas dimana siswa tersebut belajar dari no terkecil hingga terakhir
                Pada program tertera No 1 - 42 untuk absen siswa jika siswa perkelas tidak sampai 42 orang nomor yang kosong harapa di kosongkan saja
                NO Ujian, Kelas, Nama, Ruang, J/K, Num
                Anda Dapat Membuat No Ujian sesuai dengan kebutuhan anda Tinggal Sesuaikan berdasarkan kriteria Anda, referensi dari program, anda urutkan data satu kelas pararel IX A - IX H
                Selanjutnya di Ascending berdasarkan nama dari A - Z. lalu dari nama teratas anda beri nomor ujian terkecil hingga terakhir nama siswa paling bawah (data maksimal 300 siswa)
                untuk pembagian ruangan anda hitung sesuai dengan keadaan bisa anda buat 15 peserta ujian per ruangan, jadi bila 15 orang anda tinggal hitung dari awal 15 orang pertama
                akan mengikuti ujian di Ruang 1, dan 15 selanjutnya di Ruang 2 begitu seterusnya, jika berlebih anda sesuaikan saja dengan keadaan
                untuk NUM ini dimaksudkan untuk keperluan perhitungan jumlah peserta ujian per ruangan ujian, wajib di abjad dari 1,2,3,4 sampai siswa terakhir tiap ruangan
                                                               
                No Reg dan No Ujian     
                Ini Merupakan fungsi utama dari sukses tidaknya program berjalan nantinya, hati-hati kesalahan pada umumnya terjadi disini
                No reg merupakan data kontrol awal sebanyak 336 Nomor, yang berarti hanya dapat menampung maksimal 336 peserta ujian
                Jika peserta ujian anda tidak sampai 336 biarkan saja, toh tidak mengganggu no reg juga sekaligus untuk menghitung berapa jumlah peserta ujain kelas pararel
                setelah data anda selesaikan dengan benar, telah di ascending kembali berdasarkan kelas masing-masing, ini akan berdampak pada leger jika anda salah
                pastekan pada form ini, harap tidak menggunakan mouse untuk fungsi copas, gunakan fungsi control untuk copas itu lebih baik
                                                               
                Tombol DAFTAR                              
                di gunakan untuk mendaftarkan siswa peserta ujian, jika anda telah mengentrikan data peserta ujian klik tombol, maka secara otomatis siswa akan terdaftar pada form nilai
                                                               
                AZ Reg                                 
                tombol ini di gunakan untuk mengurutkan data secara ascending atau mengurutkan data dari no 1 - 300 pada data NO REG
                ini dimaksudkan untuk mengurutkan data bila ada perubahan menggunakan tombol NO Ujian
                                                               
                AZ Ujian                                              
                Tombol ini di gunakan untuk melihat tampilan data siswa berdasarkan Nomor Ujian dari nomor terkecil hingga terakhir
                                                               
                Jika ada perubahan data harap kembali gunakan tombol daftar agar perubahan tersebut dapat ter registrasi pada lembaran lainnya
                                                               
                                                               
                Pengisian Daftar Nilai Harian & Daftar Nilai UTS
                                                               
                Pengisian daftar nilai tersebut berdasarkan nilai yang di berikan oleh guru mata pelajaran, tidak perlu menggunakan pembulatan
                nilai dapat di inputkan mulai dari angka  0 hingga 100, jangan menggunakan tanda lain selain angka
                beberapa kasus operator meng entrykan nilai dengan cara pembulatan, hal ini dapat merugikan sebagian siswa, oleh karena itu
                Operator harap meng Entrykan Nilai sesuai dengan yang di berikan oleh guru mata pelajaran, dalam program ini nilai dibelakang koma turut berpengaruh
                dalam perhitungan nilai.              
                Untuk bidang studi IPA dan IPS, operator meng entrykan berdasarkan mata pelajaran yang ada ( ada 3 untuk ips) dan ( ada 2 untuk ipa), anda tidak perlu membagi terlebih dahulu
                untuk mata pelajaran yang telah di nyatakan terpadu seperti IPA terpadu IPS terpadu dengan nilai dari guru bidang studi hanya satu, anda di wajibkan mengisi nilai yang lain
                agar data tetap valid sesuai dengan kolom yang tersedia, jadi jika mata pelajaran terpadu copas saja nilai nya
                untuk nilai PENJAS, ini hanya tersedia nilai Harian, Nilai harian yang akan langsung menjadi nilai raport/leger
                                                               
                Pengisian Form Nilai UJIAN SEMESTER
                Untuk pengisian nilai Ujian Semester anda harus sedikit seksama karena jika salah akan berdampak besar terhadap nilai siswa
                sebelum anda menge entrykan nilai Ujian semester
                anda pastikan anda meng entrykan Nilai berdasarkan nomor ujian siswa tersebut, jangan salah isi
                Untuk mempercepat kerja anda karena nomor ujian siswa tersebut tidak berurut, anda ascending data sesuai nomor ujian, pada kolom no ujian terdapat anak panah kecil
                klik anak panah tersebut, maka akan tampil layar kecil disamping nya lalu anda pilih AZ Aort Smalles to largest
                selanjutnya anda entrykan data siswa dengan mudah karena nomor telah ber urut berdasarkan nomor ujian
                setelah semua data nilai anda entrykan kembalikan format data tersebut berdasarkan format data awal yaitu no reg 1 - 300
                caranya sama dengan sebelumnya, anda klik anak panah kecil pada no reg, lalu pilih AZ Sort Smallest to Largest
                tahap terakhir yang anda lakukan adalah mengklik simpan
                pada tombol simpan disini dimaksudkan untuk mengirimkan data nilai yang telah anda entrykan ke menu penghitungan nilai
                Jika anda tidak meng klik tombol simpan maka data nilia yang anda entry kan tidak akan di hitung
                Penting Nian di ingat
                anda harus memastikan Posisi No Reg  ber urut mulai dari 1 hingga 300
                sebelum anda mengklik tombol kirim
                Jika anda mengabaikan hal ini maka kesalahan jelas pada operator bukan pada program, karena program berjalan sesuai dengan perintah
                yang memberi perintah salah ya so pasti program nya akan lebih salah lagi, jadi inga … inga ….. Inga ting
                                                               
                Cetak Leger                       
                Tombol Cetak Leger Tersedia pada Halam Muka/ Halam depan
                Ketika anda klik tombol cetak leger anda akan di antarkan ke halaman leger, jangan bingung bagaimana cara anda men cetak data berdasarkan kelas
                pada sudut tertulis Kelas anda akan melihat anak panah kecil, disanalah …. tempat lahir beta di buia dan di besarkan bunda….eeehhhh keterusan dah lagunya
                anda klik berdasarkan kebutuhan, anda tentu sudah tau cara menggunakannya, pilih kelas trus cetak dah dengan menggunakan menu print.
                untuk kelas selanjutnya anda tinggal mengulang sukses langkah di atas.
                                                               
                selamat ber juang para operator, kejujuran ada pada kejelian mata dan hati anda
                Jika anda berhati mulia anda tau dan menyadari kesalahan anda pada saat meng entry nilai tersebut, jika tidak anda akan mengatakan program nya salah hitung
                Ingat ….. Komputer hanya mengikuti perintah si pemberi perintah

Read more...

Cara membuat Label bergerak Berputar

Membuat Label Tulisan Begerak seperti yang anda lihat pada label di sebelah kiri ini adalah tampilan label yang telah di tambahkan scrip/kode htmlnya sehingga dapat bergerak berputar.
 
Berikut ini langkah-langkah cara membuat label berputar-putar di blog:
1. Login Akun blog anda
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Anda cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
5. Setelah ketemu anda copy paste code berikut tepat di bawah scrip di atas

Kode/scrip dapat anda lihat disini

Read more...

Membuat efek zoom pada gambar postingan di web

Efek zoom merupakan sebuah trik yang di gunakan oleh pemilik sebuah web untuk menampilkan sebuah tampilan berbeda, penggunaan efek zoom ini juga sekaligus untuk memperkecil  kapasitas penyimpanan dan mempercepat proses loading web anda.

Efek zoom akan tampak ketika anda atau pun pengunjung mengarahkan mouse pada gambar yang akan dilihat dengan tampilan lebih besar seperti contoh gambar dibawah ini


Photobucket
Untuk melihat efek zoom anda cukup mengarahkan mouse anda ke gambar di atas, maka gambar akan tampak membesar dengan sendirinya.

Cara membuat efek zoom tersebut cukup anda mengikuti langkah berikut ini :

1. Login ke blogger
2. Pilih Rancangan => Edit HTML/java script
3. Cari kode ]]></b:skin>
4. Copy paste scrip berikut ini dan letakkan tepat diatas kode ]]></b:skin>

.post img:hover { -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transform: scale(2); -o-transform: scale(2); -webkit-transform: scale(2); }

5. Selesai, klik simpan template anda

Lihat hasilnya mengagumkan web anda sudah dapat menampilkan gambar membesar dengan sendirinya ketika mouse di arahkan ke gambar.

catata kecil :
Angka 0.5 maupun 2 diatas berfungsi untuk tampilan zoom, semakin besar angka yang anda masukkan semakin besar pula zoom yang akan di hasilkan
anda dapat merubah sesuai dengan kebutuhan anda sendiri.
semoga tips ini bermanfaat bagi anda
jangan lupa beri komentar anda.

Read more...

Menampilkan Halaman Excel di web blog

cara mudah untuk menampilkan file excel maupun ms. word adalah seperti berikut
anda perlu meng upload file tersebut pada http://id.scribd.com
sebelum anda upload terlebih dahulu and daftar dahulu, setelah proses registrasi anda lakukan, upload data tersebut
gunakan scrip dari upload yang anda dapat dari upload file tersebut, dan pastekan di halaman Entry baru

semoga bermanfaat

Read more...

Menambahkan gambar disebelah judul web blog

menambahkan gambar pada sebuah web blog cukup menambah indah sebuah tampilan web blog, gambar ini juga sekaligus untuk menggantikan logo blog yang ada di sebelah kiri judul dan url web blog anda, namun jika gambar atau size yang di buat tidak sesuai dengan tempat juga tidak menambah bagus tampilan sebuah blog malah terlihat menjadi tidak elegan lagi. oleh karena itu sebelum membuat gambar perhatikan dulu gambar atau ukuran dai gambar yang akan di tampilkan

gambar disamping ini merupakan contoh dari gambar yang di buat pada web ini, untuk menampilkan foto ini ada pada web anda cara nya cukup muda, anda tinggal menambahkan scrip dibawah ini pada templete edit html anda. 

<link href=' URL Gambar' rel='SHORTCUT ICON'/>
url gambar di samping saya upload pada halaman ini juga, jika anda ingin menampilkan gambar seperti ini atau akan menampilkan gambar lain anda tinggal upload gambar dan lihat url nya dimana. untuk melihat dimana url gambar disamping anda tinggal klik kanan trus klik buka tautan baru atau new tab copy alamt urlnya sehingga scripnya menjadi  
<link href=' http://2.bp.blogspot.com/-5F384fTho6g/UJ-uA-P2aXI/AAAAAAAAABY/tTWKxkKkE64/s1600/garudaku.png' rel='SHORTCUT ICON'/>

scrip diatas di letakkan tepat dibawah kode berikut

<title><data:blog.pageName/></title>

anda dapat pula menggunakan foto anda untuk di tampilkan di web anda agar pengunjung tau bahwa andalah pemilik web anda.

selamat mencoba ???

Jangan lupa beri komonter anda jika anda menggunakan scrip diatas

Read more...

Mempercepat loading web blog

Berbagai macam cara dan isi blog yang di tampilkan di web blog yang di buat oleh pemilik blog. berbagai macam isi tulisan gambar, video dan sederetan iklan yang terkadang di tampilan berlebihan sehingga isi tulisan dari web tersebut menjadi tidak beraturan lagi.

Sebelum anda membuat web blog apakah web blog seperti tampilan saat ini yang anda ingin kan ??? jika sudah seperti yang anda inginkan, jangan permasalahkan lagi kenapa web blog anda menjadi lama loadingnya. hal ini karena setiap data yang di tampilkan pada halaman depan (Home Page) akan di baca oleh komputer setiap kali web blog di buka, setiap kali web di buka maka web akan mencari sumber dimana di letakkan link-link yang terdapat pada halaman web blog anda semakin banyak yang anda tampilkan semakin lama web blog anda akan terbuka. 

Jika anda meginginkan blog anda di gemari oleh pengunjung karena web anda cepat loading ikuti tips berikut ini :

1. Jangan Tampilkan Menu yang tidak bermanfaat
2. Jangan Tampilkan Video/ Gambar bergerak yang tidak bermanfaat  karena akan berpengaruh pada
     kecepatan baca komputer pengunjung anda.
3. Untuk yang memasang iklan pikir ulang 1 Juta kali untuk memasang iklan. coba 1 bulan apakah iklan yang 
    anda tampilkan itu benar-benar menghasilkan atau hanya sekedar hanya untuk ikut-ikutan saja. karena 
    saat ini hampir setiap web blog menampilkan iklan ini dan itu. tapi hasilnya toh tidak dapat anda ambil dari
    hasil yang di tampilkan di blog anda. percuma saja kan. hal ini telah beberapa kali juga saya tanyakan
    kepada beberapa rekan bloger yang memasang iklan yang katanya dapat penghasilan mengikuti sebuah 
   tempat kumpul-kumpul untuk memasang iklan tapi nyatanya ketika di tanya sudah berapa pendapatan yang
   di peroleh perbulan di katakan tidak bisa di ambil karena belum masih sedikit. wauuuuwwww apakah hal
   seperti ini pula yang anda ingin kan ????? anda yang punya web blog anda sendiri yang menentukan.
4. Gunakan Bantuan fungsi read more agar web blog dapat membaca blog anda lebih cepat.

sekian tips dari saya semoga bermanfaat

Read more...

cara mengalihkan halaman web lama ke web baru

Untuk mengalihkan halaman web lain
Tata Letak - Edit HTML.
Letakkan script berikut di bawah kode <head> :

<meta content='2;URL= http://workshopsit.blogspot.com/' http-equiv='refresh'><br /></meta>


Keterangan :
Ganti url : http://workshopsit.blogspot.com/ dengan Url Web anda
='2; dapat anda ganti dengan nilai lebih tinggi/lebih rendah. berfungsi untuk mengatur durasi lamanya pengalihan web ke web baru

simpan dan lihat hasilnya.

contoh dapat dilihat di http://workshopsit-menudropdown.blogspot.com/

Read more...

Membuat Menu Dropdown

Menu Drop down merupakan sebuah menu yang di gunakan oleh pemilik web untuk menampilkan mempercantik tampilan halaman web. dengan adanya menu drop down mempermudah para pengunjung untuk melihat isi dari halaman web tersebut.
berikut listing untuk membuat sebuah menu drop down. copy pastekan ke HTML anda :
untuk demo dapat anda lihat di TKP


<style>
    #menunavigasihorisontal {
        background: #848484;
        width: 100%;
   
        color: #FFF;
            margin: 10px 0;
            padding: 0;
            position: relative;
            border-top:0px solid #960100;
            height:35px; }

    #dwnav {
        margin: 0;
        padding: 0;}
    #dwnav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;}
    #dwnavli {
        list-style: none;
        margin: 0;
        padding: 0;}
    #dwnav li a, #dwnav li a:link, #dwnav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 11px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;}
    #dwnav li a:hover, #dwnav li a:active {
        background: #2E9AFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 11px 12px;}

    #dwnav li {
        float: left;
        padding: 0;}
    #dwnav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;}
    #dwnav li ul a {
        width: 140px;}
    #dwnav li ul ul {
        margin: -25px 0 0 161px;}

    #dwnav li:hover ul ul, #dwnav li:hover ul ul ul, #dwnav

li.sfhover ul ul, #dwnav li.sfhover ul ul ul {
        left: -999em;}
    #dwnav li:hover ul, #dwnav li li:hover ul, #dwnav li li

li:hover ul, #dwnav li.sfhover ul, #dwnav li li.sfhover ul, #dwnav

li li li.sfhover ul {
        left: auto;}
    #dwnav li:hover, #dwnav li.sfhover {
        position: static;}
    #dwnav li li a, #dwnav li li a:link, #dwnav li li a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
    #dwnav li li a:hover, #dwnav li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}
    #dwnav li li li a, #dwnav li li li a:link, #dwnav li li li

a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;}
    #dwnav li li li a:hover, #dwnav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}

    </style>
    <div id='menunavigasihorisontal'>
              <ul id='dwnav'>
                <li> <a href="http://baraxcom.blogspot.com">Home</a></li>
                <li>
                <li>
                <a href="http://baraxcom.blogspot.com/2012/08/komputer.html">Komputer </a>
                     <ul>
<li><a href="http://baraxcom.blogspot.com/2012/08/ms-word.html">Ms. Word</a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/ms-excel.html">Ms. Excel</a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/internet.html">Internet</a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/video-editing.html">Video Editing </a></li>
</ul>
</li>
<li><a href=" http://baraxcom.blogspot.com ">Workshop </a>                 <ul>
 <li><a href="http://baraxcom.blogspot.com/2012/08/internet_22.html">Internet </a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-aplikasi.html">Program Aplikasi</a></li>
</ul>
</li>
<li><a href=" http://baraxcom.blogspot.com ">Software Sekolah</a>  <ul>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-pengolahan-nilai_22.html">Program Pengolahan Nilai </a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-pendataaan-siswa.html">Program Pendataan Siswa </a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-perpustakaan.html">Program Perpustakaan</a></li>
<li><a href="http://baraxcom.blogspot.com/2012/08/program-bk.html">Program BK</a></li>

                      </ul> <li>
<li><a href="http://baraxcom.blogspot.com/2012/08/tutorial-blog.html">Tutorial Blog</a></li>
                  </li>

<li><a href="http://baraxcom.blogspot.com/2012/09/baraxcom.html">Owner Blog</a></li>
                  </li>
 </li></ul> <li>
</li></div>

jangan lupa alamat linknya anda rubah terlebih dahulu sesuai dengan alamat web anda

Read more...

Cara membuat Email Gmail

E-mail adalah surat melalui media elektronik. Email merupakan singkatan dari “Electronic mail”. Dengan email kita dapat mengirim surat elektronik baik berupa teks maupun gabungan dengan gambar yang dikirimkan dari satu alamat email ke alamat lain di jaringan internet.

Langkah membuat E-mail adalah sebagai berikut :
1. Kita buka program intertnet explorer/Mozila Firefox
2. Pada Address ketikan www.google.co.id
selanjutnya anda akan dihantarkan ke halam seperti berikut ini













3. Klik Gmail
4. Klik Buat Akun/ Daftar
Perlu anda ingat untuk mempermudah dalam ferivikasi alamat E-mail pada form di bawah isi nomor telp anda,  setelah anda meng klik langkah selanjutnya maka akan ada pemberitahuan kode ferivikasi untuk email anda.
5.  Klik Langkah selanjutnya

Maka akan tampil halaman ferivikasi
Isikan kode ferivikasi yang anda terima melalui SMS di nomor HP yang anda cantum kan tadi. 
Selanjutnya klik Lanjutkan 

 6.  Klik Lanjutkan ke Gmail. Lihat apa yang tampil selanjutnya
Cihuiiiiii Email saya jadi………..

Setelah Membuat Email Coba anda berkirim Email Ke teman anda....
Download cara membuat email.doc

Read more...

Pengertian komputer

 Komputer
Komputer adalah seperangkat alat elektronik yang mempunyai storage internal dan bekerja dengan bantuan sistem operasi. sehingga hasil pengolahan data yang di lakukan dapat disimpan didalam komputer dan dapat di olah dan di gunakan kembali sebagai input maupun output.

Sistem :
Kumpulan dari beberapa komponen sehingga membentuk suatu kesatuan yang utuh dan tidak bisa dipisahkan untuk mencapai suatu tujuan 

Sistem Operasi
Sistem Operasi adalah perangkat lunak sistem yang bertugas mengontrol perangkat keras serta melakukan operasi-operasi dasar

Software
Software adalah perangkat lunak yang digunakan untuk / sebagai interface antara hardware dengan user.


Input Device
Peralatan yang digunakan untuk memasukan data atau perintah ke dalam komputer

Output Device
adalah Peralatan yang digunakan untuk melihat hasil pengolahan data atau perintah yang dilakukan oleh komputer

Read more...

Link Bantuan Blog

buat rekan-rekan yang mo belajar menggunakan blog ... dapat menggunakan bantuan dari web-web dibawa ini, untuk menambah referensi anda kalau bingung kemana mencari web-web yang dapat mendukung blog anda ....


  1. Untuk Mempercepat Blog terangking di search engine
  2. Agar blog anda cepat terkenal Gunakan 40 Search engine
  3. Untuk Menghitung Jumlah pengunjung gunakan Red Counter
  4. E-Mail Yahoo
  5. Mendaftar di kotak komentar kecil bagi sahabat shoutmix.com
  6. Untuk Membuat Link Down load/upload menggunakan Ziddu
  7. Edit/Merubah kode HTMl agar dapat di tampilkan pada halaman Blog
  8. Face Book
  9. E-mail Plasa.com
  10. Converter untuk Youtube
  11. Bantuan CSS
  12. Converter/merubah file Word menjadi PDF
  13. Untuk Uplaodfoto gunakan photobucket
  14. Software Winrar
  15. Download Software Opera
  16. Untuk Mempercepat Donwload Gunakan Internet Download Manager (IDM)
  17. Untuk Browser Terbaik Gunakan Mozila firefox
  18. Reseter Cannon 1980
  19. Download Lagu Terima kasih Guruku
  20. Download Lagu Hymne Guru
  21. Download Cara Membuat Virus Menggunakan VB
  22. Download Software Untuk Editing Avi to Mpeg
  23. Mp3 Converter

.



dan yang terpenting dari anda menggunakan link diatas adalah tulisan anda dapat bermanfaat atau tulisan anda disenangi oleh pembaca.

materi pada blog ini dapat anda Copy paste sesuka anda dengan mencamtumkan blog http://updateedutainmen.blogspot.com/ sebagai source/sumber anda mengambil data atau sumber inspirasi anda dalam membuat blog anda menjadi lebih menarik...!!!

Read more...

Pengertian Komputer

Komputer adalah seperangkat alat elektronik yang mempunyai storage internal dan bekerja dengan bantuan sistem operasi. sehingga hasil pengolahan data yang di lakukan dapat disimpan didalam komputer dan dapat di olah dan di gunakan kembali sebagai input maupun output.

Read more...

Cara Membuka Face Book orang lain

Banyak cara yang di gunakan orang yang kepingin tau bagaimana isi dan lain hal tentang face book seseorang dan kebanyakan berusaha membuka untuk hal-hal yang tidak baik. tapi itu tergantung dan kembali kepada masing-masing dari pribadi orang tersebut juga lah.

ada pun cara untuk membuka face book orang lain adalah seperti yang tertera pada link berikut jika anda bisa membuka dan anda menyalah gunakannya itu kesalahan anda sendiri dan tanggung jawab anda sendiri.

Read more...

Software Wajib SMP/ MTS

Software Wajib SMP/ MTS

Software Pengolahan Nilai Semester Ganjil

Read more...

Tutorial Bloger

Tutorial Bloger

Cara Membuat Email Menggunakan G-Mail
Cara Mengganti Template
Cara Membuat File Download
Cara Upload Foto


File Platihan
Daftar Email & Daftar Blogger
Cara Mengganti Template Blog
 

Read more...

Cara menghilangkan tulisan Diberdayakan oleh blogger pada blogspot

Terkadang Bagi Kita yang menggunakan Template yang di sediakan oleh Blog, pasti di bawah Template yang kita gunakan ada tertera tulisan Di Berdayakan Oleh Bloger. terkadang kita merasa terganggu dengan tulisan tersebut, dan ingin menghilangkannya, berikut solusinya. Tinggal ikuti langkah-langkah berikut ini :

  1. Login Dulu Ke Blog
  2. Kemudian Cari Tata Letak --> Edit HTML
  3. Trus cari Code Berikut Ini ]]></b:skin>  
  4. Copy dan Paste-kan Code Di Bawah Ini Tepat Di Atas Code Tadi.
    #Attribution1 {
    height:0px;
    visibility:hidden;
    display:none
    }
    Selanjutnya Save dan Lihat Hasilnya

Read more...

Daftar Isi

Daftar Isi Klinik ICT


Read more...

Bloger Tetango

Bloger Tetango Klinik ICT

Read more...

Cara mendaftar Face Book

Cara mendaftar Face Book
Cara mendaftar Face Book
Cara mendaftar Face Book
Cara mendaftar Face Book

Read more...

Membuat File Download

Membuat File Download

Untuk membuat file download itu berarti kita telah punya data yang akan kita bagikan ke khalayak ramai, data tersebut dapat berupa dokumen. sebelum kita membuat link agar dapat di download kita harus terlebih dahulu mengupload file yang akan kita tampilkan di web blog kita nantinya.
banyak web yang menyediakan layanan untuk download dan upload salah satunya adalah  http://www.sharebeast.com untuk.

cara agar kita dapat mengupload file kita ke internet server adalah kita harus terlebih dahulu mendaftarkan diri ke http://www.sharebeast.com/.
Cara daftar ketikkan http://www.sharebeast.com/.
Klik Register
Isi semua data yang tertera (user name/Email/Password anda/code)
Klik Create Account!
Maka Anda akan di hantarkan pada halaman yang telah menunggu anda untuk anda meng upload file anda tersebut. halaman yang tampil akan seperti ini ni

Photobucket.jpg


Selanjutnya Klik Upload file - lalu pilih Telusuri - pilih file yang akan anda upload - Klik Open - Klik Upload

Nah bgitu aja tuh cara mengupload file nya
Agar pengunjung dapat mendownload file yang telah di upload tadi anda buatkan link download nya. cara gampang nya pada halaman entry baru anda ketikkan download disini lalu blok tulisan trus klik tulisan Link yang terletak pada atas lembar entry maka hasilnya akan seperti ini


untuk download materi ini klik disini

atau anda dapat juga menggunakan http://www.scribd.com 
caranya sama saja dengan menggunakan sharebeast

 

Read more...

Back Link

AutoBacklinkGratisjapanese instant free backlinkFree Plugboard Link Banner ButtonMalaysia Free Backlink ServicesFree Promotion LinkMAJLIS LINK: Do Follow BacklinkLink Portal Teks TVFree Smart Automatic BacklinkFree Automatic Backlink Serviceinstant backlinksocial networkingAdd URL Suggest Linklintas berita network Auto Backlink Gratis Indonesia : Top Link Indo

  © Newspaper III by Ourblogtemplates.com Edited by CH BARA

Back to TOP