kalender 2013

 Kalender 2013


Happy Blogging

Baca Selengkapnya »

Membuat Fixed Menu

Mungkin kalian semua masih pada bingung apa yang dimaksud dengan Fixed menu. Fixed menu adalah widget yang setiap kita tarik scroll ke bawah atau ke atas widget ini akan ikut turun naik juga.Dari pada kalian pada bingung mending langsung aja kalian coba yah tutorialnya dan jangan lupa backup templatenya dulu.

1. Sign in Blogger

2. Layout

3. Edit HTML

4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Cari kode ini :

]]></b:skin>

6. Tambahkan kode ini diatasnya :

#menulateral{
position:fixed; text-align:left;
/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:100px; margin-left:-28px; }
* html #menulateral{ /*para IE*/
position:absolute; }
#menulateral a img{
opacity:1; -moz-opacity:1;
filter:alpha(Opacity=100); }
#menulateral a:hover img{
opacity:0.8; -moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px; }
* html #menulateral a img{
filter:alpha(Opacity=100); }
#menulateral img{
margin-bottom: -5px; }
* html .menulateral{
margin-bottom: -3px; }

7. Kemudian cari kode ini :

<div id='content-wrapper'>

8. Tambahkan kode ini dibawahnya :

<div id='menulateral'>
<span>
<a href='http://www.dalmgl.com/' style='border:0;' title='Home'><img alt='Home' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMMqSfezy2FngdTaI37AKbQtQVmC13kVDZGlwapXKTp6wCf9ciL9lbj3kV5VS32wGwBUcMqHwpdysohTopQGsvlgvXc1wxSnIbYo-F3_Zo3ZwJ-4DKUudOev98gxVbWtL2I2TYXLd8Iag/s1600/menu-lateral-inicio.png'/></a>
<br/><a href='#BlogArchive1' style='border:0;' title='Archivo'><img alt='Archivo'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfXRUfPfD6IDxb-elGwHbgvNRK2OTvaohFMxUpeulGeIO3vzWz9Ys8EtkQh6TRXlkMKYvG6PBsJrxRnX3gKDfZSBltWt0LLpm-HEn5Yi4pmkNqJrnOjJz77QfdS553KeyIP7C_0OogV0/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='mailto:TU-MAIL@servidor.com' style='border:0;' title='Contact me'><img alt='Contact me'
class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhomxqlY9Te-J42Is3iRttk6CxI6gcQcs5wYoVSzDyUmM1rCNm6qzIhAxmbAKHjNoltZY0PbRk-3siN95GVGpLfgKrINGbsTKKo_z-Go8U1mniAgtE3PBxmhN4X8y8MkVli1DuDxFd9nBE/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='http://www.dalmgl.com/feeds/posts/default' style='border:0;' title='Suscribete a post
Feed'><img alt='Suscribete a post Feed' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1WwsEyy7FtfCWRGtRqHfTJrIgTxTa2id-oT1gIReK0-jDI0FelsOaAAlQwwZozzrJ6-oCt8IUV1k0qganyrBqMuec2w16TfmmSGrvldZlR0NyKe44DSHrt-6qFi24q3FHIjgWLtyc5W0/s1600/menu-lateral-feed.png'/></a>
<br/><a href='http://www.dalmgl.com/feeds/comments/default' style='border:0;' title='Suscribete a comment
Feed'><img alt='Suscribete a comment Feed' class='menulateral'
src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/feed-icon-16x16b_BG_G.png'/></a>
<br/><a href='#' style='border:0;' title='My Album'><img alt='My Album' class='menulateral'
src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/flickr_icon_BG_G.png'/></a>
<br/><a href='#' style='border:0;' title='Arriba'><img alt='Arriba"' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5c8DxCB9CEK4At7SV82rLWvYzfwUVw3sOLOyt7IPYF5kUTXYeTcHtP5VpIsdRdEBv84JuQjLI6icdLmtRQBwCmrd4-SAw_Wc5EX6-sglO4AXHlYRq4tyk_fdXhJGxMm_yc8wbJcQbxcA/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>

9. Agar tidak berdempetan dengan template coba kalian cari kode ini :

margin-top:100px;

margin-left:-28px; 

ganti margin-left dengan -40px atau jika masih tidak bisa kalian kurangi saja trus dan jangan smpai bderdempetan.

catatan : Ganti tulisan berwarna kuning diatas dengan alamat blog kalian. 

Happy Blogging

Baca Selengkapnya »

Teman Di Duo Putri

Happy Blogging

Baca Selengkapnya »

Membuat Banner Rotator pada Blogger

Banner rotator merupakan tehnik pemasangan banner yang dapat berubah secara otomatis dalam jangka waktu tertentu secara teratur. Dengan menggunakan tehnik script banner rotator, kita dapat memasang beberapa banner image dalam satu ruang pada blog kita. Selain menghemat ruang pada blog kita, banner rotator juga tidak akan mengganggu para pengujung blog kita dalam mengakses konten blog kita. Bahkan jika kita dapat menempatkan banner rotator dengan posisi yang tepat, tentu saja akan membuat blog kita lebih menarik.


Dalam kesempatan kali ini Dal.com ingin berbagi dengan Anda tentang membuat  Pembutan banner rotator untuk blogger dapat kita lakukan dengan cara-cara berikut ini:

1. Masuk ke akun blogger Anda.
2. Masuk ke menu Tata Letak dan Tambah gadget.
3. Pilih HTML/JavaScript dan masukkan kode script berikut didalamnya:

<script language="text/javascript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="Tulis Title";
url="Alamat URL";
alt="Aternative IMG";
banner="Alamat URL Gambar";
width="250";
height="250";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Aternative IMG";
banner="Alamat URL Gambar";
width="250";
height="250";
}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Aternative IMG";
banner="Alamat URL Gambar";
width="250";
height="250";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>

Script banner rotator untuk blogger diatas, hanya menggunakan 3 banner tetapi Anda juga dapat menambahnya dengan menambahkan kode script berikut ini sebelum kode script document.write('<center>');

if (pasang_iklan==4) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="250";
height="250";
}

Untuk text berwarna merah diatas perlu Anda sesuaikan, seperti lebar image, tinggi image, judul image dan url image. Selamat mencoba dan semoga bermanfaat. 

Happy Blogging

Baca Selengkapnya »