Senin, 26 November 2012

Edit Posted by with No comments





-->MATERI DESAIN GRAFIS (CorelDrow)



Ketentuan Menjawab :
  1. Buatlah struktus OSIS atau Struktur SMADA MASAMBA kota masamba  seperti pada gambar dibawah ini dengan menggunakan Program Aplikasi CorelDraw
  2. Simpan hasil kerja dengan nama file : STRUKTUR

Minggu, 25 November 2012

Cara Membuat Buku Tamu Tersembunyi Di Samping Blog

Edit Posted by with No comments

Cara Membuat Buku Tamu Tersembunyi Di Samping Blog



Kalau di postingan sebelumnya saya membahas  tentang Cara menambah BUKU TAMU pada Blog, kali ini saya akan berbagi ilmu tentang cara membuat buku tamu tersembunyi di samping Blog kita. Pasti akan lebih menarik kalau widget kita tidak hanya monoton di samping kanan-kiri postingan kita saja.

Praktek excel

Edit Posted by with 1 comment

SOAL UJIAN PRAKTEK

MOHON PERHATIAN
UJIAN PRAKTEK INI JANGAN DIANGGAP REMEH
BAGI YANG TIDAK MENGERJAKANNYA MAKA DI IJAZAH NANTI
TIDAK DIMASUKKAN NILAI  KHSUSUNYA NILAI TIK, ITU BERARTI KELULUSAN DITUNDA SAMPAI NILAI DIDAPAT.
I. SOAL MATERI MICROSOFT EXCEL

Praktik Powerpoint

Edit Posted by with No comments

Praktik Powerpoint

IV. SOAL MATERI POWERPOINT
Petunjuk Pengerjaan soal
  1. Kerjakan lembar kerja atau slide di bawah ini sesuai dengan urutan menggunakan Program Aplikasi PowerPoint
  2. Format background  dan model teks tulisan boleh difariasi
  3. Simpan lembar presentasi dengan nama file : PRESENTASI


V. SOAL MATERI  ADOBE PHOTOSHOP
Petunjuk Pengerjaan soal
  1. Copy Image/gambar dibawah ini lalu Edit dan berilah backgraound dengan menggunakan Program Aplikasi Adobe Photoshop!
Simpan image diatas dengan ekstensi file JPE
klik rysnha untuk download
                                                     Dowlnoad disni

soal praktek power point

Edit Posted by with No comments
Soal Praktek
Mata Pelajaran : TIK
Membuat bahan presentasi tentang materi “ Membuat E-mail di Yahoo “. Buatlah Slide presentasi
seperti dibawah ini. Jangan lupa untuk menyisipkan gambar yang menarik.
Slide Pertama Membuat E-mail di Yahoo
Dipresentasikan Oleh : Nama Anda
Slide Kedua
Isi menu presentasi di buat Hyperlink
Menu Presentasi

Sabtu, 24 November 2012

Soal Praktik Ms. Power Point

Edit Posted by with No comments
-->
Contoh Soal Praktik TIK

Ms. Power Point
Buatlah presentasi slide dengan tema : “ Iklan Layanan Jasa “, dengan ketentuan sebagai berikut :
ü   Disisipkan gambar
ü   Disisipkan Clip Art
ü   Disisipkan Autoshape
ü   Disisipkan Word Art
ü   Disisipkan Video
ü   Disisipkan Grafik
ü   Efek Transisi Slide
ü   Efek Animasi Teks dan Objek
ü   Menggunakan Hyperlink dan Navigasi

Edit Posted by with No comments

CARA MEMBUAT LINK UNTUK DI DOWNLOAD PADA BLOG

Posted by As Aziz On Jumat, 20 Juli 2012 0 comments

Kali ini pandaun sukses blogger membahas cara membuat link untuk bisa di download pada blogspot. agar kita bisa membuat link download tersebut pada blog. sebelumnya kita harus mempersiapkan sebuah link download terlebih dahulu. biasa nya link ini di dapatkan dari jasa situs penyimpanan file download. kalau di blogger untuk link download tidak tersedia. jadi kita bisa menggunakan situs lain seperti ziddu.com. nah jika anda belum memiliki account di sana silah kan untuk register agar bisa menggunakannya. berikut ini langkah-langkah bergabung ke ziddu.com
Langkah Langkahnya Sebagai Berikut :
  • Kunjungi ziddu.com 
  • Kemudian klik Register di atas samping kanan

  • Lengkapi form yang tersedia di sana dan jangan lupa beri tanda centang pada "I Agree Terms and Conditions" (jika anda tidak mengerti dengan bahasa luar anda bisa menggantinya dengan cara klik gambar bendera yang terdapat paling atas situs)  


  • Kemudian klik Register
  • Setelah proses Register selesai anda secara otomatis akan login ke account ziddu yang anda buat barusan
  • Kemudian Klik Upload di samping kanan atas bawah Logout
  • Klik Browser




  • Pilih file yang akan di Upload
  • Klik Upload
  • Tunggu Proses Upload selesai




  • Setelah selesai akan muncul sebuah link.nah copy link tersebut yang akan kita masukkan ke dalam blog

Langkah berikutnya kita memasukkan link download tersebut ke dalam blog kita. berikut ini cara memasukkannya: 
  • Copy dan pastekan kode di bawah ini kedalam blog anda 
<a href="http://alamatlinkdownload.com">Download</a>
Contoh : Download
  • Ganti kode yang berwarna merah dengan alamat link download anda
  • Selesai....
" Semoga Bermamfaat dan Selamat Mencoba "
" Semoga Berhasil "

Selasa, 20 November 2012

Cara Menghias Cursor Blog

Edit Posted by with No comments

Cara Menghias Cursor Blog

Photobucket
Picture by : Tutorial Untuk Blog

Hari ini menjadi hari yang melelahkan dan membosankan buat saya, melelahkan karena banyaknya pekerjaan yang harus diselesaikan, dan membosankan karena jaringan internet yang saya gunakan lagi gangguan. Tepaksa, postingan yang seharusnya saya publikasikan, saya tunda untuk beberapa hari. Terus postingan yang sobat blogger baca saat ini, bisa dikatakan sebagai media curhat supaya kedua rasa yang sudah saya sebutkan tadi bisa sedikit berkurang. Tapi kalau saya teruskan curhat saya ini, bisa-bisa blog ini menjadi blog untuk curhat bukan blog yang kasih tutorial tentang blog. Jadi, saya putuskan untuk membuat tutorial singkat tentang cara membuat Cursor Blog di kejar warna. Salah salah salah, saya ganti istilahnya menjadi cara membuat cursor di krumuni warna. Waduh, kayaknya masih kurang tepat juga istilah ini, ya sudah, saya pakai istilah yang lebih umum saja yaitu "Cara Modifikasi Cursor Blog".

Cara Memasang Hewan Piaraan di Blog

Edit Posted by with No comments

Cara Memasang Hewan Piaraan di Blog

Cara Memasang Hewan Piaraan Blog, hewan blog, binatang untuk blog, 
blog animal, aniasi hewan blog

Terkadang kita harus berpikir bagaimana kita harus membuat blog kita terlihat unik atau beda dari blog-blog yang sudah ada. Salah satu cara untuk membuat blog kelihatan beda dengan blog-blog yang lain adalah dengan memelihara hewan piaraan kita di dalam blog. Waduh, ada yang tidak beres ini! Tidak mungkin kita bisa memelihara hewan piaraan kita dalam blog. Jangan salah, tidak ada yang tidak mungkin. Coba lihat di bawah ini, Ini adalah hewan peliaraan saya yang saya rawat semenjak kecil.

Cara Menambah Animasi Kursor Bertabur Bintang

Edit Posted by with No comments

Cara Menambah Animasi Kursor Bertabur Bintang

Share on :

Dalam membuat Blog, pasti kita ingin untuk memperindah tampilan Blog kita. Salah satunya dengan menambahkan animasi kursor mouse bertabur bintang. Cursor Bertabur Bintang merupakan cursor mouse yang bertabur bintang warni-warni yang terletak pada mouse apabila di gerakkan,,
Apabila tertarik untuk memasangnya di blog Anda, langsung saja ikuti langkah-langkah di bawah ini :
Pilih salah satu script kode dibawah ini sesuai dengan warna kesukaan anda dan warna yang kontras dengan warna background blog anda
Cursor Bertabur Bintang Dengan Warna Biru

Cara Memasang Animasi di Blog

Edit Posted by with No comments
Cara Memasang Animasi di Blog - Ada beberapa widget yang biasa di pasang sebagai hiasan diblog, ada yang memasang kalender, ada yang memasang lagu di blog, memasang animasi di blog dan masih banyak lagi. Namun kali ini, kita khusus membahas cara memasang widget animasi di blog.

Widget ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.

Cara Memasang Widget Kalkulator Cinta di Blog

Edit Posted by with No comments

Cara Memasang Widget Kalkulator Cinta di Blog

widget love calculator, widget kalkulator cinta, widget blog, 
gadget blog

Pernah tidak sobat blogger dengar kata kalkulator cinta? Kalkulator Cinta atau Love Calculator adalah sebuah fitur blog yang di buat oleh David Olsen. Dengan tools ini kita akan tahu sejauh mana cinta dari pacar sobat dan bagaimana hubungan sobat kedepannya. Penasaran kan? Silahkan di coba dulu tools ini lalu di pasang di blog sobat. Tapi sayang, tools ini menggunakan bahasa Inggris. Bagaimana dong solusinya? Kalau sobat sudah cek hubungan sobat dengan Pacar sobat, yaaaa... tinggal gunakan Google Terjemahan atau Google Translate untuk mengartikanyya.

Cara Pasang Widget Al-Qur'an pada Blog

Edit Posted by with No comments

Cara Pasang Widget Al-Qur'an pada Blog


Widget Al-Qur'an di buat atau di rilis oleh http://www.alquran-indonesia.com/ sebuah situs Al-Qur'an Online Terjemah Bahasa Indonesia.Widget Al-Qur'an dilengkapi oleh Fasilitas audio per surat dan audio per ayat dilengkapi dengan latin dan tentu saja terjemahan dan asbabun nuzul (sebab turunnya ayat). Insyaallah dengan adanya Widget Al-Qur'an, blog sobat blogger akan lebih berkah dan bermamfaat buat orang lain.

Membuat Blog Bertaburan Cinta dan Hati

Edit Posted by with No comments

Membuat Blog Bertaburan Cinta dan Hati

cara memperindah blog, cara mempercantik blog, Efek cinta pada 
blog, efek hati pada blog

Buat sobat blogger yang sebagian besar content blognya bertemakan cinta, puisi atau remaja, Efek tanda cinta atau lambang hati bertaburan ini pasti akan menambah rasa romantisme bagi visitor atau pengunjung blog sobat blogger. Menambahkan Efek hati bertaburan merupakan salah satu cara untuk memperindah atau mempercantik blog. Kalau sobat blogger tidak percaya, silahkan sobat blogger pasang fitur ini blog sobat, sobat blogger di jamin senang. Kalau orang tua yang datang berkunjung ke blog sobat blogger, di jamin orang tua tersebut akan kembali bersemangat seperti masa mudanya dulu.

Menambahkan Efek Salju Pada Blog

Edit Posted by with No comments

Menambahkan Efek Salju Pada Blog

Salju, Cara membuat Salju di blog, Salju blog, kode salju

Berharap salju akan turun di Indonesia. Mungkin saya harus menunggu selama seribu tahun lagi, baru hal itu akan menjadi kenyataan atau bahkan tidak akan pernah menjadi kenyataan. Keinginan untuk merasakan dingin dan kelembutan salju tidak pernah tercapai sampai hari ini. Keinginan saya yang besar untuk melihat salju, lumayan bisa terobati dengan adanya efek salju buatan untuk blog ini. Salju ini tidak hanya membuat hati saya senang, akan tetapi dapat memperindah tampilan blog. Kalau sobat blogger ingin menabahkan efek salju pada blognya, silahkan ikuti tutorial blog di bawah ini!

Membuat Gambar di setiap Artikel Secara Otomatis SEO

Edit Posted by with No comments

Membuat Gambar di setiap Artikel Secara Otomatis SEO

SEO Images, SEO Picture, Automatic SEO for Images, Optimasi Gambar,
 Gambar Seo Friendly, Gambar Blog, Gambar artikel

Untuk membuat blog kita menjadi blog yang SEO Friendly (Search Engine Optimization), banyak hal yang harus kita lakukan, salah satunya adalah dengan menambahkan ALT Tag pada setiap gambar yang menyertai postingan kita. Tapi bukan merupakan suatu hal yang mudah untuk melakukan optimasi setiap gambar yang dipublikasikan untuk Search Engine. Jadi, disini saya sudah menyiapkan kode JavaScript yang gunanya untuk menambahkan ALT Tag untuk semua gambar lalu mengoptimalkan semua gambar tersebut untuk Search Engine (Mesin Pencari). Cara ini merupakan cara yang paling mudah untuk proses optimasi gambar untuk setiap blog post sobat blogger. Untuk menerapkan teknik ini, sobat blogger hanya membutuhkan waktu tidak lebih dari satu menit.

cara memasang Kelopak Bunga Berguguran pada Blog

Edit Posted by with No comments

Kelopak Bunga Berguguran pada Blog

Kelopak Bunga Berguguran, blog, widget

Kalau kita berada pada sebuah taman yang penuh dengan bunga, kemudian kelopak dari bunga-bunga tersebut jatuh berguguran. Waduh... sudah pasti kita bisa membayangkan bagaiman indahnya taman bunga tersebut. Tapi kalau Kelopak Bunga Berguguran pada Blog, gimana ya? Sudah pasti hal itu akan menambah keindahan blog sobat blogger. Jadi, Kelopak Bunga Berguguran pada Blog adalah salah satu cara memperindah blog. Kalau sobat blogger tidak yakin dengan senua ini, silahkan sobat blogger pasang di blog sobat.

Cara Memasang Burung Twitter Terbang

Edit Posted by with No comments

Cara Memasang Burung Twitter Terbang

twitter,Memasang burung Twitter terbang,Twitter Flying Bird,Widget 
Burung Twitter

Memasang burung Twitter terbang di blog sangat mudah. Sobat blogger hanya membutuhkan waktu kurang dari satu menit untuk melakukannya, karena sobat blogger tidak perlu edit template. Kode Twitter Flying Bird atau burung Twitter terbang hanya ditambahkan di area atau di kolom tempat sobat blogger biasa meletakkan kode untuk membuat widget. Dengan menambahkan burung Twitter terbang di blog, tampilan blog sobat pasti akan terlihat tambah indah dan cantik. Talk less do more, kita langsung saja ke prakteknya.

ciri-ciri Eritrosit, Leukosit, Trombosit

Edit Posted by with No comments

Sel Darah (Eritrosit, Leukosit, Trombosit) dan Komponennya

Di dalam tubuh yang dinamakan darah adalah cairan berwarna merah yang terdapat di dalam pembuluh darah. Warna merah tersebut tidak selalu tetap, tetapi berubah-ubah karena pengaruh zat kandungannya, terutama kadar O2 dan CO2. Bila kadar O2 tinggi maka warna darahnya menjadi merah muda, tetapi bila kadar CO2 nya tinggi maka warna darahnya menjadi merah tua.
Pada manusia atau mamalia, volume darahnya adalah 8% berat badannya. Jika seseorang dewasa yang berat badannya 60 kg, berat
darahnya lebih kurang 0,08 × 60 kg liter darah. Jadi volume seluruh darah yang beratnya 50 kg adalah 4,8 liter.

sistem peredaran darah pada manusia

Edit Posted by with No comments

Sistem Transportasi/Peredaran Darah pada Manusia

Filed under: Sistem Transportasi — gurungeblog @ 7:52 am
Tags:
Sistem transportasi manusia
Sistem transportasi manusia
Transportasi ialah proses pengedaran berbagai zat yang diperlukan ke seluruh tubuh dan pengambilan zat-zat yang tidak diperlukan untuk dikeluarkan dari tubuh.
Alat transportasi pada manusia terutama adalah darah. Di dalam tubuh darah beredar dengan bantuan alat peredaran darah yaitu jantung dan pembuluh darah.
Selain peredaran darah, pada manusia terdapat juga peredaran limfe (getah bening) dan yang diedarkan melalui pembuluh limfe.
Pada hewan alat transpornya adalah cairan tubuh, dan pada hewan tingkat tinggi alat transportasinya adalah darah dan bagian-bagiannya. Alat peredaran darah adalah jantung dan pembuluh darah.
1. Darah
Bagian-bagian darah
Sel-sel darah (bagian yg padat)
  • Eritrosit (sel darah merah)
  • Leukosit (sel darah putih)
  • Trombosit (keping darah)
sel-darah
sel-darah
Plasma Darah (bagian yg cair)
  • Serum
  • Fibrinogen
Fungsi Darah
Darah mempunyai fungsi sebagai berikut :
1. Mengedarkan sari makanan ke seluruh tubuh yang dilakukan oleh plasma darah
2. Mengangkut sisa oksidasi dari sel tubuh untuk dikeluarkan dari tubuh yang dilakukan oleh plasma darah, karbon dioksida dikeluarkan melalui paru-paru, urea dikeluarkan melalui ginjal
3. Mengedarkan hormon yang dikeluarkan oleh kelenjar buntu (endokrin) yang dilakukan oleh plasma darah.
4. Mengangkut oksigen ke seluruh tubuh yang dilakukan oleh sel-sel darah merah
5. Membunuh kuman yang masuk ke dalam tubuh yang dilakukan oleh sel darah putih
6. Menutup luka yang dilakuakn oleh keping-keping darah
7. Menjaga kestabilan suhu tubuh.
2. Jantung
jantung-manusia
jantung-manusia
Jantung manusia dan hewan mamalia terbagi menjadi 4 ruangan yaitu: bilik kanan, bilik kiri, serambi kanan, serambi kiri. Pada dasarnya sistem transportasi pada manusia dan hewan adalah sama.
3. Pembuluh Darah
Ada 3 macam pembuluh darah yaitu: arteri, vena, dan kapiler (yang merupakan pembuluh darah halus)
Pembuluh Nadi
  • Tempat Agak ke dalam
  • Dinding Pembuluh Tebal, kuat, dan elastis
  • Aliran darah Berasal dari jantung
  • Denyut terasa
  • Katup Hanya disatu tempat dekat jantung
  • Bila ada luka Darah memancar keluar
Pembuluh Vena

  1. Dinding Pembuluh Tipis, tidak elastis
  2. Dekat dengan permukaan tubuh (tipis kebiru-biruan)
  3. Aliran darah Menuju jantung
  4. Denyut tidak terasa
  5. Katup Disepanjang pembuluh
  6. Bila ada luka Darah Tidak memancar
1. Sistem peredaran darah tertutup dan peredaran darah ganda
Dalam keadaan normal darah ada didalam pembuluh darah, ujung arteri bersambung dengan kapiler darah dan kapiler darah bertemu dengan vena terkecil (venula) sehingga darah tetap mengalir dalam pembuluh darah walaupun terjadi pertukaran zat, hal ini disebut sistem peredaran darah tertutup.
Peredaran darah ganda pada manusia, terdiri peredaran darah kecil (jantung –paru-paru – kembali ke jantung) dan peredaran darah besar (jantung – seluruh tubuh dan kembali ke jantung). Peredaran ini melewati jantung sebanyak 2 kali.
5. Getah Bening
Disamping darah sebagai alat transpor, juga terdapat cairan getah bening. Terbentuknya cairan ini karena darah keluar melalui dinding kapiler dan melalui ruang antarsel kemudian masuk ke pembuluh halus yang dinamakan pembuluh getah bening (limfe)
Penyakit pada Sistem Transportasi
1. Anemia
• Anemia sel sabit merupakan penyakit menurun tak bisa diobati
• Anemia perniosa, rendahnya jumlah eritrosit karena makan kurang vit B12
2. Talasemia
Sel darah merah abnormal,umur lebih pendek,diasesi dengan transfusi darah
3. Hemofili
Darah sulit/tidak bisa membeku
4. varises
Pelebaran pembuluh vena
5. Atherosklerosis
Penyumbatan pembuluh darah oleh lemak
6. Arteriosklerosis
Penyumpatan pembuluh darah oleh zat kapur
7. leukopeni
jumlah sel darah putih kurang dari normal

Buat menu drop down

Edit Posted by with No comments
-->
Buat menu drop down
Berikut tutorialnya
Sebuah menu drop down diperlukan ketika anda memiliki konten yang cukup banyak.  Ini dimaksudkan agar anda  lebih mudah mengaturnya dan pengunjung blog andapun lebih leluasa memanfaatkannya. Dengan menu navigasi yang teratur dan cantik (drop down menu), akan membuat pengunjung blog menjadi lebih betah berlama-lama di blog anda. Berikut langkah-langkah yang harus dilakukan untuk membuat menu drop down:

Minggu, 18 November 2012

Bagaimana cara membuat dropdown menu (horizontal)

Edit Posted by with No comments

Bagaimana cara membuat dropdown menu (horizontal)


Lalu bagaimana cara membuat menu dropdown horizontal ini? Untuk praktisnya ikuti prosedur mudah berikut:
  • Login ke dalam akun blogger anda
  • Pilih blog yang akan dipasangi
  • Pilih Menu Template
  • Klik Tombol EDIT HTML. Setelah itu akan muncul jendela konfirmasi, silahkan klik LANJUTKAN
  • Carilah kode ]]></b:skin>
    Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin> tadi
#RickyMenu {
    background: warna1;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color: warna2;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;

}

#Rickybox {
    width: 875px;
    float: left;
    margin: 0;
    padding: 0;
}

#punch {

    margin: 0;
    padding: 0;
}
#punch ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li a, #punch li a:link, #punch li a:visited {
    color: warna2;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0;
    padding: 9px 15px 8px;
}
#punch li a:hover, #punch li a:active {
    background: warna2;
    color: warna1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#punch li li a, #punch li li a:link, #punch li li a:visited {
    background: warna1;
    width: 150px;
    color: warna2;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#punch li li a:hover, #punch li li a:active {
    background: warna2;
    color: warna1;
    padding: 7px 10px;
}
#punch li {
    float: left;
    padding: 0;
}
#punch li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#punch li ul a {
    width: 140px;
}
#punch li ul ul {
    margin: -32px 0 0 171px;
}
#punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul {
    left: -999em;
}
#punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul {
    left: auto;
}
#punch li:hover, #punch li.sfhover {
    position: static;
}
  • Ganti kode warna1 dan warna2 dengan kode warna yang anda inginkan sebagai contoh bisa mengikuti kode di bawah ini:
Menu Hitam
warna1 = #555555
warna2 = #FFFFFF


Menu Biru

warna1 = #66bbdd
warna2 = #004661


Menu Hijau

warna1 = #38761d
warna2 = #FFFFFF

Menu Abu-abu

warna1 = #d4d4d4
warna2 = #555555


Menu Kuning

warna1 = #ffd966
warna2 = #d4812a
  • Jika sudah mengganti semua kode warna di atas silahkan klik SIMPAN TEMPLATE
  • Sekarang masuk ke Menu TATA LETAK atau LAYOUT
  • Klik  ADD A GADGET atau TAMBAH GADGET
  • Pilih HTML/JAVASCRIPT. Biarkan kolom judul nama gadget kosong, lalu copy paste kode di bawah ini ke kolom HTML yang tersedia
<div id="RickyMenu">
       <div id="Rickybox">
      <ul id="punch">
        <li><a href="#">Home</a></li>
        <li>
          <a href="#">Sample Page</a>
          <ul>
            <li>
              <a href="#">Sub Page #1</a>
              <ul>
                <li><a href="#">Sub Sub Page #1</a></li>
                <li><a href="#">Sub Sub Page #2</a></li>
                <li><a href="#">Sub Sub Page #3</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Page #2</a></li>
            <li><a href="#">Sub Page #3</a></li>
            <li><a href="#">Sub Page #4</a></li>
            <li><a href="#">Sub Page #5</a></li>
          </ul>
        </li>
        <li><a href="#">Sample Post</a></li>
        <li><a href="#">Blog Page</a></li>
      </ul>
    </div>
  </div>
  • Edit semua nama menu sesuai keinginan anda. Jangan lupa mengganti tanda # dengan alamat URL yang anda inginkan
  • Klik SIMPAN
  • Atur posisi gadget di tempat yang anda inginkan, lalu klik tombol SIMPAN SETELAN di bagian kanan atas layar.
Jika anda melakukan langkah-langkah di atas dengan benar, anda akan melihat sebuah horizontal dropdown menu di tempat yang anda inginkan. Bentuknya kurang lebih seperti gambar di bawah ini.
Menu horizontal dropdown

Untuk Menambah Menu:
  • Untuk menambahkan menu silahkan cari pada bagian akhir ada kode seperti ini:
<li><a href="#">Blog Page</a></li>
      </ul>
  • Tepat di bagian atas </ul> bisa disisipkan menu baru, dan akan terlihat seperti di bawah ini:
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU">TEKS BARU</a></li>
      </ul>
  • Jika menu tambahan lebih dari satu akan terlihat seperti di bawah ini
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a></li>
<li><a href="LINK BARU n">TEKS BARU n</a></li> 
      </ul>

  • Jika salah satu menu tambahan mempunyai sub menu, maka perhatikan kode </li> menu tersebut yang diturunkan untuk membuka ruang baru bagi sub menu di dalam menu tersebut
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a> 
        <li><a href="LINK BARU SUB MENU 1">SUB MENU 1</a></li>
        <li><a href="LINK BARU SUB MENU 2">SUB MENU 2</a></li>
</li>
<li><a href="LINK BARU n">TEKS BARU n</a></li> 
      </ul>

Ok, silahkan divariasikan sendiri, untuk menambah dan mengurangi dropdown menu horizontal di atas.
Lalu bagaimana cara membuat menu dropdown horizontal ini? Untuk praktisnya ikuti prosedur mudah berikut:
  • Login ke dalam akun blogger anda
  • Pilih blog yang akan dipasangi
  • Pilih Menu Template
  • Klik Tombol EDIT HTML. Setelah itu akan muncul jendela konfirmasi, silahkan klik LANJUTKAN
  • Carilah kode ]]></b:skin>
    Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin> tadi
#RickyMenu {
    background: warna1;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color: warna2;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;

}

#Rickybox {
    width: 875px;
    float: left;
    margin: 0;
    padding: 0;
}

#punch {

    margin: 0;
    padding: 0;
}
#punch ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li a, #punch li a:link, #punch li a:visited {
    color: warna2;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0;
    padding: 9px 15px 8px;
}
#punch li a:hover, #punch li a:active {
    background: warna2;
    color: warna1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#punch li li a, #punch li li a:link, #punch li li a:visited {
    background: warna1;
    width: 150px;
    color: warna2;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#punch li li a:hover, #punch li li a:active {
    background: warna2;
    color: warna1;
    padding: 7px 10px;
}
#punch li {
    float: left;
    padding: 0;
}
#punch li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#punch li ul a {
    width: 140px;
}
#punch li ul ul {
    margin: -32px 0 0 171px;
}
#punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul {
    left: -999em;
}
#punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul {
    left: auto;
}
#punch li:hover, #punch li.sfhover {
    position: static;
}
  • Ganti kode warna1 dan warna2 dengan kode warna yang anda inginkan sebagai contoh bisa mengikuti kode di bawah ini:
Menu Hitam
warna1 = #555555
warna2 = #FFFFFF


Menu Biru

warna1 = #66bbdd
warna2 = #004661


Menu Hijau

warna1 = #38761d
warna2 = #FFFFFF

Menu Abu-abu

warna1 = #d4d4d4
warna2 = #555555


Menu Kuning

warna1 = #ffd966
warna2 = #d4812a
  • Jika sudah mengganti semua kode warna di atas silahkan klik SIMPAN TEMPLATE
  • Sekarang masuk ke Menu TATA LETAK atau LAYOUT
  • Klik  ADD A GADGET atau TAMBAH GADGET
  • Pilih HTML/JAVASCRIPT. Biarkan kolom judul nama gadget kosong, lalu copy paste kode di bawah ini ke kolom HTML yang tersedia
<div id="RickyMenu">
       <div id="Rickybox">
      <ul id="punch">
        <li><a href="#">Home</a></li>
        <li>
          <a href="#">Sample Page</a>
          <ul>
            <li>
              <a href="#">Sub Page #1</a>
              <ul>
                <li><a href="#">Sub Sub Page #1</a></li>
                <li><a href="#">Sub Sub Page #2</a></li>
                <li><a href="#">Sub Sub Page #3</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Page #2</a></li>
            <li><a href="#">Sub Page #3</a></li>
            <li><a href="#">Sub Page #4</a></li>
            <li><a href="#">Sub Page #5</a></li>
          </ul>
        </li>
        <li><a href="#">Sample Post</a></li>
        <li><a href="#">Blog Page</a></li>
      </ul>
    </div>
  </div>
  • Edit semua nama menu sesuai keinginan anda. Jangan lupa mengganti tanda # dengan alamat URL yang anda inginkan
  • Klik SIMPAN
  • Atur posisi gadget di tempat yang anda inginkan, lalu klik tombol SIMPAN SETELAN di bagian kanan atas layar.
Jika anda melakukan langkah-langkah di atas dengan benar, anda akan melihat sebuah horizontal dropdown menu di tempat yang anda inginkan. Bentuknya kurang lebih seperti gambar di bawah ini.
Menu horizontal dropdown

Untuk Menambah Menu:
  • Untuk menambahkan menu silahkan cari pada bagian akhir ada kode seperti ini:
<li><a href="#">Blog Page</a></li>
      </ul>
  • Tepat di bagian atas </ul> bisa disisipkan menu baru, dan akan terlihat seperti di bawah ini:
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU">TEKS BARU</a></li>
      </ul>
  • Jika menu tambahan lebih dari satu akan terlihat seperti di bawah ini
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a></li>
<li><a href="LINK BARU n">TEKS BARU n</a></li> 
      </ul>

  • Jika salah satu menu tambahan mempunyai sub menu, maka perhatikan kode </li> menu tersebut yang diturunkan untuk membuka ruang baru bagi sub menu di dalam menu tersebut
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a> 
        <li><a href="LINK BARU SUB MENU 1">SUB MENU 1</a></li>
        <li><a href="LINK BARU SUB MENU 2">SUB MENU 2</a></li>
</li>
<li><a href="LINK BARU n">TEKS BARU n</a></li> 
      </ul>

Ok, silahkan divariasikan sendiri, untuk menambah dan mengurangi dropdown menu horizontal di atas.
Lalu bagaimana cara membuat menu dropdown horizontal ini? Untuk praktisnya ikuti prosedur mudah berikut:
  • Login ke dalam akun blogger anda
  • Pilih blog yang akan dipasangi
  • Pilih Menu Template
  • Klik Tombol EDIT HTML. Setelah itu akan muncul jendela konfirmasi, silahkan klik LANJUTKAN
  • Carilah kode ]]></b:skin>
    Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin> tadi
#RickyMenu {
    background: warna1;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color: warna2;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;

}

#Rickybox {
    width: 875px;
    float: left;
    margin: 0;
    padding: 0;
}

#punch {

    margin: 0;
    padding: 0;
}
#punch ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li a, #punch li a:link, #punch li a:visited {
    color: warna2;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0;
    padding: 9px 15px 8px;
}
#punch li a:hover, #punch li a:active {
    background: warna2;
    color: warna1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#punch li li a, #punch li li a:link, #punch li li a:visited {
    background: warna1;
    width: 150px;
    color: warna2;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#punch li li a:hover, #punch li li a:active {
    background: warna2;
    color: warna1;
    padding: 7px 10px;
}
#punch li {
    float: left;
    padding: 0;
}
#punch li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#punch li ul a {
    width: 140px;
}
#punch li ul ul {
    margin: -32px 0 0 171px;
}
#punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul {
    left: -999em;
}
#punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul {
    left: auto;
}
#punch li:hover, #punch li.sfhover {
    position: static;
}

Materi Power Point

Edit Posted by with No comments
-->
Materi  Power Point
PENDAHULUAN
Microsoft Power Point merupakan salah satu aplikasi milik Microsoft, disamping Microsoft Word dan Microsoft Excel yang telah banyak kenal. Ketiga aplikasi ini lazim

SoalPower Point

Edit Posted by with No comments
Pilihlah Jawaban yang paling benar (a,b,c, atau d)

1. Program yang biasa digunakan untuk pembuatan slide untuk presentasi agar terlihat lebih mudah disebut…
a. MS. Access
b. MS. Word
c. MS. Excel
d. MS. Power Point

2. Langkah-langkah membuka MS. Power point yang benar adalah…
a. klik kiri icon MS. Power point pada desktop
b. klik start-Program-MS. Power point
c. Klik Start-Program-MS. Office
d. klik kanan icon MS. Power point pada desktop

3. Cara membuka MS. Power point melalui shortcut pada desktop adalah…
a. double klik MS. Power point pada start menu
b. double klik icon MS. Power point pada desktop
c. klik kanan icon MS. Power point pada desktop
d. klik kiri icon MS. Power point pada desktop


4. Drawing toolbar dalam Microsoft power point berfungsi untuk..
a. salah satu toolbar yang berfungsi untuk memanipulasi teks dan gambar
b. menampilkan keseluruhan slide di layar kerja dalam bentuk ukuran kecil
c. menampilkan daftar menu yang masing-masing terdiri dari beberapa perintah
d. melakukan pilihan terhadap object tertentu

5. Slide show dalam MS. Power point berfungsi untuk…
a. menampilkan keseluruhan slide di layar kerja dalam bentuk ukuran kecil
b. melakukan pilihan terhadap object tertentu
c. untuk menangani file, menyisipkan object baik gambar atau grafik
d. menampilkan tayangan sebuah slide

6. Menampilkan keseluruhan slide di layar kerja dalam bentuk ukuran kecil adalah fungsi…
a. slide shorter
b. slide show
c. drawing tool bar
d. standard tool bar

7. Untuk menutup program Power point adalah…
a. klik file – open – ketik nama file – klik open
b. klik file – page setup – paper – ok
c. klik file – close
d. klik file – save – OK

8. Tools yang terdiri dari item yang berhubungan dengan pengaturan huruf atau tulisan adalah…
a. standard tool bar
b. formatting tool bar
c. drawing tool bar
d. menu tool bar

9. Tools untuk menangani file, menyisipkan object baik gambar atau grafik disebut…
a. drawing tool bar
b. formatting tool bar
c. standard tool bar
d. menu tool bar

10. Menambahkan gambar ke dalam materi presentasi yang sedang dipersiapkan baik berasal dari default power point maupun dari file yang kita punyai merupakan fungsi dari…
a. insert word art
b. insert clip art
c. insert table
d. insert template

Penyelesaiannya Klik Disini
                                                        Download disini         

Sabtu, 17 November 2012

soal corel draw

Edit Posted by with 1 comment

Soal dan jawaban tugas desain grafis CorelDRAW

LATIHAN SOAL COREL Sebagai Pengganti UH dan Tugas!!
Jawablah dengan benar!!!

1. Apa yang dimaksud dengan corelDRAW?
Jawab: CorelDRAW adalah perangkat lunak pengolah gambar Vector

Materi corel draw

Edit Posted by with No comments

Materi corel draw

MODUL COREL DRAW 12
Membuka Program Corel Draw :
Klik Start → Program → Corel Draw Graphic Suit12→ Corel Draw12
2. Pengenalan Lingkungan Corel Draw
Pengenalan menu-menu yang ada di corel
Jika saat menggunakan Corel Draw kehilangan Standar Tool Bar, Property Bar, Toolbox, cukup
dikeluarkan kembali dengan mengklik menu Window Æ Toolbars Æ Standar, atau Window Æ
Toolbars Æ Property Bar, atau Window Æ Toolbars Æ Toolbox. Jika kehilangan Color Pallete, klik
menu Window Æ Color Palletes ÆDefault CMYK Pallete, begitu juga jika ingin mengeluarkan
Docker tinggal dikeluarkan dimenu Window.

soal excel

Edit Posted by with No comments
Ilmu Excel menyediakan kumpulan beberapa soal excel yang bisa didownload secara gratis sebagai bahan latihan atau bagi guru mata pelajaran TIK untuk soal ulangan juga bisa digunakan. Silakan download secara free dan saya posting 8 soal seperti contoh dibawah ini.

Microsoft Excel

Edit Posted by with No comments

Microsoft Excel

Bagian 1 - Apa dan Kenapa Excel ?

Apa itu Excel ? 

Microsoft Office Excel atau sering disebut Excel saja adalah software atau program komputer

Cara Membuat Menu Horisontal di Blog

Edit Posted by with No comments

Cara Membuat Menu Horisontal di Blog

Cara Membuat Menu Horisontal di Blog - Banyak sekali blog tutorial yang mungkin sering membahas cara memasang menu horisontal di blog. Mulai dari yang biasa - biasa ( di sediakan pihak blogger ) hingga yang nggak biasa alias lebih canggih.( bisa sobat liat di menu horisontal blog ini .. hehehe)

Seperti yang kita ketahui bersama bahwa menu yang di sediakan pihak blogger memiliki tampilan yang tetap. ( sepengetahuan saya ) sehingga bagi sobat blogger yang hobby utak atik blog, mungkin sedikit kurang mengasikkan. Kali ini, setelah memposting artikel cara mengetahui blog dofollow atau nofollow, saya akan mencoba sharing pada sobat blogger tentang cara membuat menu horisontal di blog yang di lengkapi dengan fasilitas dropdown atau lebih tepatnya cara membuat menu horisontal dropdown di blog.  Untuk demonya sobat nggak perlu jauh jauh, cuma perlu liat aja menu di bawah header blog ini.

Bagi sobat yang tertarik untuk membuat menu horisontal di blog,silahkan ikuti tutorial berikut.


1. Log in dulu ke akun blog sobat.
2. Klik Rancangan --> edit html
3. Cari kode ]]></b:skin> ( Gunakan Ctrl + F untuk memudahkan percarian)
4. Letakkan kode berikut di atasnya.

#tejahtc{
height:33px;
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfvcvwTkL1xsX3TeOdUL36bcsF290X_-jM63fk31nBiAjXN8qn4q1UnhPS83v8zQVciJ5jPB2VjmQcZK9k2fwDmg8ga_DdAHHFRcrhrnLMpJ41bqVXPtFDeo6WRPqtc3NilwGqUtxZEXw8/) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}

#tejas{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfvcvwTkL1xsX3TeOdUL36bcsF290X_-jM63fk31nBiAjXN8qn4q1UnhPS83v8zQVciJ5jPB2VjmQcZK9k2fwDmg8ga_DdAHHFRcrhrnLMpJ41bqVXPtFDeo6WRPqtc3NilwGqUtxZEXw8/) repeat-x;
height:33px;
}

#tejas ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#tejas li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#tejas li a, #tejas li a:link, #tejas li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}

#tejas li a:hover, #tejas li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjfozUETQCoeIVXH1rqTO1OO023h6OCz2rwZT430T5dUGgkIi57BdKnxtgfJzGkBJ5_91NASB2IHeyu5Q_ohiQRdzu0nXtsShVCxwPhyT9Igc9oBONaNaBb_mc1vWB1tW1IAn9PsdEeYg/) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}

#tejas li li a, #tejas li li a:link, #tejas li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;
}

#tejas li li a:hover, #tejas li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjfozUETQCoeIVXH1rqTO1OO023h6OCz2rwZT430T5dUGgkIi57BdKnxtgfJzGkBJ5_91NASB2IHeyu5Q_ohiQRdzu0nXtsShVCxwPhyT9Igc9oBONaNaBb_mc1vWB1tW1IAn9PsdEeYg/) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}

#tejas li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#tejas li li {
}

#tejas li ul a {
width: 140px;
}

#tejas li ul a:hover, #tejas li ul a:active {
}

#tejas li ul ul {
margin: -34px 0 0 170px;
}

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

#tejas li:hover ul, #tejas li li:hover ul,
#tejas li li li:hover ul, #tejas li.sfhover ul,
#tejas li li.sfhover ul, #tejas li li li.sfhover ul {
left: auto;
}

#tejas li:hover, #tejas li.sfhover {
position: static;
}

tambahan :
  • Modifikasi kode di atas terutama ukuran lebar dan tinggi yang harus di sesuaikan dengan ukuran template blog sobat.
  • Hampir semua bagian dari kode di atas bisa di edit,  tapi kalo menurut saya sih tampilannya sudah pas tinggal tinggi dan lebarnya saja... terserah sobat..

5. Letakkan kode berikut di bawah kode <div id='content-wrapper'> ( cari dengan Ctrl+F )

<div id='tejahtc'>
<div id='tejas'>

<ul>
<li><a href='http://christiantatelu.blogspot.com/'>Home</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1</a>
<ul class='children'>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1-1</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1-2</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1-3</a></li>
</ul>
</li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2</a>
<ul class='children'>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2-1</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2-3</a></li>
</ul>
</li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-3</a>
<ul class='children'>
<li><a href=Link sobat di sini!' title='Link-Title'>Link-Name-3-1</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-3-2</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-3-3</a></li>
</ul>
</li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-4</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5</a>
<ul class='children'>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5-1</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5-2</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5-3</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5-4</a></li>
</ul>
</li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-6</a>
<ul class='children'>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-6-1</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-6-2</a></li>
</ul>
</li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-7</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-8</a></li>
</ul>

</div>
</div>


<div class='clear'/>

  • Ganti tulisan yang berwarna biru dengan link dari kategori atau bisa juga dengan link posting.
contoh link kategori atau label, modelnya seperti ini.
http://christiantatelu.blogspot.com/search/label/BLOG

sedangkan link posting seperti ini .
http://christiantatelu.blogspot.com/2012/01/membuat-link-terbuka-di-tab-baru.html
  • Ganti tulisan berwarna ungu dengan url blog sobat.
  • Ganti link name dengan judul kategori atau judul posting atau apapun yang penting menarik untuk di klik. untuk link title samakan saja dengan link name.

6. Save template..

Cara Membuat Menu Horizontal di Blog

Edit Posted by with No comments

Cara Membuat Menu Horizontal di Blog

Menu horizontal, sangat penting peranannya baik dalam website atau pun blog. Menu horizontal sendiri adalah menu berupa link - link yang terpasang secara memanjang yang biasanya diletakan di bawah header atau di atas header atau kadang kadang ada juga yang keduannya menggunakkan menu horizontal.
Bagi sobat - sobat blogger yang menggunakan template yang tidak mendukung menu horizontal, tenang saja karena posting kali ini, saya mencoba untuk mencari source code dari menu horizontal tersebut. Dan allhamdulillah, saya menemukkannya dari CSS Menu Generator.
Memang, menu horizontal yang ada pada situs tersebut diperuntukkan untuk website. Dan cara - cara / petunjuk-nya pun adalah petunjuk untuk menempatkannya di website. Namun, sobat tidak perlu khawatir karena saya sudah pernah coba download, dan saya coba untuk menempatkannya di Blog ( Blogger / Blogspot ).
Banyak sekali pilihan menu horizontal yang dapat kita pilih dari situs tersebut. Namun, saya coba untuk memilih salah satunya. Dan alhamdullilah, saya jatuh hati pada menu horizontal ini :
Bagi sobat yang ingin menambahkan menu horizontal tersebut, silahkan ikuti langkah - langkah berikut ini :
  • Pertama - tama, masuk ke Akun Blog Sobat,
  • Klik Template dan Klik Edit HTML,
  • Selanjutnya, cari kode ]]></b:skin> (gunakan Ctrl + F), dan Copy Paste Code dibawah tepat di atas kode tersebut.
ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbASnOSlKN9hv8cvwBIvhhCaPH6YEgR4d4yu1GdPzStmpQSZ52A8ZqsBRzfJjXLFOZ_zEcyHQ5fenP7E1NwSledfRUmFl82FIHXgJOshpONQYg84TngFJu-8CrBt74b34ck7xPMZleTKA/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}ul.menu li {display:block;float:left;margin:0;padding:0;}ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbASnOSlKN9hv8cvwBIvhhCaPH6YEgR4d4yu1GdPzStmpQSZ52A8ZqsBRzfJjXLFOZ_zEcyHQ5fenP7E1NwSledfRUmFl82FIHXgJOshpONQYg84TngFJu-8CrBt74b34ck7xPMZleTKA/s1600/bg.png") repeat-x top left;text-decoration:none;}ul.menu .current a {color:#fff;font-weight:700;}/*Garis Merah*/ul.menu.red{background-color:#B11718;}ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}

  • Setelah kode tersebut selesai ditambahkan, silahkan Save Template. 
Selanjutnya, Masuk ke Tata Letak dan ikuti langkah - langkah berikut :
  • Klik Tambah Gadget,
  • Lalu tambahkan Fungsi Pihak ke tiga HTML/Javascript,
  • Selanjutnya, Copy Paste Kode di Bawah,
<ul class="menu red">
  <li class="current"><a href="http://fileprofessional.blogspot.com/" target="_self">Home</a></li>
  <li><a href="http://fileprofessional.blogspot.com/p/about-me.html" target="_self">About</a></li>
  <li><a href="http://fileprofessional.blogspot.com/p/contact.html" target="_self">Contact</a></li>
  <li><a href="http://fileprofessional.blogspot.com/2012/04/tukar-link.html" target="_self">Tukar Link</a></li>
  <li><a href="" target="_self"></a></li>
</ul>
Keterangan :
Silahkan ganti tulisan berwarna biru dengan kata - kata yang sobat inginkan, dan ganti juga tulisan berwarna merah dengan link url sobat.

jika aku menjadi

Edit Posted by with No comments
 Jika Aku Menjadi
Dokter adalah seseorang yang mempunyai jasa menyembuhkan pasien atau seseorang yang sedang sakit. Dokter dapat menyembuhkan penyakit yang diderita pasien. Apabila aku besar nanti, aku akan menjadi dokter. Karena dokter adalah seseorang yang sangat berjasa. Aku ingin menjadi dokter karena dapat menyembuhkan pasien yang terkena penyakit. Dan di saat-saat ini aku akan belajar dengan sepandai-pandainya agar aku dapat meraih cita-citaku yang ingin menjadi dokter. Karena disaat kita kecil kita selalu dibahagiakan orang tua. Tapi saat kita akan menjadi orang yang sukses, kita harus membahagiakan orang tua.
Disaat aku kecil,aku selalu disayangi orang tua, tapi saat kita sudah besar, kita harus menyayangi orang tua kita. Aku mempunyai cita-cita menjadi dokter karena saat aku kecil waktu itu aku sedang sakit dan aku dibawa ke dokter. Dan saat itu aku akan menjadi dokter karena waktu itu aku sedang melihat seseorang yang kesakitan, dan aku melihat seorang dokter yang berjuang untuk mengobati pasien itu. Betapa besar jasa seorang dokter ketika mengobati pasiennya. Dan aku akan belajar sepandai-pandainya agar aku dapat meraih cita-citaku menjadi dokter.

bersyukur

Edit Posted by with No comments
  1. Saya selalu bersyukur atas kehidupan yang begitu indah ini. Di sela-sela ACTION yang saya lakukan, ucapan syukur tak henti-henti saya ucapkan sebagai bentuk terimakasih atas begitu besar dan melimpah nikmat yang telah saya terima.
  2. Pikiran saya ibarat taman berisikan bunga-bunga bermekaran yang semerbak mewangi, elok rupanya, dan disukai banyak orang. Di taman pikiran saya, hanya tertanam hal-hal positif yang memberi manfaat dan menyebarkan kebaikan bagi orang banyak.
  3. Saya sangat bersyukur dianugerahi kesehatan yang membuat saya sanggup berpikir secara jernih dan mengajak orang-orang lain menuju arah yang lebih baik.
  4. Saya tidak akan pernah menunda mengucap syukur dan terima kasih. Karena kita tidak akan pernah tahu berapa lama lagi hidup di dunia ini.  Maka, sekarang juga saya ucapkan syukur atas segala nikmat yang telah saya rasakan.
  5. Saya ucapkan terimakasih kepada siapa saja yang membantu saya menyuntikkan semangat menjalani kehidupan ini. Berkat semangat yang berkobar ini, saya mantap menatap masa depan yang lebih berarti.
  6. Saya percaya selalu ada harapan yang lebih baik di depan sana. Asal kita tidak pernah berhenti untuk berusaha, bersyukur, dan dilandasi doa.
  7. Saya belajar bersyukur dengan menerima apapun yang saya alami hari ini. Rasa syukur membuat pikiran saya lebih jernih dan hati tentram-bahagia.
  8. Setiap rasa syukur dan terimakasih terlontar, diri saya kembali ke titik nol. Situasi yang saya rasakan begitu damai dan plong.
  9. Saya bersyukur bukan saja untuk segala hal yang telah saya miliki dan rasakan selama ini, namun juga untuk segala hal negatif yang selama ini memang tidak pernah saya harapkan datang.
  10. Saya selalu memperbaiki kualitas diri saya dengan mengucapkan rasa syukur pada-Nya. Saya juga membiasakan diri mengucap terimakasih pada orang-orang sebagai bentuk apresiasi tulus saya pada mereka.