Showing posts with label Cord. Show all posts
Showing posts with label Cord. Show all posts

Tuesday, January 1, 2013

Google Blogger Help : Cords

The Cording will be here!

As using the cords,
  1. Open up your blog "Design" and Choose "Edit HTML"
  2. Find the "<head>" inside the text box and Pest following code under the place
    <script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
    <script src='http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js' type='text/javascript'/>
    <script src='http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js' type='text/javascript'/>
  3. Copy the cords which you can see my blog post "JQUERY"
  4. Open up your blog "Design" and Choose "Edit HTML"
  5. Find the "</body>" inside the text box and Pest the cords above the place
If you have any questions, it's awesome, ask me. Thank you for your time.

-from C.O.

Thursday, August 4, 2011

Slide Show with Any Google Gadgets : Cord

<script type="text/javascript">
$(document).ready(function (){
/* Slideshow with Any Google Gadgets Created by Chihiro Okamoto : www.c-okamoto.blogspot.com*/
$(".main-outer").prepend('

<div id="slideShow"/>
');
$('h2.title').each(function(index, element) {
var elems = $(this).text();
var arr = jQuery.makeArray(elems);
if(jQuery.inArray("Slide", arr)!=-1){
$(this).css('display','none').parent().css('display','none').appendTo('#slideShow');
}
});

/* Inspired by http://jquery.malsup.com/cycle/ */
$('#slideShow').cycle({
fx: 'scrollHorz',
pause:1,
timeout: 7000,
speedIn: 1000,
speedOut: 1000,
easeIn: 'easeInOutExpo',
easeOut: 'easeInOutExpo'
});

$('#slideShow').children('div').each(function(index, element) {
var marginTop = $('#slideShow').height()-$(this).height();
$(this).css({marginTop:parseInt(marginTop)/2});
});
});
</script>


-from C.O.

Sunday, July 31, 2011

Auto Scroll Page Buttons : Cord

<div class="goUp"></div>
<div class="goDown"></div>
<script type="text/javascript"> $(document).ready(function (){
/* Auto Scroll Page Created By Chihiro Okamoto : www.c-okamoto.blogspot.com*/
var $goUp = $('.goUp'), $goDown = $('.goDown'),
$html = $('html'),
$body = $('body'),
$footer = $('#footer');
/* Entire Body Scroll*/ $goUp.bind({
mousedown: function() {
$html.animate({scrollTop: '-=10000px'}, 9000);
},
mouseup: function() {
$html.stop();
},
mouseleave: function() {
$html.stop();
},
dblclick: function() {
$html.stop().scrollTo( {top:'0',left:'0'}, 1000);
}
});

$goUp.bind({
mousedown: function() {
$body.animate({scrollTop: '-=10000px'}, 9000);
},
mouseup: function() {
$body.stop();
},
mouseleave: function() {
$body.stop();
},
dblclick: function() {
$body.stop().scrollTo( {top:'0',left:'0'}, 1000);
}
});


$goDown.bind({
mousedown: function() {
$html.animate({scrollTop: '+=10000px'},9000);
},
mouseup: function() {
$html.stop();
},
mouseleave: function() {
$html.stop();
},
dblclick: function() {
$html.stop().scrollTo( { top: $footer.position().top,left:0}, 2000);
}
});

$goDown.bind({
mousedown: function() {
$body.animate({scrollTop: '+=10000px'},9000);
},
mouseup: function() {
$body.stop();
},
mouseleave: function() {
$body.stop();
},
dblclick: function() {
$body.stop().scrollTo( { top: $footer.position().top,left:0}, 2000);
}
});
});

/**
* jQuery.ScrollTo - Easy element scrolling using jQuery.
* Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* Date: 5/25/2009
* @author Ariel Flesler
* @version 1.4.2
*
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
*/
;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);
</script>



-from C.O.

Saturday, July 30, 2011

Google Navigation Bar Button : Cord

<div id="opNavBar"></div>
<script type="text/javascript">
$(document).ready(function (){
/*Google Blog Bar Created By Chihiro Okamoto : www.c-okamoto.blogspot.com*/
var $opNavBar=$('#opNavBar'),
$navBarIframe=$('#navbar-iframe');
$opNavBar.toggle(
function () {
$navBarIframe.fadeIn(1000);
return false;
},
function () {
$navBarIframe.fadeOut(1000);
return false;
});
});
</script>


-from C.O.