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.
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.
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 :
Jika sudah sukses selanjutnya Buka Inbox Email anda untuk konfirmasi
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
#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.
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.
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.
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>
</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>
Langganan:
Postingan (Atom)