Minggu, 12 Oktober 2014
Kamis, 29 Mei 2014
Selasa, 11 Februari 2014
Senin, 20 Agustus 2012
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
Minggu, 19 Agustus 2012
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
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:
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
Makanan pencetus dan pereda stres
#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 )
Langganan:
Postingan (Atom)