function of google +1

Video Google +1

"+1 Is an abbreviation for digital 'is pretty cool', to recommend, you need to do is click +1 on the web page or ad that you think are useful. +1 Will start appearing in Google search results"

So can be interpreted, the more people are recommending, then google will look at both those pages. That will facilitate the netter to get accurate information.

Perhaps this feature is one way to improve the quality of search results from Google that has been dominated by the AGC (Auto Generated Content)

Although already recommended since March, google plus one is still not completely perfect. +1 Additional user recommendations result do not appear, wait several minutes before the new value of +1 can be increased. In google Indonesia (google.co.id), plus this one has not emerged, and the javascript from google apis I think is still slow and heavy, still less rapidly with like facebook.

Tuesday, August 02, 2011 | 0 komentar | Read More

Getting to know about SEO

SEO stands for Search Engine Optmization. SEO is a series of processes carried out systematically with the aim to increase the number of visitors to a site or a blog based on the particular keywords chosen by the blog administrator or the person carrying on SEO optimization.

With SEO, a blog owner tried to put the blog at the top (at least to be the first page) of the results of searches by search engines like Google, Yahoo or MSN by subject matter or a particular word chosen.

By being on the main position of the search engines, then automatically manages the blog will receive more traffic or visitors because psychologically, people will click on the link located at the top first obtained when searching for a sentence or an article on search engine .

Being at the top position on search engine result is a dream every owner of the blog, so many emerging companies that provide services of SEO optimization. But it later emerges that most of the SEO optimization done by the SEO optimization services company using fraudulent means or commonly known as black hat seo.

With a black hat seo techniques, a blog can indeed be located at the top of the search engine but it only lasted a moment. In the long run, what they do in fact hurt the blogs that are optimized and make the blog disappear completely from the search engines.

Saturday, July 30, 2011 | 0 komentar | Read More

Fashionable Blogger Template with orangebox Picture viewer

I have completed this template with jquery plugin orangebox. Orangebox function is an image viewer, video embeding, ifame external sites, photo gallery, inline content, and others. all in DHTML popups.
if you are interested in the blogger template please download here

demo

Saturday, July 30, 2011 | 0 komentar | Read More

Shadowbox for Blogger

Shadowbox by  Michael J. I. Jackson
Installation on Blogger
1. Go to blogger.com => Log in
2. Select a menu design => Edit HTML
3. Then copy the code below and paste it before the closing head tag

<!-- shadowbox http://little-sharing.blogspot.com/2011/07/shadowbox-for-blogger.html --> <style> #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(https://lh4.googleusercontent.com/-Y0hI8uF9v5Q/Ti2DTxb7lyI/AAAAAAAABNQ/RCZL-rZHgjY/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(https://lh4.googleusercontent.com/-kSxlQyEj-mQ/Ti2DTmYYVjI/AAAAAAAABNI/vT4v55TAXYw/close.png);} #sb-nav-next{background-image:url(https://lh6.googleusercontent.com/-_OVhplu88Mg/Ti2DT8lVQ9I/AAAAAAAABNM/DCy-znDpgOA/next.png);} #sb-nav-previous{background-image:url(https://lh6.googleusercontent.com/-H18JUmTuHqY/Ti2DToNa4KI/AAAAAAAABNE/_bs9SvyxVTE/previous.png);} #sb-nav-play{background-image:url(https://lh3.googleusercontent.com/-28PP4_V1N2I/Ti2DTd4UJGI/AAAAAAAABNA/ML8kjNsvVdg/play.png);} #sb-nav-pause{background-image:url(https://lh6.googleusercontent.com/-ZaaYkWiFHY4/Ti2DTUPfr2I/AAAAAAAABM8/xFNDQ0xnWlU/pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} </style> <script src='http://little-share.googlecode.com/files/shadowbox.js' type='text/javascript'/> <script type='text/javascript'> Shadowbox.init({ handleOversize: "drag", modal: true }); </script>

4. Save template

Next you need to tell Shadowbox which links you want it to open. The simplest way to do this is through your HTML markup. If you're going to take this route, at the very least you must add a rel="shadowbox" attribute to each link. For example, say you have this link to an image on your page:

<a href="http://excample.com/image.jpg"> Image</a>

In order to set up this link for use with Shadowbox, simply change it to this:

<a href="http://excample.com/image.jpg" rel="shadowbox">Image</a>

image
That's it! Clicking on this link should now open up the image in Shadowbox.
If you would like to display a title for your image, simply add a title attribute to the link.

<a href="image.jpg" rel="shadowbox" title="Image">Image</a>

You must explicitly tell Shadowbox the dimensions to use to display content other than images. This is done by adding a few parameters to the end of the rel attribute, separated by semi-colons. To specify a movie's height and width (in pixels), use the height and width parameters.

<a href="movie.swf" rel="shadowbox;height=140;width=120">Movie</a>

In addition to displaying single images and movies, Shadowbox is also capable of displaying galleries of content. In order to designate a link as part of a gallery, you must add the gallery name to the rel attribute between square brackets immediately following the word shadowbox. The following markup creates a gallery called "Vacation" with two pictures.

<a href="image.jpg" rel="shadowbox[Vacation]">The Beach</a>

<a href="image.jpg" rel="shadowbox[Vacation]">The Pier</a>

Galleries may be composed of content of many different types. The following markup demonstrates how various media can be combined into a single gallery.
excample
Gallery
 [image 1][image 2]

<a rel="shadowbox[Mixed];" href="image1.jpg">[image 1]</a>

<a rel="shadowbox[Mixed];" href="image2.jpg">[image 2]</a>

Youtube

http://www.youtube.com/watch?v=Wn5hHm2sh6U 

url should be changed so that it becomes like this 

http://www.youtube.com/v/Wn5hHm2sh6U 

excamlpe
video
<a href="http://www.youtube.com/v/Wn5hHm2sh6U" rel="shadowbox;height=400;width=800;">video</a>
size box  ;height=400;width=800; 
irfame 

My Blog

Google 
<a href="http://yoursite.com" rel="shadowbox">yoursite</a>
<a href="http://google.com" rel="shadowbox">Google.com</a>

Thursday, July 28, 2011 | 0 komentar | Read More

Professional SEO Services

It is important for all web masters who want more traffic to their websites to find a professional SEO services that will make their sites more visible and increase their rankings in search engines.








The following are some services that can help them

1. Full search engine optimization: Most professional SEO service provider will perform a variety of optimization techniques to make the website more visible to search engines.



2. Link Building Services: Another way to increase the popularity of the site is to build links. The service providers will provide users with a variety of in-bound links related to the content of their website so they get the traffic they need.


3. Article marketing: SEO Company will also write articles for different web sites and submit them to various article websites, resulting in an increase in the number of back links to website owners.

4. Social Media: Website owners can take advantage of the popularity of social media to interact with their audiences. It will also assist them in creating a strong brand.

5. Press Release Submission: The service providers also can create a press release for the website and distribute it to various outlets, making the business more visible.


6. Directory Submission Service: When they submit their sites to the directory page, they will improve their web site visibility and ranking on search engines.

Tuesday, July 26, 2011 | 0 komentar | Read More

WowWindow for bloggers

Yesterday I've posted about how to apply shadowbox plug in to blogger ..
Now I want to post about how to apply WowWindow  by Abel Mohler on blogger / blogspot
wowwindow same function like a shadowbox, but with a different look and style,
ok ... let's get started ....!!!!!
first you need to log in to blogger
then please choose design and then select edit HTML
Before you start any changes to your templae I suggest you download your template first. if you fail then it will be easy to restore your old template.
then copy and paste the following code in the header section of your template then save. You can download code here

<!-- start wowwindow -->
<style>
#wowwindow{ position:absolute;  left:50%;     top:50%;     -moz-box-shadow:0 0 15px #252525;     -webkit-box-shadow:0 0 15px #252525;     box-shadow:0 0 15px #252525;     background:#fff;     border:1px solid #7f7f7f;     position:absolute;     -moz-border-radius:3px;     -webkit-border-radius:3px;     border-radius:3px}

#wowwindow-image{    line-height:0}

#wowwindow-image-loading{    background:url(https://lh6.googleusercontent.com/-ZownzwXymFU/TjNtw6pXY-I/AAAAAAAABTU/RHHjov0CTss/wowwindow-loading.gif) center center no-repeat;  height:100px;  width:100px;  position:absolute;  left:50%;  top:50%;  margin-left:-50px;  margin-top:-50px}

#wowwindow-iframe, #wowwindow-video-flash{  position:relative;  z-index:10}

.wowwindow-title{ font-weight:bold;  font-size:11px;  font-family:Verdana,Arial,Helvetica,sans-serif;  color:#bfbfbf;  cursor:default;   _display:block;  _position:relative}

#wowwindow-inner{ padding:10px;  position:relative;  overflow:hidden;      _zoom:1}

.wowwindow-controlbar{    background:#252525 url(https://lh5.googleusercontent.com/-tqlp80ONTSU/TjNtwzBSXYI/AAAAAAAABTM/fOfw1HSa3ig/wowwindow-controlbar.gif) repeat-x;  overflow:hidden;  border-bottom:1px solid #252525;  padding:0 30px 0 10px;  line-height:18px;      _zoom:1}

a.wowwindow-close{    display:block;     float:right;     height:20px;     width:20px;     margin-right:-30px;     text-indent:-999em;     background:url(https://lh3.googleusercontent.com/-UIJArSl0qYI/TjNtwww8BAI/AAAAAAAABTQ/dGn6MUkWJ0U/wowwindow-close.gif) no-repeat top left;  border-left:1px solid #7f7f7f;  border-bottom:1px solid #7f7f7f;  -moz-border-radius-bottomleft:3px;  -webkit-border-bottom-left-radius:3px;  border-bottom-left-radius:3px;   *position:relative;  *right:-9px;      _display:inline}

a.wowwindow-close:hover{    background-position:bottom left}
</style>
<script src='http://little-share.googlecode.com/files/jquery.min.js' type='text/javascript'></script>

<script src='http://little-share.googlecode.com/files/jquery.wowwindow.min.js' type='text/javascript'></script>
<script type='text/javascript'>
        $(document).ready(function() {
            $('.popups a').wowwindow({
                draggable: true
            });
            $('.popups-rotate a').wowwindow({
                rotate: true,
                draggable: true
            });
            $('.popups-rotate-multiple a').wowwindow({
                rotate: true,
                rotations: 3,
                draggable: true
            });

            

            $('a[rel=video]').wowwindow({
                draggable: true,
                height: 225,
                width: 400,
                videoIframe: false
            });
            $('a[rel=video_rotate]').wowwindow({
                draggable: true,
                rotate: true,
                height: 225,
                width: 400,
                videoIframe: false
            });
            $('a[rel=video_multi_rotate]').wowwindow({
                draggable: true,
                rotate: true,
                rotations: 3,
                height: 225,
                width: 400,
                videoIframe: false
            });

            $('#youtube-auto-thumbnails a').wowwindow({
                draggable: true,
                width: 480,
                height: 390,
                videoIframe: false,
                autoYouTubeThumb: 'default'
            });
        });
    </script>
<!-- end wowwindow --> 

Your template is now ready to use
how to make use of functions wowwindow?
a great question
look at some code below ... and I hope that you understand

 <div class="popups">
<a href="sample1.jpg"><img src="sample1.jpg" alt="sample 1"></a>
<a href="sample2.jpg"><img src="sample2.jpg" alt="sample 2"></a>
<a href="sample3.jpg"><img src="sample3.jpg" alt="sample 3"></a>
<a href="sample4.jpg"><img src="sample4.jpg" alt="sample 4"></a>
<a href="sample5.jpg"><img src="sample5.jpg" alt="sample 5"></a>
</div>

above code is used for standard effects

<div class="popups-rotate">
<a href="sample1.jpg"><img src="sample1.jpg" alt="sample 1"></a>
<a href="sample2.jpg"><img src="sample2.jpg" alt="sample 2"></a>
<a href="sample3.jpg"><img src="sample3.jpg" alt="sample 3"></a>
<a href="sample4.jpg"><img src="sample4.jpg" alt="sample 4"></a>
<a href="sample5.jpg"><img src="sample5.jpg" alt="sample 5"></a>
</div>

 above code is used to rotate effects

<div class="popups-rotate-multiple">
<a href="sample1.jpg"><img src="sample1.jpg" alt="sample 1"></a>
<a href="sample2.jpg"><img src="sample2.jpg" alt="sample 2"></a>
<a href="sample3.jpg"><img src="sample3.jpg" alt="sample 3"></a>
<a href="sample4.jpg"><img src="sample4.jpg" alt="sample 4"></a>
<a href="sample5.jpg"><img src="sample5.jpg" alt="sample 5"></a>
</div>

 above code is used to Multiple Rotations 

<div class="popup-section"><a rel="video" title="Corus 2010 - Round 1" href="http://www.youtube.com/watch?v=h8EOm9fuqhE&feature=grec_index"><img src="images/thumbnails/video1.jpg" alt="" /></a></div>

code above for video

<div class="popup-section"><a rel="video_rotate" title="Corus 2010 - Round 1" href="http://www.youtube.com/watch?v=h8EOm9fuqhE&feature=grec_index"><img src="images/thumbnails/video1.jpg" alt="" /></a></div>

code above for video rotate

<div class="popup-section"><a rel="video_multi_rotate" title="Corus 2010 - Round 1" href="http://www.youtube.com/watch?v=h8EOm9fuqhE&feature=grec_index"><img src="images/thumbnails/video1.jpg" alt="" /></a></div>

code above for video Multiple rotate

<div id="youtube-auto-thumbnails">
<a title="" href="http://www.youtube.com/watch?v=s0WDTtIeSAI"><img src="images/play.gif" alt=""></a>
</div>

code above for video Auto-Generating Thumbnails

Saturday, July 23, 2011 | 0 komentar | Read More

Free Premium Domain

friend, simply providing information to you one yet knows about the news of a free domain with domain name (your name) .com / .net / .org.
FreePremiumDomain our site have been provided above with gratis.yang domain may be my friends know that domain. com is a paid domain, but on Free Premium Domains Domai is provided free with the domain name. com. net. org.
how temen2 lived here a list with the click REGISTER
and then input the data provided.
and I recently tried. The main requirement is mencaari people to sign up on your referral.

Thursday, July 21, 2011 | 0 komentar | Read More

Automatic Page Scrolling

Automatic page scrolling, this is unbelievably perfect for this type of presentation pages, so the audience just sit and enjoy the contents of the page

Demo: Click Here

Simply insert the below anywhere inside the section of the page you wish to scroll. Var "speed" deterimines the speed of the scroll. Change 1 to another number as desired.


Code:View Code

Monday, July 18, 2011 | 0 komentar | Read More

Auto Refresh

Refresh function in use to make "refresher" reload page or website. Refresh function is the same as the refresh function available on the Internet browser, the difference is that this function is made to work automatically, ie the user does not need to press the refresh button on the tool bar.


To make it just put the code below:

<meta http-equiv="refresh" content="10"/>

>
Save the above code between

<head> .... </head>

description above code, content = "10" number of 10 shows that the refresh process will be done in a span of 10 seconds.
refresh function can also be used as a redirect from the URL to another URL address
This function can be made with the code:

<meta http-equiv="refresh" content="0;URL=URL address destination"/>

Wednesday, July 13, 2011 | 0 komentar | Read More

Colorbox apply to bloggers

Colorbox by Jack Moore apply to bloggers?
okay ... I will discuss this.
first of all you are doing must sign in to blogger.
select the menu design then edit HTML.
Stop Do not edit it before you download full template. This avoids later if you fail in doing Colorbox installation.
ok, already downloaded it?
Now copy the code below

<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjieIEDwDVGjb9lXHLbwVX-jzan2doyS__-HMkoqpiFC2cc1YrScjy0vYAQ3I_cvHk5le9HsvKSS-_mnvVcEQVfWRjjTiSSej8T57mXJWwRhFoNDueYI2Mt53hVJL54P_BmE1Yzj5DgGB8/) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjieIEDwDVGjb9lXHLbwVX-jzan2doyS__-HMkoqpiFC2cc1YrScjy0vYAQ3I_cvHk5le9HsvKSS-_mnvVcEQVfWRjjTiSSej8T57mXJWwRhFoNDueYI2Mt53hVJL54P_BmE1Yzj5DgGB8/) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguR64I_LuCh3Q7aJRlt_H6n60BntyZ-S8INeamUBjOtJo1ppfQIZcU2tRD3HqhAhBFr_-vif8GDTtkKYxqznMHnSsM4BpVcXKhWCntbiqqw9TdlocHZdm7ccuuAQP-22XSh1oqAUXJq-g/) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjieIEDwDVGjb9lXHLbwVX-jzan2doyS__-HMkoqpiFC2cc1YrScjy0vYAQ3I_cvHk5le9HsvKSS-_mnvVcEQVfWRjjTiSSej8T57mXJWwRhFoNDueYI2Mt53hVJL54P_BmE1Yzj5DgGB8/) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
</script>
<script src="http://little-sharing.googlecode.com/files/jquery.colorbox.js">
</script>
<script>
        $(document).ready(function(){
            //Examples of how to assign the ColorBox event to elements
            $("a[rel='colorbox']").colorbox();
            $("a[rel='colorbox2']").colorbox({transition:"fade"});
            $("a[rel='colorbox3']").colorbox({transition:"none", width:"75%", height:"75%"});
            $("a[rel='colorbox4']").colorbox({slideshow:true});
            $(".colorbox5").colorbox();
            $(".colorbox6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
            $(".colorbox7").colorbox({width:"80%", height:"80%", iframe:true});
            $(".colorbox8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
            $(".colorbox9").colorbox({
                onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
            });
          
            //Example of preserving a JavaScript event for inline calls.
            $("#click").click(function(){
                $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                return false;
            });
        });
  
</script>

then paste the code before </head>
like this

<head> ... </head>

then save your template.

ok. Sekarang colorbox sudah siap di gunakan

you only need to look at the code code below

Elastic Transition

<p><a href="../content/ohoopee1.jpg" rel="colorbox" title="title">Grouped Photo 1</a></p>
<p><a href="../content/ohoopee2.jpg" rel="colorbox" title="title">Grouped Photo 2</a></p>
<p><a href="../content/ohoopee3.jpg" rel="colorbox" title="title">Grouped Photo 3</a></p>

Fade Transition

<p><a href="../content/ohoopee1.jpg" rel="colorbox2" title="title">Grouped Photo 1</a></p>
<p><a href="../content/ohoopee2.jpg" rel="colorbox2" title="title">Grouped Photo 2</a></p>
<p><a href="../content/ohoopee3.jpg" rel="colorbox2" title="title">Grouped Photo 3</a></p>
  

No Transition + fixed width and height (75% of screen size)

<p><a href="../content/ohoopee1.jpg" rel="colorbox3"  title="title">Grouped Photo 1</a></p>
<p><a href="../content/ohoopee2.jpg" rel="colorbox3"  title="title">Grouped Photo 2</a></p>
<p><a href="../content/ohoopee3.jpg" rel="colorbox3"  title="title">Grouped Photo 3</a></p>
  

Slideshow

<p><a href="../content/ohoopee1.jpg" rel="colorbox4"  title="title">Grouped Photo 1</a></p>
<p><a href="../content/ohoopee2.jpg" rel="colorbox4"  title="title">Grouped Photo 2</a></p>
<p><a href="../content/ohoopee3.jpg" rel="colorbox4"  title="title">Grouped Photo 3</a></p>
  

Other Content Types

<p><a class='colorbox5' href="../content/ajax.html" title="title">Outside HTML (Ajax)</a></p>
<p><a class='colorbox5' href="../content/flash.html" title="title">Flash / Video (Ajax/Embedded)</a></p>
<p><a class='colorbox6' href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&amp;wmode=transparent" title="title">Flash / Video (Iframe/Direct Link To YouTube)</a></p>
<p><a class='colorbox7' href="http://google.com">Outside Webpage (Iframe)</a></p>
<p><a class='colorbox8' href="#">Inline HTML</a></p>
  

Demonstration of using callbacks

<p><a class='example9' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>
  
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='inline_example1' style='padding:10px; background:#fff;'>
<center><embed src="http://www.metrotvnews.com/andyprabowo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="340" width="490"></center>
</div>
<div id='inline_example1' style='padding:10px; background:#fff;'>
<center><embed src="http://www.metrotvnews.com/andyprabowo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="340" width="490"></center>
</div>
</div>

Friday, July 01, 2011 | 0 komentar | Read More