SLIDE1

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Paris

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Minggu, 15 Januari 2017

Cara Membuat Slide Show Foto di Blog

Cara Membuat Slide Show Foto di Blog:
1. Login ke blogger.
2. Pilih "Tata Letak" kemudian "Tambah Gadget"
3. Pilih "HTML/JavaScript".
4. Masukan kode HTML berikut ini:


 <script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>



5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload).
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.

Buah Apel

Anda dapat melihat penjaelasan buah apel disini

Senin, 07 November 2016

search engine

<form action="http://merdhawerdiyanti67.blogspot.com/search" method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>


Buku tamu cbox

Masuk pada Cbox:  : http://www.cbox.ws/getone.php.

Isi data Anda :

  • Cbox name (nama id yang mau dipakai)
  •  Email Address ( email anda)
  • Password (password untuk login)
  • Confirm Password (ulangi password untuk login)
  • Website (URL website / Alamat Blog anda)
  • Language (Bahasa tampilan Cbox)
  • Style (Tema yang akan dipasang, anda pilih sesuai selera)
  • Centang   I have read and do agree to the Cbox terms and conditions of service.
  • klik Create my Cbox   

Jika sudah sukses selanjutnya Buka Inbox Email anda untuk konfirmasi

  • Masuk ke email lalu klik link untuk aktivasi.
  • kembali ke akun cbox
  • Klik Publish
  • Setelah login anda akan mendapatkan kode yang harus anda copi lalu pasang kode tersebut pada blog anda 


Kode auto hide untuk buku tamu

<style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDHmsEDA8bWW9qP5faXm3Jm221Ivawfm4QTYNTve3duuv0GHBM8v3i6syPNhfRjDZWJWstsFGPNu-l90GxrMdOG-ja-2SG92V2tapKQhpSN-ih3RRgfBVgCr7RY3KXxNaHFh1-WhKEhKwe/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    < Letakkan disini kode Shoutbox / buku tamu Anda>


    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>
Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu anda.
7.Klik simpan.
Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing
Kirimkan Ini lewat Email

MP3 player

Tutorial Membuat Playlist MP3 Di Blogspot Anda
a.Kunjungi SCMPLAYER.net, berikut linknya:
http://scmplayer.net/
b.Pilih tampilan media playernya. Kalau sudah di pilih langsung tekan tombol Next.
c.Selanjutnya masukkan alamat lagu-lagu yang ingin dijadikan playlist.
d.Tekan tombol Next, selanjutnya ke halaman Configure Setting, atur-atur sesuai selera.
e.Tombol Done perlu ditekan untuk dapat kodenya. Kalau agak riskan di pengaturan sebelumnya tekan tombol Previous saja.
Salin Kode yang ada di dalam kotak lalu paste di widget HTML/JavaScript di Blog.
f.Selesai
Free Music Player for your Tumblr, Blogger, Weebly, Tistory. Support MP3, SoundCloud, Youtube Playlist and Custom Skins.
SCMPLAYER.NET

Komentar terbaru dengan gambar profil


<div style="overflow:auto;width:auto;height:250px;border:1px solid#ccc; padding:10px; margin:0 auto;background:#fff;"><style type="text/css">ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0!important;display:block;clear:both;overflow:hidden;list-style:none;}.w2b_recent_comments li.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px#ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}.w2b_recent_comments li span{margin-top:4px;color:#666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">//<![CDATA[
// Recent Comments Settings
var
numComments  =100,
showAvatar  =true
,avatarSize  =10,
roundAvatar =true,
characters  =200,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/harysuka/top-comentar/Recent_Comments.js?attredirects=0&d=1"></script><script type="text/javascript" src="http://hamamrifai.blogspot.co.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>