TIK (guide and shape)

https://docs.google.com/file/d/0B_Y_b7ruqhmzbng0SnYwTEE5Rkk/edit

»»  READMORE...

Tugas TIK BPS

BPS TIK Muhammad Syakir XI D/25

»»  READMORE...

Tugas TIK SMA N 20 SBY XI-IPA 4 / 25

Tugas TIk

»»  READMORE...

Cara membuat Menu Bar pada blog

 

--> Cara membuat Menu Bar pada blog

  Kali ini saya akan menjelaskan bagaimana cara membuat menu bar pada blog. Cara membuat menubar ini berbeda dengan cara membuat menubar pada template klasik.  Namun, bedanya kali ini membuat menubar pada custom template. Untuk melihat bagaimana screenshot menubarnya lihat di atas:

 Karena banyaknya sobat blogger yang berkomentar karena kebingungan membuat menubar, saya update postingan ini agar lebih relevan dan mudah:

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML lalu Lanjutkan
4. Klik centang pada Expand Template Widget
5. Cari kode ]]></b:skin> (gunakan ctrl+f)
6. Pasang kode di bawah ini di atas kode ]]></b:skin>

#menubar{
width:900px;
height:32px;
background:#de360f;
float:center;
margin-bottom:10px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}

7. Selanjutnya cari kode <div id='content-wrapper'>
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7

-----------------------------------------------------------------------

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://sykir.blogspot.com/'>Edit me</a></li>
<li><a href='http://sykir.blogspot.com/'>Edit me</a></li>
<li><a href='http://sykir.blogspot.com/'>Edit me</a></li>
<li><a href='http://sykir.blogspot.com/'>Edit me</a></li>
</ul>
</div>

-------------------------------------------------------------------------

9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini :

---------------------------------------------------------------------------

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://sykir.blogspot.com/'>Edit me</a></li>
<li><a href='http://sykir.blogspot.com/'>Edit me</a></li>
<li><a href='http://sykir.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://sykir.blogspot.com/'>Edit me</a></li>
<li><a href='http://sykir.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>

----------------------------------------------------------------------------

*Keterangan:

• Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
• Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
• Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
• Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.

*sumber ~> http://blognya-reggy.blogspot.com/2011/11/cara-membuat-menu-bar-pada-blog.html

 

 

»»  READMORE...

Gadget terbaru, Membuat buku tamu dengan shoutmix

Membuat buku tamu dengan shoutmix

Ngebuat buku tamu tergolong mudah. Karena kita hanya tinggal memanfaat kan website penyedian jasa tersebut. Salah satunya adalah Shoutmix. Tetapi sebenarnya masih banyak lagi penyedia jasa serupa yang dapat kalian cari di mbah goolge. Simak tutorial membuat buku tamu dari Shoutmix dibawah ini :

• Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.

•  Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue

• Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now

• Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.

• Jika sudah selesai klik menu Get Codes

• Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"

• Atur lebar dan tinggi shoutbox di kolom widht dan hight

• Kemudian Copy kode yang ada di dalam kotak "generated Codes"

• Login ke blogger.com lalu pilih Layout kemudian Add Page Elements

•  Tambahkan element HTML/Javascript.

• Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.

• Jadi deh.....Sekarang kamu udah punya buku tamu……

SEMOGA BERMANFAAT :D

*sumber ~> http://chemie08.blogspot.com/2010/06/membuat-buku-tamu-dengan-shoutmix.html

»»  READMORE...

Gadget terbaru, Memasang dissable right click

Memasang Dissable Right Click

Bagi sebagian blogger yang memiliki blogger kegiatan copas merupakan kegiatan yang paling mereka mereka benci setengah mati (lebay mode on). Karena memang untuk menuliskan sebuah postingan di blog memerlukan pemikiran. Tetapi bagi ane pribadi kegiatan copas merupakan kegiatan yang wajar selama para peng-copas mau menuliskan blog mana yang mereka jadi kan rujukan. Tentu ini merupakan sikap yang gentle karena mereka mau dengan jujur mengakui penyaduran suatu konten blog. Dan sayang nya kebanyakan para

peng-copas jarang yang mau menuliskan sumber dari postingan yang mereka tampilkan.

Maka salah satu jalan yang dapat kita tempuh agar terhindar dari kegitan copas adalah dengan menonaktifkan klik kanan. Klik  kanan ini sering digunakan sebagai fasilitas untuk mengkopi paste kan postingan seseorang. Untuk yang berminat untuk memasang "dissable right click" ikuti tips berikut: 

1. Login ke dasbor blogger ----) Rancangan ----) Elemen Halaman ----) Add Gadget
2. Lalu pilih HTML/JavaScript,
3. Copas kode di bawah ini :

<script>
var message="Maaf, Klik Kanan Tidak Diperbolehkan !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

4. Terakhir, save, trus lihat deh hasilnya. Coba kamu klik kanan di blok kamu. Pasti hasilnya akan muncul pesan "Maaf, Klik kanan tidak diperbolehkan".

Semoga bermanfaat .... :D
*sumber ~> http://chemie08.blogspot.com/2010/06/memasang-dissable-right-click.html

»»  READMORE...

Makanan pencetus dan pereda stres

--> Makanan yang masuk dalam tubuh tidak hanya berpengaruh untuk kesehatan fisik seseorang. Nutrisi pada makanan yang masuk dalam tubuh, ternyata dapat mempengaruhi psikologis seseorang. Jika Anda sering merasa stres, cobalah untuk memeriksa makanan apa yang Anda santap. Karena bisa jadi bukan masalah pekerjaan atau masalah di rumah yang membuat Anda stres, tetapi stres Anda disebabkan makanan yang dikonsumsi.



#1 ~> Makanan dan minuman Pencetus stres

Makanan-makanan yang tinggi kadar garam dan lemak merupakan makanan pencetus stres. Penyebabnya karena makanan tersebut memacu produksi hormon stres yaitu hormon kartisol. Hormon tersebut akan menghambat kerja dari serotonin, yang berperan mempengaruhi mood atau suasana hati, karena sifatnya menenangkan dan mengontrol rasa gelisah. Efek lain dari kartisol adalah menyebabkan pelepasan hormon neuropeptide Y dan hormon galanin yang membuat seseorang ingin mengkonsumsi makanan berlemak dan makanan yang manis. Akibatnya, seseorang akan mengalami bad mood terus.

Makanan siap saji seperti nugget, bakso, sosis atau makanan kaleng olahan merupakan makanan yang dapat memicu stres karena pada makanan ini banyak mengandung garam dan lemak. Karbohidrat sederhana seperti roti atau mie dan lemak trans juga merupakan makanan penyebab stres.
Selain makanan, pilihan minuman yang dipilih juga dapat menyebabkan stres. Minuman keras dan beralkohol, kopi, serta minuman dengan kadar kafein tinggi tidak baik untuk mood Anda. Kurangi minum minuman tersebut agar tidak memicu stres Anda.


#2 ~> Makanan dan minuman Pereda stres 

Kandungan vitamin B, omega 3, asam folat, magnesium dan vitamin C dapat menjadikan suatu makanan digolongkan sebagai makanan pereda stres. Pilih makanan yang mengandung antioksidan yang akan membantu melancarkan fungsi memori.

Alpukat, pisang, ikan tuna, ikan salmon, ikan sardin, susu, dan yoghurt banyak mengandung vitamin B. Sedangkan asam folat dapat diperoleh dari oatmeal, jeruk atau asparagus. Magnesium, yang dapat membantu Anda tidur pulas, banyak terdapat pada kacang almond, sayur bayam atau tofu yang akan membantu tubuh memproduksi dopamin. Sedangkan makanan dengan vitamin C dapat dengan lebih mudah ditemukan pada buah-buahan seperti jeruk, kiwi, jambu biji atau stroberi.

Untuk mendapatkan manfaat yang diinginkan, menu makanan Anda hendaknya dikombinasikan. Pada waktu jam makan, pilih makanan dengan kandungan protein, lemak sehat dan karbohidrat kompleks. Kombinasi yang baik akan membuat gula darah stabil dan mengurangi keinginan untuk makan cemilan.

Setelah mengetahui makanan pereda stres, perlu juga untuk mengetahui minuman yang mampu mengurangi stres. Cukup minum air putih, yaitu sebanyak 2 liter per hari atau menyeruput secangkir teh akan membantu menenangkan hati. Apalagi jika minum teh dengan keluarga dan dalam suasana yang menyenangkan, pasti akan menjauhkan Anda dari stres.

Setelah mengetahui makanan dapat memicu stres, maka kini pilihlah menu makanan dengan cerdas agar tidak mengganggu emosi Anda. Makan dengan tenang, perlahan, dinkmati sambil mnegucapkan terima kasih karena Anda masih dapat memperolah makanan yang sehat. Dengan demikian, makanan akan membantu Anda memperoleh ketenangan pikiran.

* sumber : ( http://kumpulan.info/sehat/artikel-kesehatan/48-artikel-kesehatan/362-makanan-pencetus-pereda-stres.html )
 

»»  READMORE...