Ms.Memories

Jquery Top Button

WRITTEN BY kucumcucum ♥Thursday, December 20, 2012 [ 0 comments ]

Assalamualaikum.
1.Dashboard > Template > Edit HTML
2.Tekan Ctrl + f serentak then cari code ni <head>
3.Copy code dibawah ini

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
    </script>
    <script type='text/javascript' language='Javascript'>
    var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="URL IMG"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
    if (!this.cssfixedsupport) //if control is positioned using JavaScript
    this.$control.css({opacity:0}) //hide control immediately after clicking it
    var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
    if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
    dest=jQuery('#'+dest).offset().top
    else
    dest=0
    this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
    var $window=jQuery(window)
    var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
    var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
    this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
    var scrolltop=jQuery(window).scrollTop()
    if (!this.cssfixedsupport)
    this.keepfixed()
    this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
    if (this.state.shouldvisible && !this.state.isvisible){
    this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
    this.state.isvisible=true
    }
    else if (this.state.shouldvisible==false && this.state.isvisible){
    this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
    this.state.isvisible=false
    }
    },
    init:function(){
    jQuery(document).ready(function($){
    var mainobj=scrolltotop
    var iebrws=document.all
    mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
    mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
    mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
    .attr({title:"Let's Fly High !"})
    .click(function(){mainobj.scrollup(); return false})
    .appendTo('body')
    if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
    mainobj.togglecontrol()
    $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
    mainobj.scrollup()
    return false
    })
    $(window).bind('scroll resize', function(e){
    mainobj.togglecontrol()
    })
    })
    }
    }
    scrolltotop.init()
    </script>

4.Then paste di bawah code <head>
5.Kalau mau gunakan code </html> boleh. Nanti pastikan code tadi di atas code itu
6.Preview & save

merah: gantikan dgn url top button.

Labels: tutorial

Letak Button Follow & Dashboard

WRITTEN BY kucumcucum ♥ [ 0 comments ]

Assalamualaikum. hai ale kembali lagi dari sekian lamanya pensiun -.- ale udah banyak ngepost tutor sebagai permintaan maaf ga post - post lagi -_- yasudah kita liat saja Letak Button Follow & Dashboard for blogskin. cekidot
1.Dashboard > Template > Edit Html
2.Press Ctrl + f dan cari code <head> 3.Copy code dibawah ini

<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Follow !""><img src="FOLLOW BUTTON URL" border="0" /></a><div style="position: fixed; top: 5px; right: 2px;"><a href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="DASHBOARD BUTTON URL" border="0" /></a></div></div>

4.Paste di bawah code <head>
5.Preview & save

merah: gantikan dgn URL follow &dasboard

Labels: tutorial

Highlight Text (Blogskin)

WRITTEN BY kucumcucum ♥ [ 0 comments ]

Assalamualaikum.Hari ini ale akan membuat tutorial highlight text for blogskin or Template Classic. mau tau gimana caranya? okay.. Let's start .

1.Dashboard > Template > edit HTML
2.Press Crtl + c serentak dan cari code a:link { atau apalah code yang seperti a:link
3.Copy code dibawah ini
Note: Setengah template gak ada di code itu , jadi semua add code itu sendiri berpandukan template lama kalian

::selection {
background: #D462FF; /* Safari */
color: #000000;
}
::-moz-selection {
background: #D462FF; /* Firefox */
color: #000000;
}

4.Then paste di atas code a:link { tadi.
5.Preview & save

merah : gantikan dengan code warna yang kalian inginkan

credit : Anis Diyana

Labels: tutorial

Tutorial Favicon

WRITTEN BY kucumcucum ♥Monday, October 29, 2012 [ 0 comments ]

Assalamualaikum... hari ini ale mau ngasih tau ke kalian gimana cara ganti favicon di blogskins, silahkan di coba~

1.Dashboard > Template > Edit HTML

2.Tekan Ctrl + f. cari code ni </title>

3.Copy code di bawah ini

<link rel="shortcut icon" href="URL FAVICON" />

5.Paste di bawah code </title>
6.Preview & save

Icon favicon boleh diambil disini

Labels: tutorial

Button Home

WRITTEN BY kucumcucum ♥Friday, September 21, 2012 [ 0 comments ]

Assalamualaikum and annyeonghaseyo.Hari ini ale buat tutorial Letak Button Home for blogskin or Template Classic.mau tau gimana caranya? Oke ikut step di bawah ini. Let's start .

1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </Blogger>
3. Copy code dekat bawah ni

<center><a href="URLBLOG"><img src="HOMEICON" border="0" /></a><center>

4. Paste di bawah code tadi
5. Preview & save.

pink : URL blog
kuning : URL home icon

http://www5e.biglobe.ne.jp/~cep/s/mm/housep.gif

http://www5e.biglobe.ne.jp/~cep/s/mm/houseb.gif

http://www5e.biglobe.ne.jp/~cep/s/mm/houseg.gif

http://www5e.biglobe.ne.jp/~cep/s/mm/housec.gif

Credits

Labels: Freebies, tutorial

Scrollbar Hover

WRITTEN BY kucumcucum ♥ [ 2 comments ]

Assalamualaikum and annyeonghaseyo ^^ hari ini aku mau ngepost tutorial baru!!! Btw tutor ini direquest oleh Yohanna Dia nanya kaya gimana buat scrollbar kaya blog saya... Sebelum itu credit to owner of this template.

Template Designer
1. Dashboard > Design > Edit HTML
2. Tekan Ctrl + f dan cari code /* Header

Template Classic / Blogskin
1. Dashboard > Template
2. Tekan Ctrl + f dan cari code </style>
3. Copy code di bawah ni

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #000000;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #000000;
border: 1px solid #fff;
}

4. Untuk template designer paste di atas code tadi. Manakala, for template classic paste diatas code tadi.

5. Preview & save

merah : warna background scrollbar
hijau : warna border scrollbar

tieqa

Labels: tutorial

Tutorial Meletakkan CCTV di Blogskin

WRITTEN BY kucumcucum ♥Saturday, August 25, 2012 [ 0 comments ]

Hey hey there!! Kalian penasaran ga sekarang ini banyak blogger pasang CCTV dalam blognya..?? so bagi kalian yang ga tahu kaya gimana CCTV itu,boleh lihat pic bawah ini.

1.Pergi >> Template

2.Serentak tekan CTRL + F dan cari kode <head>

3.Ok kalau udah ketemu,paste kode dibawah ini di bawah kode <head>

<div style="position: fixed; top: 0px; right: 0px;"><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaqWPljhy2aAbTOrEzGlCi0YQAB0GIWLdFh3HuHXngMgcX3iVHVCasRPhgJ-6JM3qW-eB_J1scXkM1klBum2RX6yNGbklmZz49rtC_q6RiZdfq1JCiDFT0d7OAgtDaCy0yScmNiplsj8U/s1600/cctv.gif"/></center></div>

Yang merah itu kalian bisa tukarkan dengan right/left. ^^

SELAMAT MENCOBA

Sumber

Labels: tutorial

Tutorial Salju Pink di Blogskin

WRITTEN BY kucumcucum ♥ [ 0 comments ]

Hello semua!!! kali ini Ale mau ngasih tau cara ngebuat salju turun di blog kita.tapi kali ini a bit different karena salju ini warna pink.Siapa yang ga berminat dengar warna pink tuu... boleh laa dipake sekali sekali.cute tau!

1.Pergi>> Template

2.Serentak tekan ctrl+f dan cari kode </html>

3.Terus copy kode bawah ini dan pastekan di bawah kode </html> tadi tu.

<script src="https://sites.google.com/site/jeritanblog/javascript/saljipink.js" type="text/javascript"></script>

Labels: tutorial

Tutorial Menggunakan Blogskin

WRITTEN BY kucumcucum ♥ [ 0 comments ]

Hello semua!!!... Hari ini gue mau ngepost tentang Menggunakan Blogskin... sebelumnya udah ada yang tau Blogskin kan?eh atau masih pada belum tau? yaudah boleh diliat di sini.Sekarang udah pada tau kan apa itu Blogskin?yasudah kalo masih ada yang belom ngerti gimana cara masukinnya ke blog kalian boleh di liat tutornya nih...

1.Seperti biasa,log in to bloggers

2.Click Design

Edit HTML

3.Disana kalian bisa lihat ngescroll sampai bawah nah...nanti kalian akan menemukan tulisan "Rever To Classic Template" ketemu? kalo masih ada yang bingung bisa liat di gambar

Oke sekarang click dan save...

4.Setelah itu,buka new tab terus ke blogskin .Click sini

5.Oke,disana banyak tempale blogskin, kalian tinggal pilih yang mana yang paling kalian suka.Setelah kalian memilih salah satu template bisa scroll sampai bawah... nah disana kalian bisa nemuin tulisan Blogger Main.tinggal click deh

6.Udah di click?nah itu langsung ngesave ke PC kalian kan?

7.Oke habis download,click File yang di-download tadi.

8.Kalo udah,dia akan keluar document Notepad kan?

9.Kalian click Ctrl+ A dan Copy semua tulisan yang ada dalam notepad tuh.

10.Kalian masuk lagi ke blog kalian dan Click Design

Edit HTML

11.Gantikan semua kode yang ada dalam kotak edit html kalian dan paste code yang kalian telah copy.

12.Save dan siapp!!
Note: Sampe ga kebuat juga,click sini

Labels: tutorial

Newer Post

Older Post

Jquery Top Button

WRITTEN BY kucumcucum Thursday, December 20, 2012 [ 0 comments ]

Assalamualaikum.
1.Dashboard > Template > Edit HTML
2.Tekan Ctrl + f serentak then cari code ni <head>
3.Copy code dibawah ini

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
    </script>
    <script type='text/javascript' language='Javascript'>
    var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="URL IMG"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
    if (!this.cssfixedsupport) //if control is positioned using JavaScript
    this.$control.css({opacity:0}) //hide control immediately after clicking it
    var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
    if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
    dest=jQuery('#'+dest).offset().top
    else
    dest=0
    this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
    var $window=jQuery(window)
    var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
    var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
    this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
    var scrolltop=jQuery(window).scrollTop()
    if (!this.cssfixedsupport)
    this.keepfixed()
    this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
    if (this.state.shouldvisible && !this.state.isvisible){
    this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
    this.state.isvisible=true
    }
    else if (this.state.shouldvisible==false && this.state.isvisible){
    this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
    this.state.isvisible=false
    }
    },
    init:function(){
    jQuery(document).ready(function($){
    var mainobj=scrolltotop
    var iebrws=document.all
    mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
    mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
    mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
    .attr({title:"Let's Fly High !"})
    .click(function(){mainobj.scrollup(); return false})
    .appendTo('body')
    if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
    mainobj.togglecontrol()
    $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
    mainobj.scrollup()
    return false
    })
    $(window).bind('scroll resize', function(e){
    mainobj.togglecontrol()
    })
    })
    }
    }
    scrolltotop.init()
    </script>

4.Then paste di bawah code <head>
5.Kalau mau gunakan code </html> boleh. Nanti pastikan code tadi di atas code itu
6.Preview & save

merah: gantikan dgn url top button.

Labels: tutorial

Letak Button Follow & Dashboard

WRITTEN BY kucumcucum [ 0 comments ]

<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Follow !""><img src="FOLLOW BUTTON URL" border="0" /></a><div style="position: fixed; top: 5px; right: 2px;"><a href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="DASHBOARD BUTTON URL" border="0" /></a></div></div>

4.Paste di bawah code <head>
5.Preview & save

merah: gantikan dgn URL follow &dasboard

Labels: tutorial

Highlight Text (Blogskin)

WRITTEN BY kucumcucum [ 0 comments ]

::selection {
background: #D462FF; /* Safari */
color: #000000;
}
::-moz-selection {
background: #D462FF; /* Firefox */
color: #000000;
}

4.Then paste di atas code a:link { tadi.
5.Preview & save

merah : gantikan dengan code warna yang kalian inginkan

credit : Anis Diyana

Labels: tutorial

Tutorial Favicon

WRITTEN BY kucumcucum Monday, October 29, 2012 [ 0 comments ]

Assalamualaikum... hari ini ale mau ngasih tau ke kalian gimana cara ganti favicon di blogskins, silahkan di coba~

1.Dashboard > Template > Edit HTML

2.Tekan Ctrl + f. cari code ni </title>

3.Copy code di bawah ini

<link rel="shortcut icon" href="URL FAVICON" />

5.Paste di bawah code </title>
6.Preview & save

Icon favicon boleh diambil disini

Labels: tutorial

Button Home

WRITTEN BY kucumcucum Friday, September 21, 2012 [ 0 comments ]

Assalamualaikum and annyeonghaseyo.Hari ini ale buat tutorial Letak Button Home for blogskin or Template Classic.mau tau gimana caranya? Oke ikut step di bawah ini. Let's start .

1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </Blogger>
3. Copy code dekat bawah ni

<center><a href="URLBLOG"><img src="HOMEICON" border="0" /></a><center>

4. Paste di bawah code tadi
5. Preview & save.

pink : URL blog
kuning : URL home icon

http://www5e.biglobe.ne.jp/~cep/s/mm/housep.gif

http://www5e.biglobe.ne.jp/~cep/s/mm/houseb.gif

http://www5e.biglobe.ne.jp/~cep/s/mm/houseg.gif

http://www5e.biglobe.ne.jp/~cep/s/mm/housec.gif

Credits

Labels: Freebies, tutorial

Scrollbar Hover

WRITTEN BY kucumcucum [ 2 comments ]

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #000000;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #000000;
border: 1px solid #fff;
}

4. Untuk template designer paste di atas code tadi. Manakala, for template classic paste diatas code tadi.

5. Preview & save

merah : warna background scrollbar
hijau : warna border scrollbar

tieqa

Labels: tutorial

Tutorial Meletakkan CCTV di Blogskin

WRITTEN BY kucumcucum Saturday, August 25, 2012 [ 0 comments ]

Hey hey there!! Kalian penasaran ga sekarang ini banyak blogger pasang CCTV dalam blognya..?? so bagi kalian yang ga tahu kaya gimana CCTV itu,boleh lihat pic bawah ini.

1.Pergi >> Template

2.Serentak tekan CTRL + F dan cari kode <head>

3.Ok kalau udah ketemu,paste kode dibawah ini di bawah kode <head>

<div style="position: fixed; top: 0px; right: 0px;"><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaqWPljhy2aAbTOrEzGlCi0YQAB0GIWLdFh3HuHXngMgcX3iVHVCasRPhgJ-6JM3qW-eB_J1scXkM1klBum2RX6yNGbklmZz49rtC_q6RiZdfq1JCiDFT0d7OAgtDaCy0yScmNiplsj8U/s1600/cctv.gif"/></center></div>

Yang merah itu kalian bisa tukarkan dengan right/left. ^^

SELAMAT MENCOBA

Sumber

Labels: tutorial

Tutorial Salju Pink di Blogskin

WRITTEN BY kucumcucum [ 0 comments ]

<script src="https://sites.google.com/site/jeritanblog/javascript/saljipink.js" type="text/javascript"></script>

Labels: tutorial

Tutorial Menggunakan Blogskin

WRITTEN BY kucumcucum [ 0 comments ]

1.Seperti biasa,log in to bloggers

2.Click Design

Edit HTML

3.Disana kalian bisa lihat ngescroll sampai bawah nah...nanti kalian akan menemukan tulisan "Rever To Classic Template" ketemu? kalo masih ada yang bingung bisa liat di gambar

Oke sekarang click dan save...