Cara mengganti tulisan Newer, Older, Home dengan Kawaii Icon

Moshi-Moshi Minna-San!!
Juju kembali lagi. Kali ini ttg Home, Older dan Newer yang akan kita ganti. Sama seperti ini: (lihat gambar dibawah) langsung saja ya..

• Masuk ke Blogger
• Dashboard > Template 
• Edit HTML > 

~Newer Post~

• Cari kode dibawah ini:

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/>'/></a>  

• Ganti  <data:newerPageTitle/> Menjadi:

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png'/></a>

~Older Post~

• Cari kode dibawah ini:

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='<data:olderPageTitle/>'/></a>

• Ganti <data:olderPageTitle/> Menjadi:

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/></a>

~Home~

• Cari kode dibawah ini:

<a class='home-link' expr:href='data:blog.homepageUrl'><img src='<data:homeMsg/>'/></a>

• Ganti <data:homeMsg/> Menjadi:

<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/></a>

Gimana? Blogmu jadi makan Cute kan?
Juju pamit dulu dan Jangan lupa tinggalkan komentar!
Oh Iya!
CR: Kak Chiaki dan Kak Zaira

How to make Back to top button?

Assalamu'alaikum dan Selamat siang!!
Juju hadir lagi di hari ini untuk membahas 'Cara membuat Back to top button'
Mau tau? Mau tau? udah ahh.. langsung aja :p

• Masuk ke Blogger > Dashboard > Tata letak > Add a Gadget > HTML / Javascript > Copy Paste kode 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" >

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 (0=top).

setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

controlHTML: '<img src="URL GAMBAR" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom 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:'Scroll Back to Top'})

.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>

•  Save!

NOTE: Warna Biru itu diisi dengan URL Gambar Back to top button (BTTB) nya. Kalau bingung dengan Freebies, tinggal lihat di sini. 

Semoga dapat membantu!

Kawaii Back to top button #2

Moshi-moshi Minna-San..!! 
Kembali lagi sama Juju, hehehe.. :D Kali ini, Juju mau Post Freebies BTTB (Back to top button) lohh.. Own Made~~ Ini dia, beberapa kategorinya.. :)

MY KAWAII BTTB

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJLwBK8MxSsmgQhUwzPtZOzvV7jiBiulDC0oplGk6Usl7YWEql2kQl-yr_0RpUigtOM7hYKlAX4VNtLbxyiPDhreo-lNyZVXGYp5gfx4LNwXdPKTBc97hqCuuawvhvtkGIVDYtZUpO5xJv/s1600/Editan5.png

KAWAII ANIME BTTB

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzAxZjFmh6HqIbMBZQ-R9QXy6bw8TqQZImDGAjhYkDsMos57g8tF62p-RdQQSqmLh8JyUxSwh-yfI4Yay7ntaeA6PF8dPRNyFEhNR9wbKGbh_L1V-fJhj5RqQ5wztrLavXm-nI3hUWLvs/s1600/Editan3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1WhZVpa1xwH4L_ftU1ApHUNfub37HQUR0vqho5ooo7btV21-Q4a4YLOy2KgrsUtA1yhHTkL6tPZMPK4UuqRBMru2JBA012OCEFZdtUZEXfDi3NnC4XDOgerJl-1dKyavZmDoIKEuuB66Q/s1600/Editan4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2M67YCwnjir3pMwxdZIPLqjK3xXLdnOCyorbzs_gJMWlJpjRdXQXkN7TJSYhsFCwvFRB-LOhiJOnVKZ09Bd3DWLzgBY7YQLjIV8EjHi3pjhlebQAgIaQU4nANwJ7tdFSej9T9J4PE7kIX/s1600/Editan6.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVPi1P8ZBMEJWamNNkOipjnCaWdkUcNmRSPElhR71ZtFcAJAecEtCQGtX9V0pE7-fI27Kg0SxaJfiZ2gH2kYlJ5kd415wv9vVxjjC1esAw07qCJ31YWXCTf9ghMAURUCzLoY-7eszOdN0C/s1600/Editan1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgOGL_Z-qOZ5DAZG_9WCgTOS9jhf8pnVu290KpqK5hsJTl8aHvy-AEkwg0VJkkjmCMRAw9WCIDVT9YUn79DH8Harb73vZKgnUvGHViloiKJU-JPmns_ZGynE5F2qsihsZZM-YPup-xijRi/s1600/Editan2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibIDB-XOZdaRwrHhE9cgI2HQEqi0W7vnJdL4x6jMVBgXmVwCTx2aW4LLRpQjKHTocBHWlIsLpZgvogPPV8blM6mCF6FcPkoKvr4VuD4PjqPxjDYx0U9Vkhoa4TvNDxWp6ZlukwVmdAUimf/s200/Editan7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaiFWzRTCDH88RNPg9nkGBA36suBO092h3ZZZQ2BrZ5T6i3ySQzUL1UjMVqbwRmB9fSy0N7La_oOZXqBnUbHbZi-upX6H3ruU1rCCKDDGDhF4C3Kj5jadLyVpy03MWhPTYr9OWg8itQ_Rz/s1600/Editan11.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZz_h1c7pSwGmt3oUKFF1hJKOWlSpMrRPHjh2M5RS6-wcPHrCBk06AEkV_v0TXBCQ8h800JxWKpOyvi9-tAOLrr6xxvbe-IkwjxAvvOmtxnOF8mlcFybpiKJ2ZULVjBXhuN_9DCQ0gbRY0/s1600/Editan8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfKpCJj2TbjOUMEnizALhIzz_TM8hhB03jGkNX2P8IylYvHSfYMCNqGKwDc9epTNpuwzEw_o2OMpIJ17zE0jpVq12JFhuXGZlva4oRyHeLCFnEkl7ypQQx35xrVcEW-Td7Oa9K6WXdJhyphenhyphenB/s1600/Editan14.png

KAWAII MUSLIMAH BTTB

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg03fgPYOmFxb9lPRpHwXP7MagjZM-gJR6fnNXSWf1zsbfvfD8fopvSY_MVZe8vcHa7D5MaGI3wyOGkxZld1IavD6jDxdwPwNUEb0TJ98H0s0P6wK5v80Xj6fQTTwXuZAAyxbrwHKf0SRI3/s1600/Editan9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqb5K1GqL7kZHhT1LuLCx9T1YGRmhuNI0tgLwD0HQcvRRQUuz1xAEMMxABHP_YBKHUPmq8rqG8IUf2V5fNvQqe1ymDlDcQX7NWFeA6gtx_Q2gwvd7lxHTRU8G_AF5HkU6JEBKtfTE4PQIj/s200/Editan10.png

KAWAII LOGO BTTB 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5XaTd2sOBfiJreA-CHT-cPAeCqbUxk36xf16BqH0gAV8W0DOiEck2u_FCmNGn_qiZRcKNdzjD9bA7y5j0mfOtHraQncIV9ylFF3-HEP7XmgomgEZYt0UOaTcgL9CmChexwM2WTQktGiBx/s1600/Editan12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyThhNs82q5Dmoc11pascBOS7fuLVe65llLj3y9IQHaKZebq-fm3RQ7vLi7O4OD4BuHNcQAcwnp02QVOkTXkWNrv-vfMaO3opIeSlRyxbrgSm2mBuYi3wHyP-jeGKl_2Ro67HSKmkfwd7u/s1600/Editan13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhheFoRhFn69XXtxBDaqAFC-lirDjp-h5FIAWNc0CbH0bK7Qo3zokOEx4xXYwB62pHhYDRr_gyC_z5U52L4MpWcpfiVmUxajm2MBNk0wBnH99nMuIDrfGnCeUt51U4DK0W4eSKlRQ6ORuCJ/s1600/Editan15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO3aytjmTa2_DzMT1qEmQyqWXJcxw-6E7jLFYvn7c1L4Dp0UvQN2t1bGLz46TUTzP24hDKI8TGr8OcT4e7gjOfsBmUZExZkenZaC1wJy0qiiBe1EFk8aW57XtA-corrhwvF2Kd8F4P3_Iq/s1600/Editan16.png

Itu saja untuk hari ini..

Terima kasih sudah membaca! dan jangan lupa tinggalkan Comment beserta Credit ya..

Musim Kemarau? Hati-Hatiii!

Moshi-Moshi Minna-San!! :D 
Sesuai dengan judul nya, Juju mau kasih Posting tentang Musim Kemarau yang akan terjadi di bulan April, 2016 nanti. Nahh.. kalau kalian berkeringat, sebaiknya langsung minum! Jangan minum air got >< dong, minum air putih ya. Soalnya, kalau udah musim kemarau kita gak minum, bisa Dehidrasi! Info ini Juju dapatkan dari Guru kelas Juju. Uwwaahh.. Makanya, Hati-Hati supaya enggak Dehidrasi. Kalau misalkan kamu Blogger. Bloggsernya Dehidrasi, gimana jadinya dengan Blog nya? Tuh, Gak enak kan? Kita cuma disuruh tidur, makan, boleh sih nge-blog. Tapi, mungin Jadwalnya gak lama-lama. 
Okey, dengan penuh pengharapan, Juju harap kamu mengerti, Bye Bye..!!

Cara Membuat C-BOX Yang Simpel

Halo Teman-Teman!
Juju balik lagi dan mau ngasih Tuto 'Cara membuat C-BOX' bagi kamu yang mau ada Chat Box di blog kamu, pasti mau dooong.. Okay, yuk kita lihat!

• Buka www.cbox.ws > Log in jika kamu sudah punya akunnya. Kalau belum, Sign Up aja 
• Tekan Look & Feel > Theme Editor > Ubah sesukamu

Kalau kalian gak mau, bisa langsung ke step ini:

• Tekan Publish 
• Di Kotak ke-3, ada tulisan 'Get your embed code' > Copy Semua Code itu
• Pindah ke Blogger > Tata letak > Add A Gadget > Paste-kan Code tadi
• Save!

Bagaimana hasilnya? Blog kamu jadi maikn asyik deh! Okey, see you and bye..