suka-suka

Senin, 14 Januari 2013

tambah menu

<ul id="coolMenu">
<li><a href="http://samasamasuka7shortcut.blogspot.com/">Home</a></li>
<li><a href="http://samasamasuka7shortcut.blogspot.com">kosong</a></li>
<li>
<a href="http://samasamasuka7shortcut.blogspot.com">Blogger</a></li>
<li>
<a href="http://samasamasuka7shortcut.blogspot.com">Resep</a></li>
<li><a href="http://samasamasuka7shortcut.blogspot.com">kosong</a></li>
<li>
<a href="http://samasamasuka7shortcut.blogspot.com">kosong</a></li>
</ul>

Cara Gampang membuat Link HTML di Blogspot

Cara Gampang membuat Link HTML di Blogspot. Sahabat Info sinta, Seorang BLOGGER harus mengetahui Cara Membuat Artikel Link Pada Blog. Dengan cara mengetahui Membuat Link HTML, maka akan menjadi sangat mudah untuk mengarahkan pengunjung blog menuju ke sebuah halaman situs yang di inginkan. CARA MEMBUAT LINK di Artikel atau postingan blog sagatlah mudah. Cukup Di Blog/highlight kata atau kalimat yang ingin dijadikan link, lalu klik tombol link pada menu kotak penulisan artikel Blog yang ada di bagian atas dan berwarna biru. Selanjutnya tinggal memasukkan URL halaman / situs yang ingin dituju Link pada pop up jendela yang muncul, setelah itu klik Ok.

Minggu, 13 Januari 2013

Cara membuat Menu pada Blog

JQuery - Bagi kamu yang ingin memiliki menu drop down yang keren, kamu bisa membuat menu horizontal drop down dengan animasi ini, ketika drop down nya muncul akan memberikan efek animasi yang keren. Cara membuatnya juga gampang dan simpel, tidak ribet bahkan kamu bisa utak atik desain tampilannya.

1. Login ke blog kamu
2. Pilih Template > Edit HTML > Cari kode </head>
3. Letakan kode di bawah ini tepat di atas kode </head>

<style>
#coolMenu,
#coolMenu ul {
    list-style: none;
}
#coolMenu {
width:980px;
    float: left;
}
#coolMenu > li {
    float:left;
}
#coolMenu li a {
display: block;

    padding: 5px 10px 5px 10px;
    text-decoration: none;
}
#coolMenu ul {
    position: absolute;
    display: none;
        z-index: 999;
}
#coolMenu ul li a {
    width: 30px;
float:left;
padding: 5px 10px 5px 10px;
}
#coolMenu li:hover ul {
}
/* Main menu
------------------------------------------*/
#coolMenu {
    font-family: Arial;
    font-size: 12px;
    background: #2f8be8;
margin:0 auto;padding:0 auto;
background: #02b0cf;
padding-left:3px;
border-bottom:1px solid #ccc;border-top:2px solid #ccc;
}
#coolMenu > li > a {
    color: #fff;
    font-weight: bold;
padding:8px 10px 8px 10px;
}
#coolMenu > li:hover > a {
    background: #f09d28;
    color: #000;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

/* Submenu
------------------------------------------*/
#coolMenu ul {
    background: #f09d28;
padding:3px 5px 3px 5px;
}
#coolMenu ul li a {
    color: #000;
width:100px;
}
#coolMenu ul li:hover a {
    background: #ffc97c;
    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$(function(){
    $('#coolMenu').find('> li').hover(function(){
        $(this).find('ul')
        .removeClass('noJS')
        .stop(true, true).slideToggle('fast');
    });
});
</script>

Kode yang berwarna biru adalah kode lebar menu nya, jadi sesuaikan dengan blog kamu.
Kode yang berwarna merah adalah warna background menu nya.
Kode yang berwarna ungu adalah warna background sub menu nya.

4. Simpan Template
5. Ini adalah kode HTML Menu Drop Down Animasi.

<ul id="coolMenu">
    <li><a href="http://blazerracing.blogspot.com">Home</a></li>
    <li><a href="#">Health</a></li>
    <li>
    <a href="#">Blogger</a>
    <ul class="noJS">
        <li><a href="#">jQuery</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">Widget</a></li>
    </ul>
</li>
<li>
    <a href="#">Resep</a>
    <ul class="noJS">
        <li><a href="#">Dessert</a></li>
        <li><a href="#">Chicken</a></li>
        <li><a href="#">Drink</a></li>
<li><a href="#">Cake</a></li>
<li><a href="#">Breakfast</a></li>
<li><a href="#">Soup</a></li>
<li><a href="#">Pasta</a></li>
<li><a href="#">Seafood</a></li>
    </ul>
</li>
    <li><a href="#">Naruto Episode</a></li>
<li>
    <a href="#">More</a>
    <ul class="noJS">
        <li><a href="#">Kode Warna</a></li>
        <li><a href="#">Get This Menu</a></li>

    </ul>
</li>
</ul>

Ganti tanda pagar dengan URL yang dituju.
6. Sekarang untuk memasang menu nya, kamu bisa gunakan salah satu cara di bawah ini.
(Copy kode nomor 5 ke 2 cara di bawah ini, pilih salah satu saja, dan ikuti instruksinya.)

Cara 1 : Add Gadget > HTML/Java Script > Copy kode nomor 5.
Cara 2 : Template > Edit HTML, Kamu cari kode bagian header blog kamu, untuk lebih mudah cari kode ini<div id='header-wrapper'> biasanya, kodenya kaya di bawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blazer Blog (Header)' type='Header'/>
</b:section>
</div>
NANTI KODE NOMOR 5 NYA LETAKAN DISINI DI BAWAH KODE AKHIR HEADER

Copy kode nomor 5 ke 2 cara di atas, ke HTML/JavaScript atau cara ke-2 letakan ganti kata-kata berwarna merah dengan kode nomor 5.

Cara membuat kotak space iklan di blog

Cara membuat kotak space iklan di blog - Hallo sob kali ini Eflianda BlogzZz akan memberikan salah satu cara untuk membuat kotak space iklan di blog, tentu nya kalian sudah tau la ya kegunaan dan keuntungannya bila memasang space iklan di blog. Nah untuk blog-blog yang sudah memiliki trafik yang cukup tinggi mungkin ini sangat cocok di tempatkan di blog kalian untuk mendapatkan pundi-pundi rupiah dari si pemasang iklan, kan lumayan tu kalau ada yang mau memasang di blog kita, itung-itung meringankan biaya perbulan internet. dan kalau ga ada yang mau pasang di jadiin hiasan blog aja.hehe

nah untuk Cara membuat kotak space iklan di blog ini aku menggunakan ukuran 125x125.
ok kita langsung aja ke pembuatan nya.
1. Login ke blog kalian
2. Klik Template > Edit HTML
3. Cari <b:skin> Selanjutnya masukan kode CSS berikut ini dan letakkan di bawah <b:skin>

#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

Kalau sudah klik Save Template

4. Buka Tata Letak > Tambah Gadget > HTML/Java Script
Lalu masukan kode tambahan berikut ini.

<div id="Box-Banner-ads">
<a target="_blank" href="http://eflianda.blogspot.com/2012/09/pasang-iklan-murah-di-eflianda-blogzzz.html"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAzl2wymLyidntr19rV8Fzfqwme0cXrZOQyr0IhVOj5xoZ6OPlu0HZ3M6qhFKfOoPU-OoL0lTK4Rd_XaTx_bs-JE7O269O6hb42htTXw5LW5dZRGf-or0v2W-WU-cpIDDfkG3hdR6gzjH/s1600/banner-iklan-125x125.gif"/></a>

<a target="_blank" href="http://eflianda.blogspot.com/2012/09/pasang-iklan-murah-di-eflianda-blogzzz.html"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAzl2wymLyidntr19rV8Fzfqwme0cXrZOQyr0IhVOj5xoZ6OPlu0HZ3M6qhFKfOoPU-OoL0lTK4Rd_XaTx_bs-JE7O269O6hb42htTXw5LW5dZRGf-or0v2W-WU-cpIDDfkG3hdR6gzjH/s1600/banner-iklan-125x125.gif"/></a>

<a target="_blank" href="http://eflianda.blogspot.com/2012/09/pasang-iklan-murah-di-eflianda-blogzzz.html"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAzl2wymLyidntr19rV8Fzfqwme0cXrZOQyr0IhVOj5xoZ6OPlu0HZ3M6qhFKfOoPU-OoL0lTK4Rd_XaTx_bs-JE7O269O6hb42htTXw5LW5dZRGf-or0v2W-WU-cpIDDfkG3hdR6gzjH/s1600/banner-iklan-125x125.gif"/></a>

<a target="_blank" href="http://eflianda.blogspot.com/2012/09/pasang-iklan-murah-di-eflianda-blogzzz.html"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAzl2wymLyidntr19rV8Fzfqwme0cXrZOQyr0IhVOj5xoZ6OPlu0HZ3M6qhFKfOoPU-OoL0lTK4Rd_XaTx_bs-JE7O269O6hb42htTXw5LW5dZRGf-or0v2W-WU-cpIDDfkG3hdR6gzjH/s1600/banner-iklan-125x125.gif"/></a>
</div>

kalau sudah klik simpan.

Nah space iklan nya sekarang sudah jadi, kalian tinggal menggantikan yang berwarna Merah dengan URL target pemasang iklan dan Orange dengan URL gambar/banner iklan nya.

untuk sementara kalian bisa menggunakan URL gambar di bawah ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwE0-EvBM22Yy7oaJHopzaTaQrhpn5QJe1VxDMqLJVA2TukljHDNTycRf6G29gtonTlTvTkOHD_fojcMXHlfTbkNXF-9V-bsc-GTs39nFrEAf3apvHmYasg9KYL1bp5OnbECCy_FoD5U2D/s1600/Banner+iklan.jpg

dan kalau mau yang tulisan berkedip pakai yang di bawah ini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAzl2wymLyidntr19rV8Fzfqwme0cXrZOQyr0IhVOj5xoZ6OPlu0HZ3M6qhFKfOoPU-OoL0lTK4Rd_XaTx_bs-JE7O269O6hb42htTXw5LW5dZRGf-or0v2W-WU-cpIDDfkG3hdR6gzjH/s1600/banner-iklan-125x125.gif

nah kalau sobat tidak suka tampilan tulisan/kata-kata banner iklan diatas silahkan lihat Cara membuat tulisan Berkedip menggunakan Photoshop dan satu lagi kalau ada di antara sobat yang tertarik memasang iklan di Eflianda BlogzZz silahkan lihat Pasang iklan Murah di Eflianda BlogzZz

Ok lah mungkin segitu aja dulu cara membuat kotak space iklan di blog yang dapat aku terangkan semoga artikel ini dapat bermanfaat e, dan semoga ada yang mau memasang iklan di blog kita.hehehe

Read more: Cara membuat kotak space iklan di blog - Eflianda blogzZz http://eflianda.blogspot.com/2012/10/cara-membuat-kotak-space-iklan-di-blog.html#ixzz2Hsp0X98L

Sabtu, 12 Januari 2013

Manfaat Teh Basi mencegah kerontokan rambut

Teh basi????

wah ada ada aja nih , di jaman serba modern gini teh basi mengandung manfaat yang luar biasa, mau tau apa itu manfaat teh basi baca artikel ini

Jika rambut anda rontok jumlahnya tidak normal, lalu anda biarkan tanpa perawatan atau pencegahan, dapat mengakibatkan kebotakan . Ini tentu tentu tak baik untuk penampilan Sobat.

Ini dia solusinya Teh basi adalah solusi terbaik untuk mengatasi masalah yang saat ini sedang sobat alami.

Teh basi yang digunakan bisa di buat dari Teh berbagai merk. Hanya saja, jangan pernah sekali-kali campurkan bahan apapun dalam the basi tersebut yang hendak digunakan untuk perawatan rambut sobat.

Caranya cukup mudah kok,

Begini caranya:

1. seduhlah teh dengan kekentalan yang lebih dari pada biasanya, dan jangan campur dengan gula atau bahan lainnya.

2. Kemudian diamkan semalam hingga basi.Saat akan digunakan, sebaiknya keramas dahulu agar rambut Sobat bersih dan juga keramasi lagi ketika sudah selesai.

3. Kemudian siram teh basi tersebut ke kulit kepala dan pijat perlahan hingga khasiat yang terkandung di dalamnya meresap.

4. Setelah dipijat-pijat, diamkan 15 menit, lalu bilas hingga bersih dengan air dingin.

5. Untuk hasil terbaik, gunakan teh basi sebagai masker rambut secara teratur seminggu sekali atau 2 kali.

Masker teh basi telah digunakan oleh masyarakat tradisional sejak jaman dahulu, sebagai bahan perawat rambut dan pencegah kerontokan rambut.karena Kandungan antioksidan dan berbagai bahan lainnya bermanfaat untuk memberi nutrisi pada kulit kepala, dan menambah kekuatan dan kesuburan rambut.