<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-4510731802858306596</atom:id><lastBuildDate>Fri, 01 Nov 2024 11:39:14 +0000</lastBuildDate><category>Tips Dan Trick Blogging</category><category>Web</category><category>Dunia</category><title>TeDuWeb</title><description>Semua Tentang Dunia Dan Web Ada Disini</description><link>http://tentangduniadanweb.blogspot.com/</link><managingEditor>noreply@blogger.com (Uda Cucanto)</managingEditor><generator>Blogger</generator><openSearch:totalResults>78</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle>Semua Tentang Dunia Dan Web Ada Disini</itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-5600926147317552074</guid><pubDate>Thu, 29 Dec 2011 14:05:00 +0000</pubDate><atom:updated>2011-12-29T21:05:42.533+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Dunia</category><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><category domain="http://www.blogger.com/atom/ns#">Web</category><title>TeDuWeb Pindah ke Cucantooo</title><description>TEDUWEB PINDAK KE &lt;a href="http://cucantooo.blogspot.com/"&gt;&lt;b&gt;&lt;span style="font-size: x-large;"&gt;CUCANTOOO&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/12/teduweb-pindah-ke-cucantooo.html</link><author>noreply@blogger.com (Uda Cucanto)</author><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-9041884897089479360</guid><pubDate>Mon, 26 Dec 2011 03:33:00 +0000</pubDate><atom:updated>2011-12-26T11:18:18.320+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>TeDuWeb Social Share</title><description>Habis Jalan Jalan Di Group Facebook!&lt;br /&gt;
Malah Widget Yang Unik!&lt;br /&gt;
Penasaran?&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzJ-l8x5fBmCtLNXYLyi-GQ1Voue-ooxkOaQotY5U-5JBYZS3lvVp2fQ2vGE90ZX1e58EVNOJGXcaOjnExEKGavhhdZ0msKMGYaliwOEQe17C16mmlwHjpLiZwKMOTmHKr7XDwV8ZDqI3-/s1600/blog-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzJ-l8x5fBmCtLNXYLyi-GQ1Voue-ooxkOaQotY5U-5JBYZS3lvVp2fQ2vGE90ZX1e58EVNOJGXcaOjnExEKGavhhdZ0msKMGYaliwOEQe17C16mmlwHjpLiZwKMOTmHKr7XDwV8ZDqI3-/s1600/blog-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;blogger logo&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Klik Donk!!&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Di Bawah Ini Contohnya&lt;br /&gt;
&lt;style&gt;
#header-wrapper {
    height: 120px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#header-inner {
    background-position: center;
    margin: 0;
}
#header {
    -moz-transition: height 0.5s ease-in-out 0s;
    background: none no-repeat scroll 0 0 #141414;
    border: 1px solid #141414;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 7px #141414, 0 0 2px #FAFAFA inset;
    display: block;
    float: center;
    height: 80px;
    line-height: 20px;
    margin: -0.1% 10% 3%;
    padding: 0 10px;
    position: relative;
    width: auto;
}
#header h1 {
    color: rgba(0, 0, 0, 0.3);
    font: 300% impact,arial;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 0 #B45F04;
}
#header a {
    color: #C4302B;
    font-family: 'TurkishCSs',"proxima-nova-1","proxima-nova-2",Helmet,Freesans,sans-serif !important;
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-align: center;
}
#header a:hover {
    color: rgba(105, 210, 231, 0.7);
}
#header .description {
    color: #888888;
    font: 100% sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: auto;
}
#header img {
    margin: 0;
}
/* SOCIAL ICONS - GENERAL */
.social { list-style:none; margin:30px auto; width:464px; }
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none; }
.social li a strong { font-weight:bold; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.facebook { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPupKmf8cdMjDr8EXrOrtBgS6jkU_MlsW7eI0xWbYadhpENJUlsijfTPp_P9EcGKIUOyhwfBIoEfb5iUAx1qmMgjnNn6WPZpuPwzemnDQbeVTnv98KpjVkdiGZWzIqWLmITuR0WyJQ6m6H/s1600/social_facebook.png); }
li.flickr { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizOWIDrITAt6QoHPVaadv3E3BlvN8TOGjZcWvNCcIFaEkSpvM4q8x-Cikz0AY0blionzEa9eqXw6Wgt82MPcJaG-0CdksifTcsEINPA86_3Y5Fkq-au8zDa0G6EZ5-F6jRUBvXYNEk73Cg/s1600/social_flickr.png); }
li.linkedin { background-image:url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI1IEsRZ0Vcvza016m8m0efxvi5Bot2ZnuGi9D-rBUCFtG3Zaw96GbVlqT6tRKx641nnCZcVgOTginNYXYXEuI-5tp6IRe9bIF_hUA-TLwfXiBHUDTgi1hQVISYl6tzgZ_EUn3f-1mOLlm/s1600/social_linkedin.png); }
li.rss { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWtlZqPQQVU5AbAl7MduWPOc7O4dDdzC-HLtT6vccmUgnnMsNGzxwK_WLLKO89rIs-KTiEmsTuZkuZl3D8zwl5tOEhwrHIwExJJ29ZsT7mPAb-A2IQo8M1u-urcb9PWs2kFxfYeEUcWAC6/s1600/social_rss.png); }
li.twitter { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVUgE2VnPIXO_QXwFcdydhiW6UKkVZaRyxGev7lrYF9DBi_f0LJhFiIVHqSyUdm4XQAArmqh5EWk_hr_IeMhA2Lb779sXZWxvQ_UrtwmBN8uWzweEZPV9nePup28iSf2Y4G2OBepDc2Pkg/s1600/social_twitter.png); }

/* SOCIAL ICONS - CSS3 */
#css3:hover li { opacity:0.2; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-25px; }
#footer {
    background: url("http://www.designbombs.com/wp-content/themes/DesignBombs/images/footer_mountains.png") repeat scroll 0 0 transparent;
    height: 214px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
&lt;/style&gt;

&lt;br /&gt;
&lt;ul class="social" id="css3"&gt;
&lt;li class="twitter"&gt;
                &lt;a href="http://twitter.com/"&gt;&lt;/a&gt;
            &lt;/li&gt;
&lt;li class="facebook"&gt;
                &lt;a href="http://www.facebook.com/"&gt;&lt;/a&gt;
            &lt;/li&gt;
&lt;li class="flickr"&gt;
                &lt;a href="http://www.flickr.com/"&gt;&lt;/a&gt;
            &lt;/li&gt;
&lt;li class="linkedin"&gt;
                &lt;a href="http://www.linkedin.com/"&gt;&lt;/a&gt;
            &lt;/li&gt;
&lt;li class="rss"&gt;
                &lt;a href="http://feeds.feedburner.com/teduweb"&gt;&lt;/a&gt;
            &lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Mau Kan?&lt;br /&gt;
&lt;br /&gt;
Langsung Praktek Yuk!&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy CSS Di Bawah &lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(255,0,0); padding: 5px;"&gt;
&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;social &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;list-style&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;none&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;margin&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;30px &lt;/span&gt;&lt;span class="css-value"&gt;auto&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;width&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;464px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;social &lt;/span&gt;&lt;span class="css-selector"&gt;li &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;display&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;inline&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;float&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;left&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;background-repeat&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;no-repeat&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;social &lt;/span&gt;&lt;span class="css-selector"&gt;li &lt;/span&gt;&lt;span class="css-selector"&gt;a &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;display&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;block&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;width&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;48px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;height&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;48px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;padding-right&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;10px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;position&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;relative&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;text-decoration&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;none&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;social &lt;/span&gt;&lt;span class="css-selector"&gt;li &lt;/span&gt;&lt;span class="css-selector"&gt;a &lt;/span&gt;&lt;span class="css-selector"&gt;strong &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;font-weight&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;bold&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;position&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;absolute&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;left&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;20px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;top&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;-1px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;color&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-colorcode"&gt;#fff&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;padding&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;3px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;z-index&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;9999&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class="whitespace"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="css-identifier"&gt;text-shadow&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;1px &lt;/span&gt;&lt;span class="css-unit"&gt;1px &lt;/span&gt;&lt;span class="css-unit"&gt;0 &lt;/span&gt;&lt;span class="css-value"&gt;rgba&lt;/span&gt;&lt;span class="css-value"&gt;(0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0.75&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;background-color&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;rgba&lt;/span&gt;&lt;span class="css-value"&gt;(0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0.7&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class="whitespace"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="css-identifier"&gt;-moz-border-radius&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;3px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;-moz-box-shadow&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;0 &lt;/span&gt;&lt;span class="css-unit"&gt;0 &lt;/span&gt;&lt;span class="css-unit"&gt;5px &lt;/span&gt;&lt;span class="css-value"&gt;rgba&lt;/span&gt;&lt;span class="css-value"&gt;(0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0.5&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;-webkit-border-radius&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;3px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;-webkit-box-shadow&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;0 &lt;/span&gt;&lt;span class="css-unit"&gt;0 &lt;/span&gt;&lt;span class="css-unit"&gt;5px &lt;/span&gt;&lt;span class="css-value"&gt;rgba&lt;/span&gt;&lt;span class="css-value"&gt;(0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0.5&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;border-radius&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;3px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;box-shadow&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;0 &lt;/span&gt;&lt;span class="css-unit"&gt;0 &lt;/span&gt;&lt;span class="css-unit"&gt;5px &lt;/span&gt;&lt;span class="css-value"&gt;rgba&lt;/span&gt;&lt;span class="css-value"&gt;(0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-unit"&gt;0.5&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="css-selector"&gt;li&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;facebook &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;background-image&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;url&lt;/span&gt;&lt;span class="css-value"&gt;(http&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-unit"&gt;2.bp.blogspot.com&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;-uEHigx-ZdBk&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;Tu7CghQbd7I&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;AAAAAAAAASg&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;xukVyRfqk94&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;s1600&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;social_facebook&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-value"&gt;png&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-selector"&gt;li&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;flickr &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;background-image&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;url&lt;/span&gt;&lt;span class="css-value"&gt;(http&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-unit"&gt;4.bp.blogspot.com&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;-KnealmRrmFY&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;Tu7CgkKZX7I&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;AAAAAAAAASs&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;RA9aeMOWaLY&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;s1600&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;social_flickr&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-value"&gt;png&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-selector"&gt;li&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;linkedin &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;background-image&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;url&lt;/span&gt;&lt;span class="css-value"&gt;(&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-value"&gt;http&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-unit"&gt;3.bp.blogspot.com&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;-hBPOdeYwJWE&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;Tu7Cg9xbBbI&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;AAAAAAAAAS4&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;ayfxXLJw1_s&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;s1600&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;social_linkedin&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-value"&gt;png&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-selector"&gt;li&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;rss &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;background-image&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;url&lt;/span&gt;&lt;span class="css-value"&gt;(http&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-unit"&gt;4.bp.blogspot.com&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;-ABr3akhDst8&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;Tu7ChCTfU6I&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;AAAAAAAAATA&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;IwuF2fLvw9g&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;s1600&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;social_rss&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-value"&gt;png&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-selector"&gt;li&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-selector"&gt;twitter &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;background-image&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;url&lt;/span&gt;&lt;span class="css-value"&gt;(http&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-unit"&gt;2.bp.blogspot.com&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;-Sx05izey6SU&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;Tu7ChGyV5FI&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;AAAAAAAAATQ&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;UwcI3h-lAik&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;s1600&lt;/span&gt;&lt;span class="css-select-op"&gt;/&lt;/span&gt;&lt;span class="css-value"&gt;social_twitter&lt;/span&gt;&lt;span class="css-select-op"&gt;.&lt;/span&gt;&lt;span class="css-value"&gt;png&lt;/span&gt;&lt;span class="css-value"&gt;)&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="css-comment"&gt;/* SOCIAL ICONS - CSS3 */&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-selector"&gt;#css3&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-selector"&gt;hover &lt;/span&gt;&lt;span class="css-selector"&gt;li &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;opacity&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;0.2&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="css-selector"&gt;#css3 &lt;/span&gt;&lt;span class="css-selector"&gt;li &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;-webkit-transition-property&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-value"&gt;opacity&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;-webkit-transition-duration&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;500ms&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class="whitespace"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="css-identifier"&gt;-moz-transition-property&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-value"&gt;opacity&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;-moz-transition-duration&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;500ms&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-selector"&gt;#css3 &lt;/span&gt;&lt;span class="css-selector"&gt;li &lt;/span&gt;&lt;span class="css-selector"&gt;a &lt;/span&gt;&lt;span class="css-selector"&gt;strong &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;opacity&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;0&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class="whitespace"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="css-identifier"&gt;-webkit-transition-property&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-value"&gt;opacity&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-value"&gt;top&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;-webkit-transition-duration&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;300ms&lt;/span&gt;&lt;span class="css-punctuation"&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class="whitespace"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="css-identifier"&gt;-moz-transition-property&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-value"&gt;opacity&lt;/span&gt;&lt;span class="css-select-op"&gt;, &lt;/span&gt;&lt;span class="css-value"&gt;top&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;-moz-transition-duration&lt;/span&gt;&lt;span class="css-punctuation"&gt;: &lt;/span&gt;&lt;span class="css-unit"&gt;300ms&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="css-selector"&gt;#css3 &lt;/span&gt;&lt;span class="css-selector"&gt;li&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-selector"&gt;hover &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;opacity&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;1&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="css-selector"&gt;#css3 &lt;/span&gt;&lt;span class="css-selector"&gt;li&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-selector"&gt;hover &lt;/span&gt;&lt;span class="css-selector"&gt;a &lt;/span&gt;&lt;span class="css-selector"&gt;strong &lt;/span&gt;&lt;span class="css-punctuation"&gt;{ &lt;/span&gt;&lt;span class="css-identifier"&gt;opacity&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-unit"&gt;1&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-identifier"&gt;top&lt;/span&gt;&lt;span class="css-punctuation"&gt;:&lt;/span&gt;&lt;span class="css-value"&gt;-25px&lt;/span&gt;&lt;span class="css-punctuation"&gt;; &lt;/span&gt;&lt;span class="css-punctuation"&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di Atas Kode &lt;i&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy HTMLnya Di Bawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0,200,50); padding: 5px;"&gt;
&amp;lt;ul class="social" id="css3"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li class="twitter"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href="http://twitter.com/"&amp;gt;&amp;lt;strong&amp;gt;Twitter&amp;lt;/strong&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li class="facebook"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href="http://www.facebook.com/"&amp;gt;&amp;lt;strong&amp;gt;Facebook&amp;lt;/strong&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li class="flickr"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href="http://www.flickr.com/photos/"&amp;gt;&amp;lt;strong&amp;gt;Flickr&amp;lt;/strong&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li class="linkedin"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href="http://www.linkedin.com/"&amp;gt;&amp;lt;strong&amp;gt;LinkedIn&amp;lt;/strong&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li class="rss"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a href="http://feeds.feedburner.com/teduweb"&amp;gt;&amp;lt;strong&amp;gt;RSS&amp;lt;/strong&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt; &lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai&lt;/b&gt; ☺&lt;br /&gt;
Kode Tersebut Harus Anda Improvisasi</description><link>http://tentangduniadanweb.blogspot.com/2011/12/teduweb-social-share.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzJ-l8x5fBmCtLNXYLyi-GQ1Voue-ooxkOaQotY5U-5JBYZS3lvVp2fQ2vGE90ZX1e58EVNOJGXcaOjnExEKGavhhdZ0msKMGYaliwOEQe17C16mmlwHjpLiZwKMOTmHKr7XDwV8ZDqI3-/s72-c/blog-icon.png" width="72"/><thr:total>14</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-6877466694914299673</guid><pubDate>Sun, 25 Dec 2011 10:11:00 +0000</pubDate><atom:updated>2011-12-26T10:01:38.607+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Web</category><title>TeDuWeb Tweet Plus</title><description>Anda Suka main Twitter!&lt;br /&gt;
Tweetnya Kepanjangan?&lt;br /&gt;
Mungkin Widget Dibawah Dapat Membantu Anda!&lt;br /&gt;
&lt;br /&gt;
&lt;style&gt;
#snippetContainer {
    position: inherit;
    text-align: center;
    top: -24px;
}
#snippets {
    background-color: #FAFAFA;
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #3C3C3C;
    cursor: pointer;
    display: inline-block;
    font-size: 0.85em;
    max-width: 600px;
    padding: 14px;
    width: 30%;
}
#snippets {
    width: 65%;
}
#snippets {
    width: 45%;
}
#snippets:hover {
    background-color: #FFFFFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}
#snippets:hover:active {
    background-color: #D2D2D2;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
form {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0.1em 0.1em 1em black;
    color: black;
    font-size: 150%;
    margin: auto;
    padding-right: 1.6em;
    position: relative;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    width: 60%;
}
form:after {
    clear: both;
    content: "";
    display: block;
}
form, textarea {
    border-radius: 0.6em 0.6em 0.6em 0.6em;
}
form, button, .links &gt; a, .tooltip {
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 80%);
    background-origin: border-box;
}
textarea, button, input {
    font: inherit;
    text-shadow: inherit;
}
textarea {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: block;
    max-height: 75%;
    padding: 0.8em;
    resize: vertical;
    width: 100%;
}
button {
    display: block;
    float: right;
    font-weight: bold;
    margin: 0.5em -0.8em 0.5em 0.5em;
    padding: 0.3em 1em;
}
button, textarea {
    -moz-transition: background 0.5s ease 0s;
}
button, input, .links &gt; a {
    border-radius: 0.3em 0.3em 0.3em 0.3em;
}
textarea:hover, input:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 200, 0.6);
}
input:-moz-placeholder {
    color: #555555;
}
textarea:focus, input:focus {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    outline: medium none;
}
p.counters, .reply {
    color: #444444;
    font-size: 75%;
    margin: 0.7em 0 0 1em;
}
button, .links &gt; a {
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px rgba(255, 255, 255, 0.4) inset, 0 0.1em 0.2em -0.1em black;
}
button, .links &gt; a:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.6);
}
button:hover {
    background-color: #FF5500;
}

.normal{-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: #F0F0F0;
border-top: 1px solid #D6D6D6;
clear: both;
font-size: 1.2em;
margin: 0 auto;
padding: 0;
width: 900px;
float: right;
position: relative;}
&lt;/style&gt;

&lt;br /&gt;
&lt;div id="snippetContainer"&gt;
&lt;div hidden="true" id="defaultSnippets"&gt;
Terima kasih telah memilih Firefox! Baca tentang &lt;a href="http://www.blogger.com/post-create.g?blogID=4510731802858306596"&gt;fitur terbarunya&lt;/a&gt; dan maksimalkan pengunaannya.
          Gampang sekali mengubah-ubah Firefox sesuai keinginan Anda. &lt;a href="http://www.blogger.com/post-create.g?blogID=4510731802858306596"&gt;Pilih dari beribu pengaya yang tersedia&lt;/a&gt;.
        &lt;/div&gt;
&lt;div id="snippets"&gt;
&lt;div class="snippet_set"&gt;
&lt;style type="text/css"&gt;
#snippetContainer div.snippet { display: none; }
#snippetContainer div.snippet img.icon { margin: -0.75em 1em 0 0; float: left; }
&lt;/style&gt;

&lt;br /&gt;
&lt;div class="snippet" style="display: block;"&gt;
TeDuWeb Tweet Plus Terinspirasi Dari Blog Yang Unik Ini&lt;br /&gt;
&lt;a href="http://tweeplus.blogspot.com/?#"&gt;Twee+&lt;/a&gt;&lt;/div&gt;
&lt;script type="text/javascript;version=1.8"&gt;
  //
  (function() {
    var snippet = document.getElementById('blankSnippet');
    snippet.addEventListener('show_snippet', function(e) {
        document.getElementById('snippets').style.display = 'none';
        document.getElementById('contentContainer').style.backgroundImage = 'none';
    });
})();

  //
&lt;/script&gt;
&lt;br /&gt;
&lt;div class="snippet" id="blankSnippet"&gt;
&lt;/div&gt;
&lt;script type="text/javascript;version=1.8"&gt;
var snippet_container = document.getElementById('snippetContainer');
var snippets = snippet_container.getElementsByClassName('snippet');
if (snippets.length &gt; 0) {
    var show_snippet = snippets[Math.floor(Math.random()*snippets.length)];
    show_snippet.style.display = 'block';
    activateSnippetsButtonClick(show_snippet);

    var evt = document.createEvent('Event');
    evt.initEvent('show_snippet', true, true);
    show_snippet.dispatchEvent(evt);
} else {
    localStorage['snippets'] = '';
    showSnippets();
}
&lt;/script&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
Mari Kita Coba!&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixQH4miy1b5-1qA6IEuE2I89FT9AH5DxlAXJJODKBEaKfwLQOPrjh_8YLBwZLTJMaWajeEXKKOIbi7GqI5zJdgN1AFofY82tVhQrLHek3BOPT4Z1HjPUpFzFxCPkxjdnrv_O8HZJQj8Md7/s1600/tweet-scotty-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixQH4miy1b5-1qA6IEuE2I89FT9AH5DxlAXJJODKBEaKfwLQOPrjh_8YLBwZLTJMaWajeEXKKOIbi7GqI5zJdgN1AFofY82tVhQrLHek3BOPT4Z1HjPUpFzFxCPkxjdnrv_O8HZJQj8Md7/s1600/tweet-scotty-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;twee+&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
Tidak Perlu Di Download&lt;br /&gt;
&lt;br /&gt;
Anda Hanya Perlu Menulis Tweet Anda Di Bawah Ini Dan Klik "&lt;b&gt;Tweet&lt;/b&gt;"&lt;br /&gt;
&lt;br /&gt;
&lt;form action="http://twitter.com/intent/tweet" target="_blank"&gt;
&lt;textarea maxlength="2000" placeholder="Ketikan Tweetmu Sepanjang Mungkin" rows="4"&gt;&lt;/textarea&gt;
&lt;input name="text" type="hidden" value="" /&gt;
&lt;br /&gt;
&lt;button type="submit"&gt;Tweet&lt;/button&gt;
&lt;br /&gt;
&lt;div class="counters"&gt;
&lt;span id="counter"&gt;0&lt;/span&gt; Karakter,
  &lt;span class="" id="counter-encoded"&gt;0&lt;/span&gt; Encode
 &lt;/div&gt;
&lt;div class="reply" id="reply"&gt;
&lt;label&gt;
   Re-Tweet Untuk
   &lt;input id="reply-url" placeholder="Tweet URL" type="url" /&gt;
&lt;/label&gt;
&lt;input id="in_reply_to" name="in_reply_to" type="hidden" value="" /&gt;
&lt;/div&gt;
&lt;/form&gt;
&lt;script type="text/javascript"&gt;
//&lt;![CDATA[
Tweeplus = (function(){

var apig = document.createElement('a');

var self, private = {
 remove: function(arr, remarr) {
  if(!arr || !arr.length || !remarr || !remarr.length) {
   return arr;
  }
 
  var o = private.objectize(arr);
 
  for(var i=0; i&lt;remarr.length; i++) {
   delete o[remarr[i]];
  }
 
  return private.arrayize(o);
 },
 
 objectize: function(arr) {
  var o = {}, l = arr.length;
 
  for(i=0; i&lt;l;i+=1) {
   o[arr[i]] = arr[i];
  }
 
  return o;
 },
 
 arrayize: function(o) {
  var r = [];
 
  for(var i in o) {
   r.push(o[i]);
  }
 
  return r;
 },
 
 unique: function(arr) {
  return private.arrayize(private.objectize(arr));
 }
};

return self = {
 encode: function(text) {
  return encodeURIComponent(trim(text))
   .replace(/'/g, '%27')
   .replace(/\(/g, '%28')
   .replace(/\)/g, '%29')
   .replace(/\*/g, '%2A')
   .replace(/\./g, '%2E')
   .replace(/~/g, '%7E')
   
   .replace(/%20/g, '+');
 },
 
 decode: function(text) {
  try {
   return decodeURIComponent(text.replace(/\+/g, '%20'));
  }
  catch (e) {
   return 'Does not compute :(';
  }
 },
 
 // Get mentions, hashtags, URLs
 links: function(text) {
  return private.unique(text.match(/(@\w{1,20}|(https?|ftps?):\/\/\w[\w._\+%#\/-]+|#\w+)/gi) || []);
 },
 
 // Get mentions only
 mentions: function(text) {
  return private.unique(text.match(/@\w{1,20}/g) || []);
 },
 
 // Pass in an @mention, #hashtag or URL, get an HTML link
 linkify: function(name) {
  var ret = ['&lt;a target="_blank" href="'],
      twitter = 'http://twitter.com/',
      ame = name.slice(1);
  
  if (name.charAt(0) === '@') {
   ret.push(twitter, ame, '"&gt;&lt;img src="', twitter, '/api/users/profile_image?screen_name=', ame, '&amp;amp;size=mini" /&gt;', name);
  }
  else if (name.charAt(0) === '#') {
   // Hashtag
   ret.push(twitter, 'search?q=%23', ame, '"&gt;', name);
  }
  else if (/^(https?|ftps?):\/\//i.test(name)) {
   ret.push(name, 
    name.length &gt; 30? '" title="' + name + '"&gt;' + name.slice(0, 30) + '…' : '"&gt;' + name
   );
  }
  
  ret.push('&lt;/a&gt;');
  
  return ret.join('');
 },
 
 tweet: function(text, replyURL) {
  if(text.length &gt; 140) {
   text = text.trim? text.trim() : text.replace(/^\s+|\s+$/g, '');
   
   var username = replyURL? (replyURL.match(/\/(\w+)\/status\//i) || [,''])[1] : '',
    cutoff = 116 - (username? username.length + 2 : 0), // initial cut-off point
    summary,
    mentions = self.mentions(text),
    previousLength = mentions.length + 1;
 
   while(mentions.length &lt; previousLength) {
    summary = text.slice(0, cutoff - (mentions.length? mentions.join(' ').length + 1 : 0));
    previousLength = mentions.length;
    mentions = private.remove(mentions, self.mentions(summary));
   }
   
   apig.href = location.href;
  
   apig.search = replyURL? 'in_reply_to=' + replyURL : '';
 
   return summary + '[…] ' + apig.href + (mentions? ' ' + mentions.join(' ') : '');
  }
  else {
   return text;
  }
 }
};

function trim(text) {
 return text &amp;&amp; (text.trim? text.trim() : text.replace(/^\s+|\s+$/g, ''));
}

})();
//]]&gt;
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
//&lt;![CDATA[
function $(id) { return document.getElementById(id); }
function $t(tag, con) { return (con || document).getElementsByTagName(tag); }

//(function() {

// Cache DOM lookups, for performance
var mobile = /i(Phone|Pad)/i.test(navigator.userAgent), // mobile devices I could get my hands on...
 form = document.forms[0],
 textarea = $t('textarea')[0],
 textInput = form.elements.text,
 counter = $('counter'),
 counterEncoded = $('counter-encoded'),
 linksContainer = $('links'),
 replyURL = $('reply-url'),

 // Find radial-gradient prefix
 prefix = (function() {
  var prefixes = ['', '-moz-', '-webkit-', '-o-', '-ms-'],
   gradient = 'radial-gradient(white,black)',
   style = document.createElement('p').style;
 
  for(var i=0; i&lt;prefixes.length; i++) {
   try { 
    style.backgroundImage = prefixes[i] + gradient;
   } catch(e) {}
 
   if(style.backgroundImage) {
    return prefixes[i];
   }
  }
 
  return false;
 })();

if (prefix !== false) {
 onmousemove = function(evt) {
  var x = ~~(100/innerWidth * evt.clientX),
   y = ~~(100/innerHeight * evt.clientY);

  document.body.style.backgroundImage = prefix + 'radial-gradient(' + x + '% ' + y + '%, rgba(0,0,0,0), black)';
 };
}

var encodingFactor = 0;

textarea.oninput = textarea.onkeyup = function(e) {
 if(e &amp;&amp; e.type === 'input' &amp;&amp; textarea.onkeyup) {
  textarea.onkeyup = null;
 }

 var text = textarea.value,
  length = text.length;

 // Update counters
 counter.innerHTML = length;

 // Estimate encoded length
 var encodedEstimate = ~~(length * encodingFactor);

 counterEncoded.innerHTML = 'around ' + encodedEstimate;

 // Adjust textarea size
 !mobile &amp;&amp; adjustSize();

 // Extract users &amp; hashtags info
 var links = Tweeplus.links(text);

 for (var i=links.length-1; i&gt;=0; i--) {
  links[i] = Tweeplus.linkify(links[i]);
 }

 linksContainer.innerHTML = links.join(' ');
 
 // Does it look like a reply?
 if(links.length &amp;&amp; !replyURL.value &amp;&amp; text.charAt(0) === '@') {
  textarea.className = 'possible-atreply';
 }
 else if (textarea.className) {
  textarea.className = ''
 }
};

textarea.onblur = function() {
 var text = textarea.value,
  length = text.length,
  encoded = Tweeplus.encode(text);

 hash('#' + encoded);
 
 adjustSize();

 // Update encoded counter
 counterEncoded.innerHTML = encoded.length;

 encodingFactor = encoded.length / text.length;

 counterEncoded.className = encoded.length &gt; 2000? 'over-limit' : '';

 // Generate short tweet
 textInput.value = Tweeplus.tweet(text, replyURL.value || '');
 
};

/* Stuff done on page load */
if(location.search) {
 var reply = (location.search.match(/(?:\?|&amp;)in_reply_to=([^&amp;]+)/i) || [])[1];

 if(reply) {
  replyURL.value = decodeURIComponent(reply);
 }
}

(onhashchange = function() {
 var decoded = Tweeplus.decode(hash());

 if (textarea.value !== decoded) {
  textarea.value = decoded;
 }

 textarea.oninput();
 textarea.onblur();
})();

form.onsubmit = function () {
 textarea.onblur(); // Just in case

 updateReply();
};

replyURL.onfocus = function() {
 this.select();
};

/**
 * Helper functions
 */
function updateReply() {
 $('in_reply_to').value = replyURL.value? (replyURL.value.match(/\/status\/(\d{3,})$/i) || [,''])[1] : '';
}

function adjustSize() {
 var length = textarea.value.length;

 textarea.rows = ~~(length/80) || 1;

 do {
  textarea.rows += 2;

  var height = textarea.offsetHeight;
 } while (height &amp;&amp; height &lt; textarea.scrollHeight &amp;&amp; textarea.rows &lt; length);

 textarea.rows++;
}

if(!mobile) {
 onresize = adjustSize;
}


function hash(hash) {
 if (!hash) {
  // location.hash is automatically decoded in FF
  return (location.href.match(/#(.+$)/) || [,''])[1];
 }
 else if (history.pushState) {
     history.pushState(null, null, hash.indexOf('#') === 0? hash : '#' + hash);
 }
 else {
  location.hash = hash;
 }
}

//})();
//]]&gt;
&lt;/script&gt;
&lt;br /&gt;
&lt;br /&gt;
Maaf Jika Kurang Sempurna! ☺</description><link>http://tentangduniadanweb.blogspot.com/2011/12/teduweb-tweet-plus_25.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixQH4miy1b5-1qA6IEuE2I89FT9AH5DxlAXJJODKBEaKfwLQOPrjh_8YLBwZLTJMaWajeEXKKOIbi7GqI5zJdgN1AFofY82tVhQrLHek3BOPT4Z1HjPUpFzFxCPkxjdnrv_O8HZJQj8Md7/s72-c/tweet-scotty-icon.png" width="72"/><thr:total>11</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-6070588326992513242</guid><pubDate>Fri, 23 Dec 2011 12:27:00 +0000</pubDate><atom:updated>2011-12-23T19:27:37.639+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>TeDuWeb CSS Compressor</title><description>Setelah Vakum Selama Beberapa Hari Di Dunia Blog&lt;br /&gt;
Saya Kembali Hadir Untuk Memberikan Widget-Widget Curian Dari Seluruh Dunia! ☺&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk43jMqbB-G3bgMdoHdTSXENMWifPGfLzlGVThJtbStqam2RsDBE09GA-HQtz0bNxFoheXutFZdI0E7KCRQ3398qDjL60Qjn1bU4M4b3iZEOY8suxmFPbj7DNOVb_NHEqw-q7gLrhJmGTX/s1600/CSS.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk43jMqbB-G3bgMdoHdTSXENMWifPGfLzlGVThJtbStqam2RsDBE09GA-HQtz0bNxFoheXutFZdI0E7KCRQ3398qDjL60Qjn1bU4M4b3iZEOY8suxmFPbj7DNOVb_NHEqw-q7gLrhJmGTX/s1600/CSS.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;css code&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span style="font-size: small;"&gt;Kali Ini Saya Akan Memposting Tentang CSS Compressor!&lt;br /&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="font-size: small;"&gt;Agar Lebih Jelasnya Klik Di Bawah!&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="font-size: small;"&gt;&lt;a name='more'&gt;&lt;/a&gt;&amp;nbsp;CSS Compressor Adalah Alat Untuk Mengkompres / Mengecilkan Ukuran CSS Tetapi Fungsinya Tetap Sama!&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="font-size: small;"&gt;&lt;br /&gt;
  &lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;span style="font-size: small;"&gt;Kalau Ingin Mencobanya &lt;b&gt;&lt;a href="http://assadotcom.blogspot.com/2011/12/css-compressor.html"&gt;Klik Disini&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
  &lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
Selamat Mencoba! ☺ &lt;/div&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/12/teduweb-css-compressor.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk43jMqbB-G3bgMdoHdTSXENMWifPGfLzlGVThJtbStqam2RsDBE09GA-HQtz0bNxFoheXutFZdI0E7KCRQ3398qDjL60Qjn1bU4M4b3iZEOY8suxmFPbj7DNOVb_NHEqw-q7gLrhJmGTX/s72-c/CSS.png" width="72"/><thr:total>10</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-3285890733515131619</guid><pubDate>Sat, 19 Nov 2011 11:58:00 +0000</pubDate><atom:updated>2011-11-19T18:58:32.232+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Dunia</category><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><category domain="http://www.blogger.com/atom/ns#">Web</category><title>Cuti Ngeblog</title><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwu3-BJXlmD7dzQX5z6bIsba-DxSnlW8K76p6s88NoHwrY6Ofnt7z-WKmz8ycPhlNEIlJreITHdjxu1ar59ron5ibzVXCii1E5g5RqvWcUJEbEO-ebVTjfIdBPJH-Fcwkp8OUWz_It3i5d/s1600/Status-user-busy-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwu3-BJXlmD7dzQX5z6bIsba-DxSnlW8K76p6s88NoHwrY6Ofnt7z-WKmz8ycPhlNEIlJreITHdjxu1ar59ron5ibzVXCii1E5g5RqvWcUJEbEO-ebVTjfIdBPJH-Fcwkp8OUWz_It3i5d/s1600/Status-user-busy-icon.png" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwu3-BJXlmD7dzQX5z6bIsba-DxSnlW8K76p6s88NoHwrY6Ofnt7z-WKmz8ycPhlNEIlJreITHdjxu1ar59ron5ibzVXCii1E5g5RqvWcUJEbEO-ebVTjfIdBPJH-Fcwkp8OUWz_It3i5d/s1600/Status-user-busy-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwu3-BJXlmD7dzQX5z6bIsba-DxSnlW8K76p6s88NoHwrY6Ofnt7z-WKmz8ycPhlNEIlJreITHdjxu1ar59ron5ibzVXCii1E5g5RqvWcUJEbEO-ebVTjfIdBPJH-Fcwkp8OUWz_It3i5d/s1600/Status-user-busy-icon.png" /&gt;&lt;/a&gt;&lt;/div&gt;
Maaf Teman" Seperjuanganku!&lt;br /&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;b&gt;Terlalu Banyak Urusan&lt;br /&gt;&lt;br /&gt;Banyak Utang Sana-Sini&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;b&gt;Yang Paling Penting!!&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: x-large;"&gt;Gue Gak Punya Uang Untuk Ke WARNET!!!!&lt;br /&gt;&lt;br /&gt;Jadi Maaf!&lt;br /&gt;&lt;span style="font-size: large;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: large;"&gt;&lt;b&gt;&lt;span style="font-size: x-large;"&gt;&lt;span style="font-size: large;"&gt;Gue Gak Bisa Posting Dulu! &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/11/cuti-ngeblog.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwu3-BJXlmD7dzQX5z6bIsba-DxSnlW8K76p6s88NoHwrY6Ofnt7z-WKmz8ycPhlNEIlJreITHdjxu1ar59ron5ibzVXCii1E5g5RqvWcUJEbEO-ebVTjfIdBPJH-Fcwkp8OUWz_It3i5d/s72-c/Status-user-busy-icon.png" width="72"/><thr:total>7</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-618351565002852477</guid><pubDate>Sat, 12 Nov 2011 12:27:00 +0000</pubDate><atom:updated>2011-11-12T19:27:13.728+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Cara Membuat Gambar Dapat Digeser Di Blog</title><description>&lt;script src="http://www.dynamicdrive.com/dynamicindex11/domdrag/dom-drag.js" type="text/javascript"&gt;
&lt;/script&gt;
&lt;img id="example" src="http://www.dynamicdrive.com/dynamicindex13/lips_small.gif" style="position: relative;" /&gt;

&lt;img id="example" src="http://icons.iconarchive.com/icons/double-j-design/childish/128/Movie-icon.png" style="position: relative;" /&gt;

&lt;script type="text/javascript"&gt;
Drag.init(document.getElementById("example"));
&lt;/script&gt;
&lt;br /&gt;
Demonya Ada Di Atas Ini!&lt;br /&gt;
&lt;br /&gt;
Mau Membuatnya?&lt;br /&gt;
&lt;br /&gt;
Diklik Ya!!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;Langkah 1&lt;br /&gt;
&lt;br /&gt;
Copy Javascript Di Bawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(255,0,0); padding: 5px;"&gt;
&amp;lt;/head&amp;gt;lt;script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex11/domdrag/dom-drag.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;
Drag.init(document.getElementById("example"));&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di Atas Kode &lt;i&gt;&amp;lt;/head&amp;gt;&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy HTMLnya&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(255,255,0); padding: 5px;"&gt;
&amp;lt;img id="example" src="&lt;b style="color: red;"&gt;http://www.dynamicdrive.com/dynamicindex13/lips_small.gif&lt;/b&gt;" style="position: relative" /&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di Dalam Postingan Atau Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: red;"&gt;Ganti URL Yang Bewarna Merah Sesuai URL Gambar Yang Diinginkan! &lt;/span&gt;&lt;/b&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/11/cara-membuat-gambar-dapat-digeser-di.html</link><author>noreply@blogger.com (Uda Cucanto)</author><thr:total>14</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-4271097072306304834</guid><pubDate>Fri, 11 Nov 2011 09:41:00 +0000</pubDate><atom:updated>2011-11-11T16:44:06.648+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Dunia</category><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><category domain="http://www.blogger.com/atom/ns#">Web</category><title>Widget : Premium Widget From Donanza.com</title><description>&lt;style type="text/css"&gt;
a#mydonanza {
    background: url("http://s4.donanza.com/images/common.v7.png") no-repeat scroll -181px -134px transparent;
    color: white;
    cursor: pointer;
    display: block;
    height: 171px;
    margin-right: -3px;
    overflow: hidden;
    position: fixed;
    right: -39px;
    text-indent: -100000px;
    top: 90px;
    width: 39px;
    z-index: 100002;
}
a#mydonanza.notick {
    right: 0;
}
a#mydonanza.opened {
    background-position: -221px -134px;
}
a#mydonanza:hover, a#mydonanza.hover {
    margin-right: 0;
}
#mydonanzapop {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #333333;
    border-color: #999999 -moz-use-text-color #999999 #999999;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    display: none;
    height: 436px;
    position: fixed;
    right: -982px;
    top: 36px;
    width: 982px;
    z-index: 100001;
}
#mydonanzapop .manimg {
    background: url("http://s4.donanza.com/my/images/popup.v2.png") no-repeat scroll -53px 0 transparent;
    height: 445px;
    position: absolute;
    right: 30px;
    top: 10px;
    width: 529px;
}
#mydonanzapop {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}
#mydonanzapop .close {
    background: url("http://s4.donanza.com/my/images/popup.v2.png") no-repeat scroll 0 -488px transparent;
    display: inline-block;
    height: 22px;
    position: absolute;
    right: 5px;
    text-decoration: none;
    top: 15px;
    width: 31px;
}
#mydonanzapop .cont {
    padding: 25px 0 0 25px;
    width: 400px;
}
#mydonanzapop .header {
    background: url("http://s4.donanza.com/my/my/images/popup.v2.png") no-repeat scroll 0 -458px transparent;
    height: 27px;
    width: 584px;
}
#mydonanzapop .msg {
    color: white;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    height: 205px;
    line-height: 25px;
    padding-top: 20px;
    text-shadow: 0 1px #000000;
}
#mydonanzapop .myjoin {
    background: url("http://s4.donanza.com/my/my/images/popup.v2.png") no-repeat scroll 0 -512px transparent;
    display: inline-block;
    height: 78px;
    text-decoration: none;
    width: 314px;
}
#mydonanzapop .myjoin:hover {
    background-position: -315px -512px;
}
#mydonanzapop .why {
    color: #999999;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 25px;
    text-shadow: 0 1px #000000;
}
#mydonanzapop .why a {
    color: #99CC00;
    text-decoration: none;
}
#mydonanzapop .why a:hover {
    text-decoration: underline;
}
&lt;/style&gt;

&lt;script src="http://s5.donanza.com/js/common.faa7d1ec15baa1c11e6d8da74feb1dc4.js"&gt;
&lt;/script&gt;
&lt;a class="notick" href="#" id="mydonanza"&gt;&lt;/a&gt;

&lt;br /&gt;
&lt;div id="mydonanzapop" style="display: none; right: -982px;"&gt;
&lt;div class="manimg"&gt;
&lt;/div&gt;
&lt;a href="#" class="close"&gt;&amp;nbsp;&lt;/a&gt;
 &lt;br /&gt;
&lt;div class="cont"&gt;
&lt;div class="header"&gt;
&lt;/div&gt;
&lt;div class="msg"&gt;
Mari Bergabung Dengan TeDuWeb!&lt;br /&gt;
Komment Disini Ya!&lt;br /&gt;
Anda Dapat Berbagi Widget Disini!&lt;/div&gt;
&lt;a class="myjoin" href="http://www.blogger.com/my/register"&gt;&lt;/a&gt;
  &lt;br /&gt;
&lt;div class="why"&gt;
Yuk Gabung &lt;a href="http://tentangduniadanweb.blogspot.com/"&gt;Klik Disini!!&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
Dalam Rangka Memperkenalkan Widget Baru!&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnzqXWFDV0tC3Lf6vNTY7Tw5tddJWqrnkNGz016viQZoYGTZec6Ks9zhcl9hADYw_O53TgJkl9Kb-eAmF8FH2h2mUdt1Bb3wkO8D7gLPW_UrEUzxbMeDzRpBlJ00gIuWSqrzKwjj98ubBB/s1600/34-Widgets-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnzqXWFDV0tC3Lf6vNTY7Tw5tddJWqrnkNGz016viQZoYGTZec6Ks9zhcl9hADYw_O53TgJkl9Kb-eAmF8FH2h2mUdt1Bb3wkO8D7gLPW_UrEUzxbMeDzRpBlJ00gIuWSqrzKwjj98ubBB/s1600/34-Widgets-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Widgetnya Di Sebelah Kanan&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Klik Yuk!!&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;Coba Kalian Lihat Widget Di Sebelah Kanan →&lt;br /&gt;
&lt;br /&gt;
Bagus Kan?&lt;br /&gt;
&lt;br /&gt;
Mau Widget Seperti Di Samping?&lt;br /&gt;
&lt;br /&gt;
Gabung Dulu Dengan TeDuWeb&lt;br /&gt;
&lt;br /&gt;
Caranya Mudah Kok Tinggal Nunggu Komment Sampai 50 Baru Ane Kasih Tutorialnya!&lt;br /&gt;
&lt;br /&gt;
Jadi Anda Harus Promo.in Nih Posting!&lt;br /&gt;
&lt;br /&gt;
Ane Tunggu Ya!&lt;br /&gt;
&lt;br /&gt;
Jangan Nyesel Bacanya Namanya Juga Premium! :D&lt;br /&gt;
&lt;br /&gt;
&lt;b style="color: cyan;"&gt;&lt;a href="https://twitter.com/#%21/search?q=%23SabarMenanti"&gt;#SabarMenanti&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Link To Share : http://tentangduniadanweb.blogspot.com/2011/11/widget-premium-widget-from-donanzacom.html&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/11/widget-premium-widget-from-donanzacom.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnzqXWFDV0tC3Lf6vNTY7Tw5tddJWqrnkNGz016viQZoYGTZec6Ks9zhcl9hADYw_O53TgJkl9Kb-eAmF8FH2h2mUdt1Bb3wkO8D7gLPW_UrEUzxbMeDzRpBlJ00gIuWSqrzKwjj98ubBB/s72-c/34-Widgets-icon.png" width="72"/><thr:total>16</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-6926898025391408374</guid><pubDate>Wed, 09 Nov 2011 11:54:00 +0000</pubDate><atom:updated>2011-11-09T18:54:57.868+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Hemat Tempat Di Blog Dengan Widget Ala TeDuWeb</title><description>&lt;script type="text/javascript"&gt;
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
var dir = xf&gt;x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
&lt;/script&gt;
&lt;style type="text/css"&gt;
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:200px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUn8lv2IVn7YwLAOtkmBn9sg6gxgceC82XDZsAAOnTg9eBW2FefzQlFW14yO_A_A7qqO8lc8Z1dnZPXLjiCkOhqskw5OmGBSRvrtcDod30jdr6_ZzKeVzpLo9xXyB-Nx45TPwTPjtH_x4/s1600/sidebarrrr.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background:#F5F5F5;
padding:10px;
}
&lt;/style&gt;
&lt;br /&gt;
&lt;div id="gb" style="right: -1px;"&gt;
&lt;div class="gbtab" onclick="showHideGB()"&gt;
&lt;/div&gt;
&lt;div class="gbcontent"&gt;
&lt;div class="sidebar"&gt;
&lt;ul&gt;
&lt;a href="http://www.blogger.com/alamat%20fb%20kamu"&gt;&lt;img src="http://icons.iconarchive.com/icons/land-of-web/social-coffee/128/facebook-icon.png" /&gt;&lt;/a&gt;
&lt;a href="http://www.blogger.com/alamat%20fb%20kamu"&gt;&lt;img src="http://icons.iconarchive.com/icons/land-of-web/social-coffee/128/twitter-icon.png" /&gt;&lt;/a&gt;



   &lt;/ul&gt;
&lt;div style="text-align: right;"&gt;
&lt;a href="javascript:showHideGB()"&gt;Tutup Ya!!!&lt;br /&gt;

&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aF9QCNGT6ge4NGFZqExCa2CKkHMKFQJhK4MJCdsU2eF0kEV3k8OChNuRhIdhAQWlu4LI8y34wChuLkbeD2Ri3FioaWbTFf6vH7YJQ0gZqO94IGartZ7MWmhv1BnNuNpDZAu0hYym8jxL/s1600/Sketch-Book-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aF9QCNGT6ge4NGFZqExCa2CKkHMKFQJhK4MJCdsU2eF0kEV3k8OChNuRhIdhAQWlu4LI8y34wChuLkbeD2Ri3FioaWbTFf6vH7YJQ0gZqO94IGartZ7MWmhv1BnNuNpDZAu0hYym8jxL/s1600/Sketch-Book-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;widget saya&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Akhirnya Bisa Nyuri Widget Lagi&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Bagi Kalian Yang Mempunyai Template Blog Dengan Model Minimalis Mungkin Cara Ini Bisa Dilakukan!&lt;br /&gt;
&lt;br /&gt;
Contohnya Ada Disamping!&lt;br /&gt;
&lt;br /&gt;
Mau Membuatnya?&lt;br /&gt;
&lt;br /&gt;
Ikuti Langkah Dibawah&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy Javascript Di Bawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(255,0,0); padding: 5px;"&gt;
&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;
function showHideGB(){&lt;br /&gt;
var gb = document.getElementById("gb");&lt;br /&gt;
var w = gb.offsetWidth;&lt;br /&gt;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);&lt;br /&gt;
gb.opened = !gb.opened;&lt;br /&gt;
}&lt;br /&gt;
function moveGB(x0, xf){&lt;br /&gt;
var gb = document.getElementById("gb");&lt;br /&gt;
var dx = Math.abs(x0-xf) &amp;gt; 10 ? 5 : 1;&lt;br /&gt;
var dir = xf&amp;gt;x0 ? 1 : -1;&lt;br /&gt;
var x = x0 + dx * dir;&lt;br /&gt;
gb.style.right = x.toString() + "px";&lt;br /&gt;
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy CSSnya&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0,255,0); padding: 5px;"&gt;
&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;
#gb{&lt;br /&gt;
position:fixed;&lt;br /&gt;
top:50px;&lt;br /&gt;
z-index:+1000;&lt;br /&gt;
}&lt;br /&gt;
* html #gb{position:relative;}&lt;br /&gt;
&lt;br /&gt;
.gbtab{&lt;br /&gt;
height:200px;&lt;br /&gt;
width:30px;&lt;br /&gt;
float:left;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUn8lv2IVn7YwLAOtkmBn9sg6gxgceC82XDZsAAOnTg9eBW2FefzQlFW14yO_A_A7qqO8lc8Z1dnZPXLjiCkOhqskw5OmGBSRvrtcDod30jdr6_ZzKeVzpLo9xXyB-Nx45TPwTPjtH_x4/s1600/sidebarrrr.png') no-repeat;&lt;br /&gt;
}&lt;br /&gt;
.gbcontent{&lt;br /&gt;
float:left;&lt;br /&gt;
border:2px solid #000000;&lt;br /&gt;
background:#F5F5F5;&lt;br /&gt;
padding:10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah Terakhir&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy HTML Di Bawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0,100,255); padding: 5px;"&gt;
&amp;lt;div id="gb" style="right: -1px;"&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div onclick="showHideGB()" class="gbtab"&amp;gt; &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class="gbcontent"&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class="sidebar"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;a href='alamat fb kamu'&amp;gt;&amp;lt;img src='http://icons.iconarchive.com/icons/land-of-web/social-coffee/128/facebook-icon.png'&amp;gt;&amp;lt;/img&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;a href='alamat fb kamu'&amp;gt;&amp;lt;img src='http://icons.iconarchive.com/icons/land-of-web/social-coffee/128/twitter-icon.png'&amp;gt;&amp;lt;/img&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;div style="text-align:right"&amp;gt;&lt;br /&gt;
&amp;lt;a href="javascript:showHideGB()"&amp;gt;&lt;br /&gt;
[tutup]&lt;br /&gt;
&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai Deh!&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Sebagai Ucapan Terimakasih DiFollow/DiComment Juga Boleh! ☺☻♦♣•◘</description><link>http://tentangduniadanweb.blogspot.com/2011/11/hemat-tempat-di-blog-dengan-widget-ala.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aF9QCNGT6ge4NGFZqExCa2CKkHMKFQJhK4MJCdsU2eF0kEV3k8OChNuRhIdhAQWlu4LI8y34wChuLkbeD2Ri3FioaWbTFf6vH7YJQ0gZqO94IGartZ7MWmhv1BnNuNpDZAu0hYym8jxL/s72-c/Sketch-Book-icon.png" width="72"/><thr:total>13</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-3108885103864707898</guid><pubDate>Sun, 06 Nov 2011 11:46:00 +0000</pubDate><atom:updated>2011-11-06T18:47:24.441+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Dunia</category><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><category domain="http://www.blogger.com/atom/ns#">Web</category><title>Tipuan Mata Atau Mata Yang Tertipu</title><description>Ane Punya Tantangan Baru Lagi!!&lt;br /&gt;
&lt;br /&gt;
&lt;span id="goog_1208510950"&gt;&lt;/span&gt;&lt;span id="goog_1208510951"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWPxh78dBfy_RpZL480KYoBw39IzdkQb_0hsNWBxUkXicJUjeVV2Ts_opfTsI2sFjglwsWk_42JW0p8le-6_bazadF9BerI22uKi9dAPfY8x0Tz4JfWXBlZWB5MwvRaJX-dUIWdeC_n-Qp/s1600/Favorities-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWPxh78dBfy_RpZL480KYoBw39IzdkQb_0hsNWBxUkXicJUjeVV2Ts_opfTsI2sFjglwsWk_42JW0p8le-6_bazadF9BerI22uKi9dAPfY8x0Tz4JfWXBlZWB5MwvRaJX-dUIWdeC_n-Qp/s1600/Favorities-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;mata anda yang tertipu&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Hadiahnya Adalah Blog Ini! #GilaPadaNgilerSemua ☺☻&lt;br /&gt;
&lt;br /&gt;
Ikut Yuk!!&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;Tantangannya Ada Dibawah Ini!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;div style="background: none repeat scroll 0% 0% rgb(255, 254, 239); border: 1px solid red; padding: 2px;"&gt;
&lt;br /&gt;
&lt;div style="margin-bottom: 2px;"&gt;
&lt;input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: none repeat scroll 0% 0% rgb(50, 60, 71); border: 0px solid rgb(0, 0, 0); color: white; font-size: 10px; height: 20px; margin: 0px; width: 60px;" type="button" value="Tutup" /&gt; &lt;/div&gt;
&lt;br /&gt;
&lt;div style="border: 0px inset rgb(255, 255, 255); margin: 10px; padding: 0px;"&gt;
&lt;div&gt;
&lt;a href="http://tentangduniadanweb.blogspot.com/"&gt;&lt;img alt="Tipuan Mata" border="0" id="Blogger Photo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBkgqNC4T9bJFAfmSozKU5CpQF-rB8pXpm7FpnjB9iqrK6iA22eu0WR9-wt7ioLkAP7SAeQgXg_MviHa5j465AG2eNw-YwR0T0ZnMzNEhfQ-Mno2TrpXX-20uFd_wFd25cnLVuAVFgvCXv/s1600/384478_301154583246861_100000569651312_1167229_710776440_n.jpg" style="cursor: pointer; height: 282px; width: 300px;" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/center&gt;&lt;br /&gt;
&lt;br /&gt;
Coba Kalian Hitung!&lt;br /&gt;
&lt;br /&gt;
Siapa Yang&amp;nbsp; Benar Dapat Blog Ini!!&lt;br /&gt;
&lt;br /&gt;
Komment Ya! :D&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;a href="http://tentangduniadanweb.blogspot.com/2011/11/tipuan-mata-atau-mata-yang-tertipu.html"&gt;Tipuan Mata Atau Mata Yang Tertipu&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/11/tipuan-mata-atau-mata-yang-tertipu.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWPxh78dBfy_RpZL480KYoBw39IzdkQb_0hsNWBxUkXicJUjeVV2Ts_opfTsI2sFjglwsWk_42JW0p8le-6_bazadF9BerI22uKi9dAPfY8x0Tz4JfWXBlZWB5MwvRaJX-dUIWdeC_n-Qp/s72-c/Favorities-icon.png" width="72"/><thr:total>29</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-8673965062541903114</guid><pubDate>Sat, 05 Nov 2011 12:25:00 +0000</pubDate><atom:updated>2011-11-05T19:27:48.996+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Membuat Gambar Getar</title><description>&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;
&lt;script src="https://8235783694400174873-a-1802744773732722657-s-sites.googlegroups.com/site/sin1ajablog/javascript/gambargetarXtteme.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;amp;attredirects=0" type="text/javascript"&gt;
&lt;/script&gt;

&lt;style type="text/css"&gt;
#comments {
    margin-left: 20px;
    padding: 20px 110px 0 0;
}
#comments h4 {
    color: #D1245F;
    display: block;
    font-family: 'Raleway',Arial,Sans-serif;
    font-size: 250%;
    font-weight: bold;
    margin: 20px 0 10px;
    padding: 0;
}
#comments a:hover {
    text-decoration: underline;
}
#comments-block {
    background: none repeat scroll 0 0 #4C4343;
    border-bottom: 10px solid #3A3333;
    color: #999999;
    margin: 10px -20px;
}
#comments-block dt.comment-author {
    background: none repeat scroll 0 0 transparent;
    border-top: 10px solid #FFFFFF;
    font-size: 12px;
    margin: 0;
    padding: 10px 20px;
}
#comments-block dd.comment-body {
    color: #FFFFFF;
    margin: 0 0 15px;
    padding: 10px 20px 4px;
}

.gambargetar {
    position: relative;
}
&lt;/style&gt;

&lt;img class="gambargetar" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS92iADNojsrjq8w0wqvrxxcpBf0QduE08PtJUXCd5dJ3dK8hyphenhyphenSGlwDNY3ZgzLRFt3K3NxshxENOOunGUhmHUdHwSBsIjSdfMxKw_2s0Ry64m7ntC2FuNPm3DRduZaPMfLXhdlmu5ZcdAb/s1600/ayoindonesaiabisa.png" style="left: 0pt; top: 0pt;" /&gt;&lt;br /&gt;&lt;br /&gt;Akhirnya Dapat Online Juga!&lt;br /&gt;&lt;br /&gt;Sekarang Saya Akan Menepati Janji Saya!&lt;/b:if&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;Langsung Saja Ya!&lt;/b:if&gt;&lt;br /&gt;
&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;&lt;br /&gt;&lt;/b:if&gt;&lt;br /&gt;
&lt;b&gt;&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;Langkah 1&lt;/b:if&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;&lt;br /&gt;Copy Javascript Dibawah&lt;/b:if&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(255,0,0); padding: 5px;"&gt;
&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;&amp;lt;script src="https://8235783694400174873-a-1802744773732722657-s-sites.googlegroups.com/site/sin1ajablog/javascript/gambargetarXtteme.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;amp;amp;attredirects=0" type="text/javascript"&amp;gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/b:if&gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;&lt;br /&gt;&lt;/b:if&gt;&lt;br /&gt;
&lt;b&gt;&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;Langkah 2&lt;/b:if&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;&lt;br /&gt;&lt;/b:if&gt;&lt;br /&gt;
&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;Copy&amp;nbsp; CSS Di Bawah Ini&lt;/b:if&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;&lt;/b:if&gt;&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0,255,0); padding: 5px;"&gt;
.gambargetar {&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0,255,0); border: 5px; padding: 5px;"&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; position: relative;&lt;br /&gt;
}&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
Paste Di Atas Kode &lt;i&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 3&lt;/b&gt;&lt;i&gt;&lt;br /&gt;&amp;nbsp;&lt;/i&gt;&lt;br /&gt;
HTMLnya Di Bawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0,0,255); padding: 5px;"&gt;
&amp;lt;img style="left: 0pt; top: 0pt;" src="&lt;b&gt;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS92iADNojsrjq8w0wqvrxxcpBf0QduE08PtJUXCd5dJ3dK8hyphenhyphenSGlwDNY3ZgzLRFt3K3NxshxENOOunGUhmHUdHwSBsIjSdfMxKw_2s0Ry64m7ntC2FuNPm3DRduZaPMfLXhdlmu5ZcdAb/s1600/ayoindonesaiabisa.png&lt;/b&gt;" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar"&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Ganti URL Yang Bercetak Tebal Dengan URL Gambar Yang Anda Inginkan</description><link>http://tentangduniadanweb.blogspot.com/2011/11/membuat-gambar-getar.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS92iADNojsrjq8w0wqvrxxcpBf0QduE08PtJUXCd5dJ3dK8hyphenhyphenSGlwDNY3ZgzLRFt3K3NxshxENOOunGUhmHUdHwSBsIjSdfMxKw_2s0Ry64m7ntC2FuNPm3DRduZaPMfLXhdlmu5ZcdAb/s72-c/ayoindonesaiabisa.png" width="72"/><thr:total>7</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-3110547841092947851</guid><pubDate>Thu, 03 Nov 2011 12:09:00 +0000</pubDate><atom:updated>2011-11-03T19:14:08.373+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Gambar Getar</title><description>&lt;script src="https://8235783694400174873-a-1802744773732722657-s-sites.googlegroups.com/site/sin1ajablog/javascript/gambargetarXtteme.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;amp;attredirects=0" type="text/javascript"&gt;
&lt;/script&gt;
&lt;style text="text/css"&gt;
.gambargetar {
    position: relative;
}
&lt;/style&gt;

&lt;img class="gambargetar" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS92iADNojsrjq8w0wqvrxxcpBf0QduE08PtJUXCd5dJ3dK8hyphenhyphenSGlwDNY3ZgzLRFt3K3NxshxENOOunGUhmHUdHwSBsIjSdfMxKw_2s0Ry64m7ntC2FuNPm3DRduZaPMfLXhdlmu5ZcdAb/s1600/ayoindonesaiabisa.png" style="left: 0pt; top: 0pt;" /&gt;&lt;br /&gt;
&lt;br /&gt;
Habis Jalan" Nemu Widet Seperti Diatas!&lt;br /&gt;&lt;br /&gt;Mau Widget Gamabr Getar Seperti Diatas?&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: x-large;"&gt;MAAF YA!!&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: x-large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: x-large;"&gt;&lt;b&gt;KAPAN-KAPAN AJA!&lt;br /&gt;&lt;br /&gt;WAKTU DIWARNET SUDAH MENIPIS!&lt;/b&gt;&lt;/span&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/11/gambar-getar.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS92iADNojsrjq8w0wqvrxxcpBf0QduE08PtJUXCd5dJ3dK8hyphenhyphenSGlwDNY3ZgzLRFt3K3NxshxENOOunGUhmHUdHwSBsIjSdfMxKw_2s0Ry64m7ntC2FuNPm3DRduZaPMfLXhdlmu5ZcdAb/s72-c/ayoindonesaiabisa.png" width="72"/><thr:total>10</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-9080410163514608754</guid><pubDate>Tue, 01 Nov 2011 11:58:00 +0000</pubDate><atom:updated>2011-11-01T18:58:40.809+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Slide Out Menu Ala Dode</title><description>&lt;script src="http://marewainfo.googlecode.com/files/slidboxordinary.js" type="text/javascript"&gt;
&lt;/script&gt;

&lt;br /&gt;
&lt;div id="fbslidebox" style="-moz-border-radius: 15px 15px 15px 15px; background: url(&amp;quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibwFMvcB-D8o938edwWGzEPONhvdY_lITcBxYtct5GE6q2dOoY6N5ghmHoP30bokrISYkO1L8phnrT_DNXBdHhB-AKi98q5WWeuYWhLtNhSmEuYdEB_nHKpfXEwinAvEp8Y6PMdcGfFbzv/s0/bo-bg-html.gif&amp;quot;) repeat scroll 0% 0% transparent; border: 2px solid rgb(17, 17, 17); bottom: 20px; display: block; overflow: hidden; position: fixed; right: 10px; width: 342px;"&gt;
&lt;div style="margin: 0pt auto; overflow: hidden; padding: 10px; width: 320px;"&gt;
&lt;a href="http://www.blogger.com/post-create.g?blogID=4510731802858306596#" id="fbcloseslidebox" style="border: 1px solid rgb(204, 204, 204); color: #999999; float: right; font-family: Verdana,Geneva,sans-serif; font-size: 9px; padding: 0pt 3px; text-decoration: none;"&gt;Exit&lt;/a&gt;   
   
        &lt;strong style="color: #66ad3d;"&gt;Jangan Lupa Klik Like Ya&lt;/strong&gt;   

&lt;iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Tentang-Dunia-Dan-Web/212929988734715&amp;amp;width=300&amp;amp;colorscheme=dark&amp;amp;show_faces=false&amp;amp;stream=false&amp;amp;header=false&amp;amp;height=70" style="border: medium none; height: 70px; overflow: hidden; width: 300px;"&gt;&lt;/iframe&gt;
        &lt;/div&gt;
&lt;/div&gt;
Dapat Widget Baru Lagi Nih Dari Blognya Bang &lt;b&gt;&lt;a href="http://dodezone.blogspot.com/"&gt;Dode&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9hFQY2k9X4pOvulQbue9PbNm36RJGc8XBcPdng3t4AXmYwp_cvLD6AmsfmXWbDuF8H2CVaTquM6Zu1zeFPBbfeQ9IIUapyHTVowEBgo-JSCAPlDC52o73ZxIx51ZFmK6lw3GpiPM7MII/s1600/lion-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9hFQY2k9X4pOvulQbue9PbNm36RJGc8XBcPdng3t4AXmYwp_cvLD6AmsfmXWbDuF8H2CVaTquM6Zu1zeFPBbfeQ9IIUapyHTVowEBgo-JSCAPlDC52o73ZxIx51ZFmK6lw3GpiPM7MII/s1600/lion-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;sebagai syarat&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Coba Kalian Scroll Ke Bawah&lt;br /&gt;
&lt;br /&gt;
Pasti Ada Yang Muncul!&lt;br /&gt;
&lt;br /&gt;
Seperti Itulah Yang Saya Maksud&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Mau Membuatnya?&lt;br /&gt;
&lt;br /&gt;
Ikuti Langkah Dibawah Ya!&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Kode Ini Sangat Berpengaruh Jadi Harus Di Copy Dulu Ya!&lt;br /&gt;
&lt;div style="border: 3px solid rgb(255,0,0); border: 5px; padding: 5px;"&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(255, 2, 3); padding: 10px;"&gt;
&amp;lt;script src="http://marewainfo.googlecode.com/files/slidboxordinary.js" type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
Bisa Dipaste Di Atas Kode&amp;nbsp;&lt;i&gt;&amp;lt;/head&amp;gt; &lt;/i&gt;Atau Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy Struktur HTMLnya Di Bawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 2, 255); padding: 10px;"&gt;
&amp;lt;div id="fbslidebox" style="position: fixed; width: 342px; overflow: hidden; bottom: 20px; right: 10px; background: url(&amp;amp;quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibwFMvcB-D8o938edwWGzEPONhvdY_lITcBxYtct5GE6q2dOoY6N5ghmHoP30bokrISYkO1L8phnrT_DNXBdHhB-AKi98q5WWeuYWhLtNhSmEuYdEB_nHKpfXEwinAvEp8Y6PMdcGfFbzv/s0/bo-bg-html.gif&amp;amp;quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;"&amp;gt; &lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;"&amp;gt; &lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#"&amp;gt;Exit&amp;lt;/a&amp;gt; &lt;br /&gt;
&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;strong style="color: rgb(102, 173, 61);"&amp;gt;Jangan Lupa Klik Like Ya&amp;lt;/strong&amp;gt; &lt;br /&gt;
&lt;br /&gt;
&amp;lt;iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 300px; height: 70px;" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Tentang-Dunia-Dan-Web/212929988734715&amp;amp;width=300&amp;amp;colorscheme=dark&amp;amp;show_faces=false&amp;amp;stream=false&amp;amp;header=false&amp;amp;height=70"&amp;gt;&lt;br /&gt;
&amp;lt;/iframe&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Bisa Dipaste Di Atas Kode&amp;nbsp;&lt;i&gt;&amp;lt;/body&amp;gt;&lt;/i&gt; Atau Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;NOTICE :Ada Beberapa Kode Yang Harus Di Edit&lt;/b&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/11/slide-out-menu-ala-dode.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9hFQY2k9X4pOvulQbue9PbNm36RJGc8XBcPdng3t4AXmYwp_cvLD6AmsfmXWbDuF8H2CVaTquM6Zu1zeFPBbfeQ9IIUapyHTVowEBgo-JSCAPlDC52o73ZxIx51ZFmK6lw3GpiPM7MII/s72-c/lion-icon.png" width="72"/><thr:total>17</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-1975794524377874621</guid><pubDate>Mon, 31 Oct 2011 08:26:00 +0000</pubDate><atom:updated>2011-10-31T16:41:55.074+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Floating Menu Plus</title><description>&lt;itempage&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
 $(document).ready(function() {
 // hides the comments elements as soon as the DOM is ready
 $('#comments-block,.avatar-stock img').hide();

 // view the comments on clicking the noted link
 $('.readCom').click(function() {
 $('#comments-block').show('slow');
 return false;
 });

 // scroll body to 0px on click
 $('#back-top a').click(function () {
 $('body,html').animate({
 scrollTop: 0
 }, 800);
 return false;
 });
 });
&lt;/script&gt;

&lt;style type="text/css"&gt;
.kanan a img {
    border-left: medium none;
}
#kanan {
    height: 100%;
    margin: 12px auto;
    position: fixed;
    right: 0;
    top: 200px;
    width: 48px;
    z-index: 10;
}
#menu-kanan {
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: left;
    z-index: 10;
}
#menu-kanan ul {
    list-style: none outside none;
}
#menu-kanan ul li a {
    display: block;
    height: 40px;
    text-decoration: none;
    text-indent: -99999px;
    width: 35px;
}
#menu-kanan .slide-totop a {
    background-image: url("https://lh6.googleusercontent.com/-bVURgXrfcCE/TjV1pmQeZZI/AAAAAAAABXs/tUYTi2LLL-o/s800/home.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
}
#menu-kanan .slide-totop a:hover {
    background-image: url("https://lh4.googleusercontent.com/-4XaGijH7tL0/TjV1r-ijj6I/AAAAAAAABXw/QaI8SQc37v0/s800/home_hover.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
}
#menu-kanan .slide-mail a {
    background-image: url("https://lh6.googleusercontent.com/-DFMZhvaW3Ww/TjV1tFSYKZI/AAAAAAAABX0/WMtWG1LfDWg/s800/mail.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
}
#menu-kanan .slide-mail a:hover {
    background-image: url("https://lh4.googleusercontent.com/-tKVRIC1onBs/TjV1uRalFYI/AAAAAAAABX4/sv3ubRme1gk/s800/mail_hover.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
}
#menu-kanan .slide-print a {
    background-image: url("https://lh4.googleusercontent.com/-L_HtFGcMneE/TjV13_-X3KI/AAAAAAAABYE/YbA1v59tzrw/s800/print.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
}
#menu-kanan .slide-print a:hover {
    background-image: url("https://lh6.googleusercontent.com/-PzddvnqLGE4/TjV15BxcifI/AAAAAAAABYI/qOUb57VuzE0/s800/print_hover.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
}

#kanan .latar-kanan {
    background-attachment: fixed;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gyR5LM3MA2NSfYOF62TVb4pzGvBr_XPiK2aYCV6wZ00M65Gfm0MporDhEnFoykOJTN0xnVsuGWWZA7JWMRjmJn8HoN4CLjw398MJJ2y3bPMIukllkC8m4Fq4tuJqzSJPZhJaRjgmhkwF/s800/bg_dark2.jpg");
    border: 1px solid #3F3F3F;
    height: 180px;
    position: fixed;
    right: -64px;
    top: 200px;
    width: 64px;
    z-index: 1;
}
&lt;/style&gt;




&lt;/itempage&gt;&lt;br /&gt;
&lt;div id="kanan"&gt;
&lt;div id="menu-kanan"&gt;
&lt;ul&gt;
&lt;li class="slide-totop" id="back-top"&gt;&lt;a href="http://www.blogger.com/post-edit.g?blogID=4510731802858306596&amp;amp;postID=1975794524377874621#Ke-Atas" title="Kembali ke atas"&gt;asaaKe Atas&lt;/a&gt;&lt;/li&gt;
&lt;li class="slide-print"&gt;&lt;a title="Cetak artikel ini" onclick="javascript:print(); return false;" href="#"&gt;Print artikel ini&lt;/a&gt;&lt;/li&gt;
&lt;li class="slide-mail"&gt;&lt;a href="mailto:tentangduniadanweb@yahoo.co.id" title="Kirim email"&gt;Email&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;span class="latar-kanan" style="right: -64px;"&gt;&lt;/span&gt;
&lt;/div&gt;
Widget Baru Lagi Nih!!! &lt;s&gt;Fresh From The Oven&lt;/s&gt;&lt;br /&gt;
&lt;s&gt;&lt;br /&gt;&lt;/s&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNRRpOcwgtkABELXHxWfCRbRs1TLdvo_mM4dzlSXCJjyBRkl5a7lMrV5jlJ4cT3xPKmtn50dtjvHVGdTWseTR6ZHdvd4ULtQE9jgUES-vfP65WeiBX5l4-Xyy3fwaVitY4cRMjscH4cM5X/s1600/System-Taskbar-Start-Menu-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNRRpOcwgtkABELXHxWfCRbRs1TLdvo_mM4dzlSXCJjyBRkl5a7lMrV5jlJ4cT3xPKmtn50dtjvHVGdTWseTR6ZHdvd4ULtQE9jgUES-vfP65WeiBX5l4-Xyy3fwaVitY4cRMjscH4cM5X/s1600/System-Taskbar-Start-Menu-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;menu ++&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Contohnya Ada Disamping&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Mau Membuatnya? Ikuti Langkah Di Bawah&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy Javascript Dibawah&lt;br /&gt;
&lt;div style="border: 3px solid color:red; padding: 5px;"&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(1, 2, 3); padding: 5px;"&gt;
&amp;lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;
&amp;nbsp;$(document).ready(function() {&lt;br /&gt;
&amp;nbsp;// hides the comments elements as soon as the DOM is ready&lt;br /&gt;
&amp;nbsp;$('#comments-block,.avatar-stock img').hide();&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;// view the comments on clicking the noted link&lt;br /&gt;
&amp;nbsp;$('.readCom').click(function() {&lt;br /&gt;
&amp;nbsp;$('#comments-block').show('slow');&lt;br /&gt;
&amp;nbsp;return false;&lt;br /&gt;
&amp;nbsp;});&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;// scroll body to 0px on click&lt;br /&gt;
&amp;nbsp;$('#back-top a').click(function () {&lt;br /&gt;
&amp;nbsp;$('body,html').animate({&lt;br /&gt;
&amp;nbsp;scrollTop: 0&lt;br /&gt;
&amp;nbsp;}, 800);&lt;br /&gt;
&amp;nbsp;return false;&lt;br /&gt;
&amp;nbsp;});&lt;br /&gt;
&amp;nbsp;});&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy CSSnya&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(1, 2, 3); padding: 5px;"&gt;
&amp;lt;style type='text/css'&amp;gt;&lt;br /&gt;
.kanan a img {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-left: medium none;&lt;br /&gt;
}&lt;br /&gt;
#kanan {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;height: 100%;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;margin: 12px auto;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: fixed;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;right: 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: 200px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;width: 48px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;height: 100%;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;overflow: hidden;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: relative;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;text-align: left;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan ul {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;list-style: none outside none;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan ul li a {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: block;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;height: 40px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;text-decoration: none;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;text-indent: -99999px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;width: 35px;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan .slide-totop a {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-image: url("https://lh6.googleusercontent.com/-bVURgXrfcCE/TjV1pmQeZZI/AAAAAAAABXs/tUYTi2LLL-o/s800/home.png");&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-position: 0 50%;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan .slide-totop a:hover {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-image: url("https://lh4.googleusercontent.com/-4XaGijH7tL0/TjV1r-ijj6I/AAAAAAAABXw/QaI8SQc37v0/s800/home_hover.png");&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-position: 0 50%;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan .slide-mail a {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-image: url("https://lh6.googleusercontent.com/-DFMZhvaW3Ww/TjV1tFSYKZI/AAAAAAAABX0/WMtWG1LfDWg/s800/mail.png");&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-position: 0 50%;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan .slide-mail a:hover {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-image: url("https://lh4.googleusercontent.com/-tKVRIC1onBs/TjV1uRalFYI/AAAAAAAABX4/sv3ubRme1gk/s800/mail_hover.png");&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-position: 0 50%;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan .slide-print a {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-image: url("https://lh4.googleusercontent.com/-L_HtFGcMneE/TjV13_-X3KI/AAAAAAAABYE/YbA1v59tzrw/s800/print.png");&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-position: 0 50%;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
#menu-kanan .slide-print a:hover {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-image: url("https://lh6.googleusercontent.com/-PzddvnqLGE4/TjV15BxcifI/AAAAAAAABYI/qOUb57VuzE0/s800/print_hover.png");&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-position: 0 50%;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#kanan .latar-kanan {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-attachment: fixed;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gyR5LM3MA2NSfYOF62TVb4pzGvBr_XPiK2aYCV6wZ00M65Gfm0MporDhEnFoykOJTN0xnVsuGWWZA7JWMRjmJn8HoN4CLjw398MJJ2y3bPMIukllkC8m4Fq4tuJqzSJPZhJaRjgmhkwF/s800/bg_dark2.jpg");&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border: 1px solid #3F3F3F;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;height: 180px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: fixed;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;right: -64px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: 200px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;width: 64px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 3&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy HTMLnya&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(1, 2, 3); padding: 5px;"&gt;
&amp;lt;div id="kanan"&amp;gt;&lt;br /&gt;
&amp;lt;div id="menu-kanan"&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;li id="back-top" class="slide-totop"&amp;gt;&amp;lt;a title="Kembali ke atas" href="#Ke-Atas"&amp;gt;Ke Atas&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;li class="slide-print"&amp;gt;&amp;lt;a title="Cetak artikel ini" onclick="javascript:print(); return false;" href="#"&amp;gt;Print artikel ini&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li class="slide-mail"&amp;gt;&amp;lt;a title="Kirim email" href="mailto:tentangduniadanweb@yahoo.co.id"&amp;gt;Email&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;span class="latar-kanan" style="right: -64px;"&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Juga Di HTML/Javascript Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 4&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Komment Jika Suka! ☺&lt;br /&gt;
Follow Jika Benci! ☺</description><link>http://tentangduniadanweb.blogspot.com/2011/10/floating-menu-plus.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNRRpOcwgtkABELXHxWfCRbRs1TLdvo_mM4dzlSXCJjyBRkl5a7lMrV5jlJ4cT3xPKmtn50dtjvHVGdTWseTR6ZHdvd4ULtQE9jgUES-vfP65WeiBX5l4-Xyy3fwaVitY4cRMjscH4cM5X/s72-c/System-Taskbar-Start-Menu-icon.png" width="72"/><thr:total>8</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-1272496314641777710</guid><pubDate>Sat, 29 Oct 2011 11:12:00 +0000</pubDate><atom:updated>2011-10-29T18:42:13.258+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Ada Waktu Yang Mengikutinya</title><description>&lt;style type="text/css"&gt;
&lt;!--
/*Do not Alter these. Set for alignment*/
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:4px;height:4px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
//--&gt;
&lt;/style&gt;


&lt;script language="JavaScript"&gt;
&lt;!-- Mouse Follow Clock from Rainbow Arch --&gt;
&lt;!-- This script and many more from : --&gt;
&lt;!-- http://rainbow.arch.scriptmania.com --&gt;

&lt;!-- Mouse Follow Clock from www.rainbow.arch.scriptmania.com
//Hide from older browsers 
if (document.getElementById&amp;&amp;!document.layers){

// *** Clock colours
dCol='#00ff00';   //date colour.
fCol='#ffffff';   //face colour.
sCol='#ffffff';   //seconds colour.
mCol='#00ff00';   //minutes colour.
hCol='#00ff00';   //hours colour.

// *** Controls
del=0.6;  //Follow mouse speed.
ref=40;   //Run speed (timeout).

//  Alter nothing below!  Alignments will be lost!
var ieType=(typeof window.innerWidth != 'number');
var docComp=(document.compatMode);
var docMod=(docComp &amp;&amp; docComp.indexOf("CSS") != -1);
var ieRef=(ieType &amp;&amp; docMod)
?document.documentElement:document.body;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year &lt; 2000) year=year+1900; 
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
D=tmpdate.split("");
N='3 4 5 6 7 8 9 10 11 12 1 2';
N=N.split(" ");
F=N.length;
H='...';
H=H.split("");
M='....';
M=M.split("");
S='.....';
S=S.split("");
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array(); 
tmph=new Array();
tmpf=new Array(); 
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i &lt; sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}

algn=new Array();
for (i=0; i &lt; D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('&lt;div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'"&gt;'+D[i]+'&lt;\/div&gt;');
tmpd[i]=document.getElementById("_date"+i).style;
}
for (i=0; i &lt; F; i++){
document.write('&lt;div id="_face'+i+'" class="css2" style="color:'+fCol+'"&gt;'+N[i]+'&lt;\/div&gt;');
tmpf[i]=document.getElementById("_face"+i).style; 
}
for (i=0; i &lt; H.length; i++){
document.write('&lt;div id="_hours'+i+'" class="css1" style="color:'+hCol+'"&gt;'+H[i]+'&lt;\/div&gt;');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i &lt; M.length; i++){
document.write('&lt;div id="_minutes'+i+'" class="css1" style="color:'+mCol+'"&gt;'+M[i]+'&lt;\/div&gt;');
tmpm[i]=document.getElementById("_minutes"+i).style; 
}
for (i=0; i &lt; S.length; i++){
document.write('&lt;div id="_seconds'+i+'" class="css1" style="color:'+sCol+'"&gt;'+S[i]+'&lt;\/div&gt;');
tmps[i]=document.getElementById("_seconds"+i).style;         
}

function onoff(){
if (vis){ 
 vis=false;
 document.getElementById("control").value="Clock On";
 }
else{ 
 vis=true;
 document.getElementById("control").value="Clock Off";
 Delay();
 }
kill();
}

function kill(){
if (vis) 
 document.onmousemove=mouse;
else 
 document.onmousemove=null;
} 

function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;    
 if (typeof e.pageY == 'number'){
  mouseY = e.pageY + ofst - msy;
  mouseX = e.pageX + ofst;
 }
 else{
  mouseY = e.clientY + ofst - msy;
  mouseX = e.clientX + ofst;
 }
if (!vis) kill();
}
document.onmousemove=mouse;

function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight; 
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function("winDims()");

function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i=0; i &lt; S.length; i++){
 tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
 tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
 }
for (i=0; i &lt; M.length; i++){
 tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
 tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
 }
for (i=0; i &lt; H.length; i++){
 tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
 tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
 }
for (i=0; i &lt; F; i++){
 tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
 tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
 }
for (i=0; i &lt; D.length; i++){
 tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
 tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
 }
if (!vis)clearTimeout(tmr);
}

buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
 dy[0]=-100;
 dx[0]=-100;
}
else{
 zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
 zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i &lt; sum; i++){
 if (!vis){
  dy[i]=-100;
  dx[i]=-100;
 }
 else{
  zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
  zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
 }
if (dy[i-1] &gt;= winH-80) dy[i-1]=winH-80;
if (dx[i-1] &gt;= winW-buffW) dx[i-1]=winW-buffW;
}

tmr=setTimeout('Delay()',ref);
ClockAndAssign();
}
window.onload=Delay;
}
//--&gt;
&lt;/script&gt;


Mau Posting Lagi Nih! Terinspirasi Dari Blognya Bang &lt;a href="http://dode-xp.com/err0r-404.html"&gt;&lt;b&gt;Dode-XP&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilHaVaV9snsOqqlIwk2-U3aC5Z4o8Qtqpb9c0Kwgr2mP9ASWT3DSSKvR1tADqKYfoCuQuCaA_V6l2MwN2GBxThkkIumc9iZM6tm3T3eGjlTIHJuq2lXi2tvjeCHO_tcSwtNmRGxiPUeV8/s1600/time-to-get-up-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilHaVaV9snsOqqlIwk2-U3aC5Z4o8Qtqpb9c0Kwgr2mP9ASWT3DSSKvR1tADqKYfoCuQuCaA_V6l2MwN2GBxThkkIumc9iZM6tm3T3eGjlTIHJuq2lXi2tvjeCHO_tcSwtNmRGxiPUeV8/s1600/time-to-get-up-icon.png" /&gt;&lt;/a&gt;&lt;/div&gt;
Ada Jam Yang Mengikuti Kursor Mouse&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Contohnya : &lt;script type="text/javascript"&gt;
&lt;!-- Mouse Clock Button
//Hide from older browsers 
if (document.getElementById&amp;&amp;!document.layers){
document.write('&lt;input style="background-color:transparent"type="button" id="control" value="Matikan Waktunya" onClick="this.blur();onoff()"&gt;');
}
//--&gt;
&lt;/script&gt;

&lt;br /&gt;
&lt;br /&gt;
Bagus kan?&lt;br /&gt;
&lt;br /&gt;
Mau Membuatnya?&lt;br /&gt;
&lt;br /&gt;
Ikuti Langkahnya Ya!!&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy Kode CSS Dibawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
/*Do not Alter these. Set for alignment*/&lt;br /&gt;
.css1{&lt;br /&gt;
position:absolute;top:0px;left:0px;&lt;br /&gt;
width:16px;height:16px;&lt;br /&gt;
font-family:Arial,sans-serif;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
.css2{&lt;br /&gt;
position:absolute;top:0px;left:0px;&lt;br /&gt;
width:10px;height:10px;&lt;br /&gt;
font-family:Arial,sans-serif;&lt;br /&gt;
font-size:10px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
//--&amp;gt;&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy Javascript Di Bawah&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;script language="JavaScript"&amp;gt;&lt;br /&gt;
&amp;lt;!-- Mouse Follow Clock from Rainbow Arch --&amp;gt;&lt;br /&gt;
&amp;lt;!-- This script and many more from : --&amp;gt;&lt;br /&gt;
&amp;lt;!-- http://rainbow.arch.scriptmania.com --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Mouse Follow Clock from www.rainbow.arch.scriptmania.com&lt;br /&gt;
//Hide from older browsers&lt;br /&gt;
if (document.getElementById&amp;amp;&amp;amp;!document.layers){&lt;br /&gt;
&lt;br /&gt;
// *** Clock colours&lt;br /&gt;
dCol='#00ff00'; &amp;nbsp; //date colour.&lt;br /&gt;
fCol='#ffffff'; &amp;nbsp; //face colour.&lt;br /&gt;
sCol='#ffffff'; &amp;nbsp; //seconds colour.&lt;br /&gt;
mCol='#00ff00'; &amp;nbsp; //minutes colour.&lt;br /&gt;
hCol='#00ff00'; &amp;nbsp; //hours colour.&lt;br /&gt;
&lt;br /&gt;
// *** Controls&lt;br /&gt;
del=0.6; &amp;nbsp;//Follow mouse speed.&lt;br /&gt;
ref=40; &amp;nbsp; //Run speed (timeout).&lt;br /&gt;
&lt;br /&gt;
// &amp;nbsp;Alter nothing below! &amp;nbsp;Alignments will be lost!&lt;br /&gt;
var ieType=(typeof window.innerWidth != 'number');&lt;br /&gt;
var docComp=(document.compatMode);&lt;br /&gt;
var docMod=(docComp &amp;amp;&amp;amp; docComp.indexOf("CSS") != -1);&lt;br /&gt;
var ieRef=(ieType &amp;amp;&amp;amp; docMod)&lt;br /&gt;
?document.documentElement:document.body;&lt;br /&gt;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");&lt;br /&gt;
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");&lt;br /&gt;
date=new Date();&lt;br /&gt;
day=date.getDate();&lt;br /&gt;
year=date.getYear();&lt;br /&gt;
if (year &amp;lt; 2000) year=year+1900;&lt;br /&gt;
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;&lt;br /&gt;
D=tmpdate.split("");&lt;br /&gt;
N='3 4 5 6 7 8 9 10 11 12 1 2';&lt;br /&gt;
N=N.split(" ");&lt;br /&gt;
F=N.length;&lt;br /&gt;
H='...';&lt;br /&gt;
H=H.split("");&lt;br /&gt;
M='....';&lt;br /&gt;
M=M.split("");&lt;br /&gt;
S='.....';&lt;br /&gt;
S=S.split("");&lt;br /&gt;
siz=40;&lt;br /&gt;
eqf=360/F;&lt;br /&gt;
eqd=360/D.length;&lt;br /&gt;
han=siz/5.5;&lt;br /&gt;
ofy=-7;&lt;br /&gt;
ofx=-3;&lt;br /&gt;
ofst=70;&lt;br /&gt;
tmr=null;&lt;br /&gt;
vis=true;&lt;br /&gt;
mouseY=0;&lt;br /&gt;
mouseX=0;&lt;br /&gt;
dy=new Array();&lt;br /&gt;
dx=new Array();&lt;br /&gt;
zy=new Array();&lt;br /&gt;
zx=new Array();&lt;br /&gt;
tmps=new Array();&lt;br /&gt;
tmpm=new Array();&lt;br /&gt;
tmph=new Array();&lt;br /&gt;
tmpf=new Array();&lt;br /&gt;
tmpd=new Array();&lt;br /&gt;
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;&lt;br /&gt;
for (i=0; i &amp;lt; sum; i++){&lt;br /&gt;
dy[i]=0;&lt;br /&gt;
dx[i]=0;&lt;br /&gt;
zy[i]=0;&lt;br /&gt;
zx[i]=0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
algn=new Array();&lt;br /&gt;
for (i=0; i &amp;lt; D.length; i++){&lt;br /&gt;
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;&lt;br /&gt;
document.write('&amp;lt;div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'"&amp;gt;'+D[i]+'&amp;lt;/div&amp;gt;');&lt;br /&gt;
tmpd[i]=document.getElementById("_date"+i).style;&lt;br /&gt;
}&lt;br /&gt;
for (i=0; i &amp;lt; F; i++){&lt;br /&gt;
document.write('&amp;lt;div id="_face'+i+'" class="css2" style="color:'+fCol+'"&amp;gt;'+N[i]+'&amp;lt;/div&amp;gt;');&lt;br /&gt;
tmpf[i]=document.getElementById("_face"+i).style;&lt;br /&gt;
}&lt;br /&gt;
for (i=0; i &amp;lt; H.length; i++){&lt;br /&gt;
document.write('&amp;lt;div id="_hours'+i+'" class="css1" style="color:'+hCol+'"&amp;gt;'+H[i]+'&amp;lt;/div&amp;gt;');&lt;br /&gt;
tmph[i]=document.getElementById("_hours"+i).style;&lt;br /&gt;
}&lt;br /&gt;
for (i=0; i &amp;lt; M.length; i++){&lt;br /&gt;
document.write('&amp;lt;div id="_minutes'+i+'" class="css1" style="color:'+mCol+'"&amp;gt;'+M[i]+'&amp;lt;/div&amp;gt;');&lt;br /&gt;
tmpm[i]=document.getElementById("_minutes"+i).style;&lt;br /&gt;
}&lt;br /&gt;
for (i=0; i &amp;lt; S.length; i++){&lt;br /&gt;
document.write('&amp;lt;div id="_seconds'+i+'" class="css1" style="color:'+sCol+'"&amp;gt;'+S[i]+'&amp;lt;/div&amp;gt;');&lt;br /&gt;
tmps[i]=document.getElementById("_seconds"+i).style; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function onoff(){&lt;br /&gt;
if (vis){&lt;br /&gt;
&amp;nbsp;vis=false;&lt;br /&gt;
&amp;nbsp;document.getElementById("control").value="Clock On";&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
else{&lt;br /&gt;
&amp;nbsp;vis=true;&lt;br /&gt;
&amp;nbsp;document.getElementById("control").value="Clock Off";&lt;br /&gt;
&amp;nbsp;Delay();&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
kill();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function kill(){&lt;br /&gt;
if (vis)&lt;br /&gt;
&amp;nbsp;document.onmousemove=mouse;&lt;br /&gt;
else&lt;br /&gt;
&amp;nbsp;document.onmousemove=null;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function mouse(e){&lt;br /&gt;
var msy = (!ieType)?window.pageYOffset:0;&lt;br /&gt;
if (!e) e = window.event; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;if (typeof e.pageY == 'number'){&lt;br /&gt;
&amp;nbsp;&amp;nbsp;mouseY = e.pageY + ofst - msy;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;mouseX = e.pageX + ofst;&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
&amp;nbsp;else{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;mouseY = e.clientY + ofst - msy;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;mouseX = e.clientX + ofst;&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
if (!vis) kill();&lt;br /&gt;
}&lt;br /&gt;
document.onmousemove=mouse;&lt;br /&gt;
&lt;br /&gt;
function winDims(){&lt;br /&gt;
winH=(ieType)?ieRef.clientHeight:window.innerHeight;&lt;br /&gt;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;&lt;br /&gt;
}&lt;br /&gt;
winDims();&lt;br /&gt;
window.onresize=new Function("winDims()");&lt;br /&gt;
&lt;br /&gt;
function ClockAndAssign(){&lt;br /&gt;
time = new Date();&lt;br /&gt;
secs = time.getSeconds();&lt;br /&gt;
sec = Math.PI * (secs-15) / 30;&lt;br /&gt;
mins = time.getMinutes();&lt;br /&gt;
min = Math.PI * (mins-15) / 30;&lt;br /&gt;
hrs = time.getHours();&lt;br /&gt;
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;&lt;br /&gt;
&lt;br /&gt;
for (i=0; i &amp;lt; S.length; i++){&lt;br /&gt;
&amp;nbsp;tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";&lt;br /&gt;
&amp;nbsp;tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
for (i=0; i &amp;lt; M.length; i++){&lt;br /&gt;
&amp;nbsp;tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";&lt;br /&gt;
&amp;nbsp;tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
for (i=0; i &amp;lt; H.length; i++){&lt;br /&gt;
&amp;nbsp;tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";&lt;br /&gt;
&amp;nbsp;tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
for (i=0; i &amp;lt; F; i++){&lt;br /&gt;
&amp;nbsp;tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";&lt;br /&gt;
&amp;nbsp;tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
for (i=0; i &amp;lt; D.length; i++){&lt;br /&gt;
&amp;nbsp;tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";&lt;br /&gt;
&amp;nbsp;tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
if (!vis)clearTimeout(tmr);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
buffW=(ieType)?80:90;&lt;br /&gt;
function Delay(){&lt;br /&gt;
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;&lt;br /&gt;
if (!vis){&lt;br /&gt;
&amp;nbsp;dy[0]=-100;&lt;br /&gt;
&amp;nbsp;dx[0]=-100;&lt;br /&gt;
}&lt;br /&gt;
else{&lt;br /&gt;
&amp;nbsp;zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);&lt;br /&gt;
&amp;nbsp;zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);&lt;br /&gt;
}&lt;br /&gt;
for (i=1; i &amp;lt; sum; i++){&lt;br /&gt;
&amp;nbsp;if (!vis){&lt;br /&gt;
&amp;nbsp;&amp;nbsp;dy[i]=-100;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;dx[i]=-100;&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
&amp;nbsp;else{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);&lt;br /&gt;
&amp;nbsp;}&lt;br /&gt;
if (dy[i-1] &amp;gt;= winH-80) dy[i-1]=winH-80;&lt;br /&gt;
if (dx[i-1] &amp;gt;= winW-buffW) dx[i-1]=winW-buffW;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
tmr=setTimeout('Delay()',ref);&lt;br /&gt;
ClockAndAssign();&lt;br /&gt;
}&lt;br /&gt;
window.onload=Delay;&lt;br /&gt;
}&lt;br /&gt;
//--&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah Terakhir&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy HTMLnya Di Bawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&lt;br /&gt;
&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;
&amp;lt;!-- Mouse Clock Button&lt;br /&gt;
//Hide from older browsers&lt;br /&gt;
if (document.getElementById&amp;amp;&amp;amp;!document.layers){&lt;br /&gt;
document.write('&amp;lt;input type="button" id="control" value="Clock Off" onClick="this.blur();onoff()"&amp;gt;');&lt;br /&gt;
}&lt;br /&gt;
//--&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Juga Di HTML/Javascript Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai Deh!!&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/ada-waktu-yang-mengikutinnya.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilHaVaV9snsOqqlIwk2-U3aC5Z4o8Qtqpb9c0Kwgr2mP9ASWT3DSSKvR1tADqKYfoCuQuCaA_V6l2MwN2GBxThkkIumc9iZM6tm3T3eGjlTIHJuq2lXi2tvjeCHO_tcSwtNmRGxiPUeV8/s72-c/time-to-get-up-icon.png" width="72"/><thr:total>12</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-6556263853411803641</guid><pubDate>Fri, 28 Oct 2011 09:17:00 +0000</pubDate><atom:updated>2011-10-28T16:17:50.320+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Mouse Coordinat Ala TeDuWeb</title><description>&lt;form name="Show"&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;Saya Tahu Dimana Kordinat Mouse Anda&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh01VBaq0DeQkxiWvKdlqODRduDjVHbXC5lG06z1hViamJAWxbymQOo5pSly2Fi2fxnhOf4voEL-5_AHVjCUQFTMpIi6gWY-0dyyOO9fJyUFq_OSXTAqC-Sn9DcSZQzq3Z3phcUCJdXLR-v/s1600/mouse-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh01VBaq0DeQkxiWvKdlqODRduDjVHbXC5lG06z1hViamJAWxbymQOo5pSly2Fi2fxnhOf4voEL-5_AHVjCUQFTMpIi6gWY-0dyyOO9fJyUFq_OSXTAqC-Sn9DcSZQzq3Z3phcUCJdXLR-v/s1600/mouse-icon.png" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;dimana?&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;Mau Tau?&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;Dibawah Ini Adalah Kordinat Mouse Anda&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;X &lt;span class="Apple-style-span" style="font-size: small;"&gt;&lt;input name="MouseX" size="4" style="background-color: transparent;" type="text" value="0" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;Y &lt;span class="Apple-style-span" style="font-size: small;"&gt;&lt;input name="MouseY" size="4" style="background-color: transparent;" type="text" value="0" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;Unik Bukan?&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;Anda Saja Belum Mungkin Tau Kordinat Mouse Anda!&lt;br /&gt;&lt;br /&gt;Jadi Bagi Yang Mau Menaruhnya Di Blog Ikuti Langkah Dibawah&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;b&gt;Langkah 1&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;Copy Script Dibawah Dan Paste Di HTML/Javascript&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;form name="Show"&amp;gt;&lt;br /&gt;
X &amp;lt;input type="text" name="MouseX" value="0" size="4"&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
Y &amp;lt;input type="text" name="MouseY" value="0" size="4"&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;/form&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;a href='http://goo.gl/zMpnI'&amp;gt;Mouse Coordinat&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script language="JavaScript1.2"&amp;gt;&lt;br /&gt;
&amp;lt;!-- Original: &amp;nbsp;CodeLifter.com (support@codelifter.com) --&amp;gt;&lt;br /&gt;
&amp;lt;!-- Web Site: &amp;nbsp;http://www.codelifter.com --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- This script and many more are available free online at --&amp;gt;&lt;br /&gt;
&amp;lt;!-- The JavaScript Source!! http://javascript.internet.com --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Begin&lt;br /&gt;
var IE = document.all?true:false;&lt;br /&gt;
if (!IE) document.captureEvents(Event.MOUSEMOVE)&lt;br /&gt;
document.onmousemove = getMouseXY;&lt;br /&gt;
var tempX = 0;&lt;br /&gt;
var tempY = 0;&lt;br /&gt;
function getMouseXY(e) {&lt;br /&gt;
if (IE) { // grab the x-y pos.s if browser is IE&lt;br /&gt;
tempX = event.clientX + document.body.scrollLeft;&lt;br /&gt;
tempY = event.clientY + document.body.scrollTop;&lt;br /&gt;
}&lt;br /&gt;
else { &amp;nbsp;// grab the x-y pos.s if browser is NS&lt;br /&gt;
tempX = e.pageX;&lt;br /&gt;
tempY = e.pageY;&lt;br /&gt;
} &lt;br /&gt;
if (tempX &amp;lt; 0){tempX = 0;}&lt;br /&gt;
if (tempY &amp;lt; 0){tempY = 0;} &lt;br /&gt;
document.Show.MouseX.value = tempX;&lt;br /&gt;
document.Show.MouseY.value = tempY;&lt;br /&gt;
return true;&lt;br /&gt;
}&lt;br /&gt;
// &amp;nbsp;End --&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Selesai Dah! Mudah Bukan?&lt;br /&gt;&lt;br /&gt;Kalau Anda Merasa Ini Kurang Bermanfaat Mohon Di Follow Blog Ini&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;Kalau Anda Merasa Ini Bermanfaat Mohon Di Koment Artikelnya&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: inherit;"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;/form&gt;
&lt;script language="JavaScript1.2"&gt;
&lt;!-- Original:  CodeLifter.com (support@codelifter.com) --&gt;
&lt;!-- Web Site:  http://www.codelifter.com --&gt;

&lt;!-- This script and many more are available free online at --&gt;
&lt;!-- The JavaScript Source!! http://javascript.internet.com --&gt;

&lt;!-- Begin
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else {  // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}  
if (tempX &lt; 0){tempX = 0;}
if (tempY &lt; 0){tempY = 0;}  
document.Show.MouseX.value = tempX;
document.Show.MouseY.value = tempY;
return true;
}
//  End --&gt;
&lt;/script&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/mouse-coordinat-ala-teduweb.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh01VBaq0DeQkxiWvKdlqODRduDjVHbXC5lG06z1hViamJAWxbymQOo5pSly2Fi2fxnhOf4voEL-5_AHVjCUQFTMpIi6gWY-0dyyOO9fJyUFq_OSXTAqC-Sn9DcSZQzq3Z3phcUCJdXLR-v/s72-c/mouse-icon.png" width="72"/><thr:total>11</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-4507223384912309884</guid><pubDate>Thu, 27 Oct 2011 09:40:00 +0000</pubDate><atom:updated>2011-10-27T16:47:36.565+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Floating Time Ala TeduWeb</title><description>&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;
&lt;style type="text/css"&gt;
#floating-menu {
    background: url("https://yogyacarderlink.web.id/themes/theme/images/floating-menu.png") no-repeat scroll 0 0 transparent;
    bottom: 10px;
    color: #FFFFFF;
    height: 90px;
    left: 0;
    padding: 5px 0 0 2px;
    position: fixed;
    width: 191px;
    z-index: 150;
}
#floating-menu a {
    color: #FFFFFF;
}

#stickybar , #stickybar a , #closebtn .description{
display: none !important;
}
::selection {background-color:black;}

&lt;/style&gt;
&lt;/b:if&gt;





&lt;b:if cond="data:blog.pageType == &amp;quot;item&amp;quot;"&gt;
&lt;body onLoad="goforit()"&gt;
&lt;div id="floating-menu"&gt;
&lt;h4 style="margin: 0; padding: 0;"&gt;




&lt;u style="color: white;"&gt;Waktu&lt;/u&gt;
&lt;/h4&gt;
&lt;div style="margin: 0; padding: 0;"&gt;
&lt;script type="text/javascript"&gt;
/*
Live Date Script- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
visit http://www.dynamicdrive.com
*/


var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Augustus","September","Oktober","November","Desember")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year &lt; 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym&lt;10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="Pagi/Siang/Sore"
if (hours&gt;=12)
dn="Malam"
if (hours&gt;12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes&lt;=9)
minutes="0"+minutes
if (seconds&lt;=9)
seconds="0"+seconds
//change font size here
var cdate="&lt;small&gt;&lt;font color='000000' face='Arial'&gt;&lt;b&gt;"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"&lt;/b&gt;&lt;/font&gt;&lt;/small&gt;"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&amp;&amp;!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
&lt;/script&gt;
&lt;span id="clock"&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/b:if&gt;
Habis Ngedit Widget Nih!!&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZG48EkenaJctmNAM3qx0Qnispev5bFlytBTiRLQtXqe1tbCeB8xFAydrKTdqGtB1ftyeHbNEetPD-5rlLIsjLKA9Um2J_UxVgxci_m8BEW3qL25W8jbFCOrdtoN-ye7FcpMeZtghHmwC6/s1600/Time-Machine-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZG48EkenaJctmNAM3qx0Qnispev5bFlytBTiRLQtXqe1tbCeB8xFAydrKTdqGtB1ftyeHbNEetPD-5rlLIsjLKA9Um2J_UxVgxci_m8BEW3qL25W8jbFCOrdtoN-ye7FcpMeZtghHmwC6/s1600/Time-Machine-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;waktu&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Siapa Yang Mau? Klik Ya!&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Bagi Yang Mau Harap Bersabar Karena Tutorialnya Sangat Panjang Sedangkan Waktu Di Warnet Sudah Menipis&lt;br /&gt;
&lt;br /&gt;
Tolong Komment Dulu Ya!&lt;br /&gt;
&lt;br /&gt;
Besok Pasti Ane Buatin Tutorialnya!&lt;br /&gt;
&lt;br /&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/floating-time-ala-teduweb.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZG48EkenaJctmNAM3qx0Qnispev5bFlytBTiRLQtXqe1tbCeB8xFAydrKTdqGtB1ftyeHbNEetPD-5rlLIsjLKA9Um2J_UxVgxci_m8BEW3qL25W8jbFCOrdtoN-ye7FcpMeZtghHmwC6/s72-c/Time-Machine-icon.png" width="72"/><thr:total>10</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-1602526693795563044</guid><pubDate>Wed, 26 Oct 2011 09:40:00 +0000</pubDate><atom:updated>2011-10-26T16:41:26.196+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Dunia</category><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><category domain="http://www.blogger.com/atom/ns#">Web</category><title>I Love U</title><description>Blogger Juga Punya Sandaran Hati! ☺&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi78MTx78ExTsfPK6r1Aeir30Ez4TIVjO6SXhW3soLVi0EgncxuPOyBwjarQxccBnGHmgTMgQDlnwGAvpgN28mATB4q4EWa3Y84LSdIuseQSY43ISKoJKuyS4we0KDxadWyGpUVqBeTWNp3/s1600/Emblems-emblem-favorite-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi78MTx78ExTsfPK6r1Aeir30Ez4TIVjO6SXhW3soLVi0EgncxuPOyBwjarQxccBnGHmgTMgQDlnwGAvpgN28mATB4q4EWa3Y84LSdIuseQSY43ISKoJKuyS4we0KDxadWyGpUVqBeTWNp3/s1600/Emblems-emblem-favorite-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;hatiku&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div&gt;
Inilah Buktiku!&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;marquee&gt;I&lt;/marquee&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;marquee&gt;Love&lt;/marquee&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;marquee&gt;You&lt;/marquee&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Hanya Untuk Membuktikan Bahwa Saya Cinta Kepadamu! ☺&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Saya Merasa Bahagia Saat Dekat Denganmu! ☺&lt;/div&gt;

&lt;style type="text/css"&gt;
::selection
{
color:yellow;
}
::-moz-selection
{
color:yellow;
}
&lt;/style&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/i-love-u.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi78MTx78ExTsfPK6r1Aeir30Ez4TIVjO6SXhW3soLVi0EgncxuPOyBwjarQxccBnGHmgTMgQDlnwGAvpgN28mATB4q4EWa3Y84LSdIuseQSY43ISKoJKuyS4we0KDxadWyGpUVqBeTWNp3/s72-c/Emblems-emblem-favorite-icon.png" width="72"/><thr:total>3</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-1258233209076062583</guid><pubDate>Wed, 26 Oct 2011 09:02:00 +0000</pubDate><atom:updated>2011-10-26T16:05:23.037+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Dunia</category><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><category domain="http://www.blogger.com/atom/ns#">Web</category><title>Saya Perlu Tahu</title><description>Untuk Menepati Janji Saya, Bagi Pemenang Lomba Dari &lt;a href="http://tentangduniadanweb.blogspot.com/2011/10/silahkan-masuk-kalau-bisa.html"&gt;Tantangan&lt;/a&gt; Saya Yaitu Setya Dwi. Saya Akan Mempromosikan Blognya Di Blog Saya&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQiApAzB5dS4Je8nVgJNb8XlaMOGjAFtfMOVEufXLB46sqjjlNUyHPF7J8oq-9wALUO52U6j1EUKFIhVYyeR7yVQ8MRspOx5VWcQ98pdigypIoLs-FDZrsje50Rzdz5TkUnnoVqGixXh9/s1600/hand-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQiApAzB5dS4Je8nVgJNb8XlaMOGjAFtfMOVEufXLB46sqjjlNUyHPF7J8oq-9wALUO52U6j1EUKFIhVYyeR7yVQ8MRspOx5VWcQ98pdigypIoLs-FDZrsje50Rzdz5TkUnnoVqGixXh9/s1600/hand-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;janji saya&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;blockquote class="tr_bq"&gt;
Perlutahu.com merupakan sarana informasi media terlengkap dan terdepan dari berbagai sumber situs-situs yang ada. Mulai dari sumber yang paling terkenal hingga sumber yang belum pernah Anda kenal &lt;/blockquote&gt;
&lt;span class="Apple-style-span" style="border-collapse: collapse; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; line-height: 14px; white-space: pre-wrap;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
Berikut Tampilannya&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh13XsDRheAgG1QeLaH69IDqE7ePfqCYYocTIIfh0GX5XmfMXfqFQSHKJMrlFjc1ZRn6fcWQ9J31R_Bun-gaVxtoxr9sdlfNCqTX1R-9IKt_fTnvNb7eUJ6Cf7q4SVaaVjrIuBoTq2IYIBB/s1600/PerluTahu.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh13XsDRheAgG1QeLaH69IDqE7ePfqCYYocTIIfh0GX5XmfMXfqFQSHKJMrlFjc1ZRn6fcWQ9J31R_Bun-gaVxtoxr9sdlfNCqTX1R-9IKt_fTnvNb7eUJ6Cf7q4SVaaVjrIuBoTq2IYIBB/s320/PerluTahu.PNG" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;klik untuk memperbesar&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Blog Yang Sudah Berdomain .com Ini Didominasi Dengan Warna Biru.&lt;br /&gt;
&lt;br /&gt;
Dengan Wordpress Dengan Tampilan Yang Simple Tetapi Tidak Membosankan.&lt;br /&gt;
&lt;br /&gt;
Bagi Anda Yang Mencari Informasi Tidak Ada Salahnya Untuk Mencari Di PerluTahu.com&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;marquee&gt;Pergi Ke &lt;a href="http://perlutahu.com/"&gt;PerluTahu.com&lt;/a&gt;&lt;/marquee&gt;&lt;br /&gt;
&lt;br /&gt;
Tetapi&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;marquee&gt;Jangan Pergi Ke &lt;a href="http://tentangduniadanweb.blogspot.com/"&gt;PerluTempe.com&lt;/a&gt;&lt;/marquee&gt;&lt;br /&gt;
&lt;br /&gt;
Lanjut Terus NgeBlognya Ya!!</description><link>http://tentangduniadanweb.blogspot.com/2011/10/saya-perlu-tahu.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQiApAzB5dS4Je8nVgJNb8XlaMOGjAFtfMOVEufXLB46sqjjlNUyHPF7J8oq-9wALUO52U6j1EUKFIhVYyeR7yVQ8MRspOx5VWcQ98pdigypIoLs-FDZrsje50Rzdz5TkUnnoVqGixXh9/s72-c/hand-icon.png" width="72"/><thr:total>2</thr:total><enclosure length="-1" type="*/*;charset=utf-8" url="http://perlutahu.com/"/><itunes:explicit>no</itunes:explicit><itunes:subtitle>Untuk Menepati Janji Saya, Bagi Pemenang Lomba Dari Tantangan Saya Yaitu Setya Dwi. Saya Akan Mempromosikan Blognya Di Blog Saya janji saya Perlutahu.com merupakan sarana informasi media terlengkap dan terdepan dari berbagai sumber situs-situs yang ada. Mulai dari sumber yang paling terkenal hingga sumber yang belum pernah Anda kenal Berikut Tampilannya klik untuk memperbesar Blog Yang Sudah Berdomain .com Ini Didominasi Dengan Warna Biru. Dengan Wordpress Dengan Tampilan Yang Simple Tetapi Tidak Membosankan. Bagi Anda Yang Mencari Informasi Tidak Ada Salahnya Untuk Mencari Di PerluTahu.com Pergi Ke PerluTahu.com Tetapi Jangan Pergi Ke PerluTempe.com Lanjut Terus NgeBlognya Ya!!</itunes:subtitle><itunes:author>noreply@blogger.com (Uda Cucanto)</itunes:author><itunes:summary>Untuk Menepati Janji Saya, Bagi Pemenang Lomba Dari Tantangan Saya Yaitu Setya Dwi. Saya Akan Mempromosikan Blognya Di Blog Saya janji saya Perlutahu.com merupakan sarana informasi media terlengkap dan terdepan dari berbagai sumber situs-situs yang ada. Mulai dari sumber yang paling terkenal hingga sumber yang belum pernah Anda kenal Berikut Tampilannya klik untuk memperbesar Blog Yang Sudah Berdomain .com Ini Didominasi Dengan Warna Biru. Dengan Wordpress Dengan Tampilan Yang Simple Tetapi Tidak Membosankan. Bagi Anda Yang Mencari Informasi Tidak Ada Salahnya Untuk Mencari Di PerluTahu.com Pergi Ke PerluTahu.com Tetapi Jangan Pergi Ke PerluTempe.com Lanjut Terus NgeBlognya Ya!!</itunes:summary><itunes:keywords>Dunia, Tips Dan Trick Blogging, Web</itunes:keywords></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-7285331040293903868</guid><pubDate>Tue, 25 Oct 2011 11:40:00 +0000</pubDate><atom:updated>2011-10-25T18:45:07.871+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Widget Modifikasi</title><description>&lt;style type="text/css"&gt;
.site-tip, .site-balloon {
    -moz-border-radius: 10px 10px 10px 10px;
    border: 2px solid #000000;
    display: none;
    font: 14px/16px Arial,sans-serif;
    margin-top: 22px;
    position: relative;
}
.site-tip h3, .site-balloon h3, .site-tip p, .site-balloon p {
    display: inline;
}
.site-tip p a, .site-balloon p a {
    font-weight: bold;
}
.site-tip {
    background-color: rgba(255, 255, 255, 0.5);
    border-color: #C9DDF2;
    color: #666666;
    padding: 10px 45px 10px 15px;
}
.site-balloon {
    background-color: #3232FF;
    color: #333333;
    padding: 15px 45px 15px 15px;
}
.site-balloon h3, .site-balloon strong {
    font-weight: bold;
}
.site-balloon:before, .site-balloon:after {
    border-left: 18px solid #000000;
    border-top: 18px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.site-balloon:before {
    left: 34px;
    top: -18px;
}
.site-balloon:after {
    border-left-color: #3232FF;
    left: 36px;
    top: -13px;
}
.site-balloon p a {
    color: #C40000;
}
#site-notice {
    display: block;
}
.site-balloon .site-tip . {
    -moz-border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    height: 25px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 1em;
    text-indent: -1000em;
    top: 1em;
    width: 25px;
}
.site-balloon  .site-tip  {
    background-color: #C40000;
    background-position: -25px 0;
}
.site-balloon .site-tip  {
    bottom: 0;
    margin: auto;
    top: 0;
}
.site-balloon,  .site-tip {
    padding: 15px 15px 15px 45px;
}
&lt;/style&gt;

&lt;script language="javascript"&gt;
var newsText = new Array();
newsText[0] = "Widget Baru Dari TeDuWeb";
newsText[1] = "Hasil Modifikasi";
newsText[2] = "Silahkan Dicoba!";
var ttloop = 1;
var tspeed = 70;
var tdelay = 1000;
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews &lt;= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k&lt;=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "|_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews &amp;&amp; eline!=0 &amp;&amp; ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
&lt;/script&gt;

&lt;br /&gt;
&lt;div class="site-balloon" id="site-nonfx" style="display: block;"&gt;
&lt;form name="news"&gt;
&lt;div align="center"&gt;
&lt;textarea cols="55" name="news2" readonly="readonly" rows="1" style="background-color: #3232ff; border-color: #3232FF;" wrap="virtual"&gt;&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;br /&gt;
Setelah Posting Sebelumnya Yaitu &lt;a href="http://tentangduniadanweb.blogspot.com/2011/10/widget-dengan-css.html"&gt;&lt;b&gt;Widget Dengan CSS&lt;/b&gt;&lt;/a&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;Saya Ingin Membuktikan Bahwa Saya Dapat Membuat Widget Sendiri Walau Baru Tahap Modifikasi.&lt;br /&gt;
&lt;br /&gt;
Dan Hasilnya Adalah Widget Seperti Di Atas&lt;br /&gt;
&lt;br /&gt;
Apakah Anda Tertarik Dengan Widget Saya?&lt;br /&gt;
&lt;br /&gt;
Jika Tertarik Maka Anda Harus Ikuti Tutorial Di Bawah!&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;b&gt;Langkah 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Struktur CSSnya&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;
.site-tip, .site-balloon {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;-moz-border-radius: 10px 10px 10px 10px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border: 2px solid #000000;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: none;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;font: 14px/16px Arial,sans-serif;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;margin-top: 22px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: relative;&lt;br /&gt;
}&lt;br /&gt;
.site-tip h3, .site-balloon h3, .site-tip p, .site-balloon p {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: inline;&lt;br /&gt;
}&lt;br /&gt;
.site-tip p a, .site-balloon p a {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.site-tip {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-color: rgba(255, 255, 255, 0.5);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-color: #C9DDF2;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;color: #666666;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;padding: 10px 45px 10px 15px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-color: #3232FF;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;color: #333333;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;padding: 15px 45px 15px 15px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon h3, .site-balloon strong {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon:before, .site-balloon:after {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-left: 18px solid #000000;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-top: 18px solid transparent;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;content: "";&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: block;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;height: 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: absolute;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;width: 0;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon:before {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;left: 34px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: -18px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon:after {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-left-color: #3232FF;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;left: 36px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: -13px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon p a {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;color: #C40000;&lt;br /&gt;
}&lt;br /&gt;
#site-notice {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: block;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon .site-tip . {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;-moz-border-radius: 4px 4px 4px 4px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;cursor: pointer;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;height: 25px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;margin: 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;overflow: hidden;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: absolute;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;right: 1em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;text-indent: -1000em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: 1em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;width: 25px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon &amp;nbsp;.site-tip &amp;nbsp;{&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-color: #C40000;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-position: -25px 0;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon .site-tip &amp;nbsp;{&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;bottom: 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;margin: auto;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: 0;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon, &amp;nbsp;.site-tip {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;padding: 15px 15px 15px 45px;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 2&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
Javascript Ini Penting Untuk Membuat Efek Ketikan Teks Atau Apa Namanya&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;script language="javascript"&amp;gt;&lt;br /&gt;
var newsText = new Array();&lt;br /&gt;
newsText[0] = "&lt;span class="Apple-style-span" style="color: red;"&gt;Widget Baru Dari TeDuWeb&lt;/span&gt;";&lt;br /&gt;
newsText[1] = "&lt;span class="Apple-style-span" style="color: red;"&gt;Hasil Modifikasi&lt;/span&gt;";&lt;br /&gt;
newsText[2] = "&lt;span class="Apple-style-span" style="color: red;"&gt;Silahkan Dicoba!&lt;/span&gt;";&lt;br /&gt;
var ttloop = 1;&lt;br /&gt;
var tspeed = 70;&lt;br /&gt;
var tdelay = 1000;&lt;br /&gt;
var dwAText, cnews=0, eline=0, cchar=0, mxText;&lt;br /&gt;
function doNews() {&lt;br /&gt;
mxText = newsText.length - 1;&lt;br /&gt;
dwAText = newsText[cnews];&lt;br /&gt;
setTimeout("addChar()",1000)&lt;br /&gt;
}&lt;br /&gt;
function addNews() {&lt;br /&gt;
cnews += 1;&lt;br /&gt;
if (cnews &amp;lt;= mxText) {&lt;br /&gt;
dwAText = newsText[cnews];&lt;br /&gt;
if (dwAText.length != 0) {&lt;br /&gt;
document.news.news2.value = "";&lt;br /&gt;
eline = 0;&lt;br /&gt;
setTimeout("addChar()",tspeed)&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
function addChar() {&lt;br /&gt;
if (eline!=1) {&lt;br /&gt;
if (cchar != dwAText.length) {&lt;br /&gt;
nmttxt = ""; for (var k=0; k&amp;lt;=cchar;k++) nmttxt += dwAText.charAt(k);&lt;br /&gt;
document.news.news2.value = nmttxt;&lt;br /&gt;
cchar += 1;&lt;br /&gt;
if (cchar != dwAText.length) document.news.news2.value += "|_";&lt;br /&gt;
} else {&lt;br /&gt;
cchar = 0;&lt;br /&gt;
eline = 1;&lt;br /&gt;
}&lt;br /&gt;
if (mxText==cnews &amp;amp;&amp;amp; eline!=0 &amp;amp;&amp;amp; ttloop!=0) {&lt;br /&gt;
cnews = 0; setTimeout("addNews()",tdelay);&lt;br /&gt;
} else setTimeout("addChar()",tspeed);&lt;br /&gt;
} else {&lt;br /&gt;
setTimeout("addNews()",tdelay)&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
doNews()&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML.Javascript Yang Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 3&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Kalau Tidak Ada HTMLnya Pasti Tidak Akan Berfungsi Kan?&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;div class="site-balloon" id="site-nonfx" style="display: block;"&amp;gt;&lt;br /&gt;
&amp;lt;form name="news"&amp;gt;&lt;br /&gt;
&amp;lt;div align="center"&amp;gt;&lt;br /&gt;
&amp;lt;textarea cols="55" name="news2" readonly="readonly" rows="1" style="background-color: #3232ff; border-color: #3232FF;" wrap="virtual"&amp;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Juga Di HTML/Javascript Tadi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;Keterangan :&lt;br /&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Ganti Teks Yang Bewarna Merah Sesuai Dengan Teks Yang Ingin Ditampilkan&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;

&lt;meta content='Typing Text Blog Ballon' name='description'/&gt;
&lt;meta content='Typing Text Blog Ballon' name='keywords'/&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/widget-modifikasi.html</link><author>noreply@blogger.com (Uda Cucanto)</author><thr:total>21</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-1697727562799530030</guid><pubDate>Mon, 24 Oct 2011 11:47:00 +0000</pubDate><atom:updated>2011-10-24T18:50:51.538+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Widget Dengan CSS</title><description>&lt;style type="text/css"&gt;
.site-tip, .site-balloon {
    -moz-border-radius: 10px 10px 10px 10px;
    border: 2px solid #E3873B;
    display: none;
    font: 14px/16px Arial,sans-serif;
    margin-top: 22px;
    position: relative;
}
.site-tip h3, .site-balloon h3, .site-tip p, .site-balloon p {
    display: inline;
}
.site-tip p a, .site-balloon p a {
    font-weight: bold;
}
.site-tip {
    background-color: rgba(255, 255, 255, 0.5);
    border-color: #C9DDF2;
    color: #666666;
    padding: 10px 45px 10px 15px;
}
.site-balloon {
    background-color: #FCEFB7;
    color: #333333;
    padding: 15px 45px 15px 15px;
}
.site-balloon h3, .site-balloon strong {
    font-weight: bold;
}
.site-balloon:before, .site-balloon:after {
    border-left: 18px solid #E3873B;
    border-top: 18px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.site-balloon:before {
    left: 34px;
    top: -18px;
}
.site-balloon:after {
    border-left-color: #FCEFB7;
    left: 36px;
    top: -13px;
}
.site-balloon p a {
    color: #C40000;
}
#site-notice {
    display: block;
}
.site-balloon .site-tip . {
    -moz-border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    height: 25px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 1em;
    text-indent: -1000em;
    top: 1em;
    width: 25px;
}
.site-balloon  .site-tip  {
    background-color: #C40000;
    background-position: -25px 0;
}
.site-balloon .site-tip  {
    bottom: 0;
    margin: auto;
    top: 0;
}
.site-balloon,  .site-tip {
    padding: 15px 15px 15px 45px;
}
&lt;/style&gt;

&lt;br /&gt;
&lt;div class="site-balloon" id="site-nonfx" style="display: block;"&gt;
Dapatkah Anda Membuat Seperti Ini? Saya Tidak Dapat Membuatnya! Saya Hanya Mencurinya Dari &lt;a href="http://tentangduniadanweb.blogspot.com/"&gt;Firefox.com&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Dapatkah Anda Membuat Widget Seperti Di Atas?&lt;br /&gt;
&lt;br /&gt;
Apakah Anda Ingin Widget Seperti Di Atas?&lt;br /&gt;
&lt;br /&gt;
Jika Tidak Bisa &amp;amp; Ingin Membuatnya Mari Kita Ikuti Tutorial Di Bawah Ini !&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;b&gt;Langkah 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy CSS Dibawah&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
.site-tip, .site-balloon {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;-moz-border-radius: 10px 10px 10px 10px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border: 2px solid #E3873B;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: none;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;font: 14px/16px Arial,sans-serif;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;margin-top: 22px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: relative;&lt;br /&gt;
}&lt;br /&gt;
.site-tip h3, .site-balloon h3, .site-tip p, .site-balloon p {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: inline;&lt;br /&gt;
}&lt;br /&gt;
.site-tip p a, .site-balloon p a {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.site-tip {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-color: rgba(255, 255, 255, 0.5);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-color: #C9DDF2;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;color: #666666;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;padding: 10px 45px 10px 15px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-color: #FCEFB7;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;color: #333333;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;padding: 15px 45px 15px 15px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon h3, .site-balloon strong {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon:before, .site-balloon:after {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-left: 18px solid #E3873B;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-top: 18px solid transparent;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;content: "";&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: block;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;height: 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: absolute;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;width: 0;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon:before {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;left: 34px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: -18px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon:after {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;border-left-color: #FCEFB7;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;left: 36px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: -13px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon p a {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;color: #C40000;&lt;br /&gt;
}&lt;br /&gt;
#site-notice {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;display: block;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon .site-tip . {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;-moz-border-radius: 4px 4px 4px 4px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;cursor: pointer;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;height: 25px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;margin: 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;overflow: hidden;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;position: absolute;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;right: 1em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;text-indent: -1000em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: 1em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;width: 25px;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon &amp;nbsp;.site-tip &amp;nbsp;{&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-color: #C40000;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;background-position: -25px 0;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon .site-tip &amp;nbsp;{&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;bottom: 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;margin: auto;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;top: 0;&lt;br /&gt;
}&lt;br /&gt;
.site-balloon, &amp;nbsp;.site-tip {&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;padding: 15px 15px 15px 45px;&lt;br /&gt;
}&lt;/div&gt;
&lt;br /&gt;
Paste Di Atas Kode&amp;nbsp;&lt;i&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/i&gt;&lt;br /&gt;

&lt;b&gt;Langkah 2&lt;/b&gt;
&lt;br /&gt;
&lt;br /&gt;
Copy HTMLnya Di Bawah Ini&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;div class="site-balloon" id="site-nonfx" style="display: block;"&amp;gt;&lt;br /&gt;
Ganti Tulisan Ini Dengan Widget/Kode" Yang gak PEnting &amp;lt;a href="http://tentangduniadanweb.blogspot.com/"&amp;gt;Firefox.com&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai&lt;/b&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/widget-dengan-css.html</link><author>noreply@blogger.com (Uda Cucanto)</author><thr:total>30</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-6648332908471241143</guid><pubDate>Sun, 23 Oct 2011 07:20:00 +0000</pubDate><atom:updated>2011-10-23T15:34:43.270+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Silahkan Masuk Kalau Bisa</title><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
Halo, Aye Punya Tantangan Nih!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv0kkg7Oq_LdHtNa9YenBDxjgYEFqPg7YV4McoNwWcCzyjZaiI7rnS6ChpNNgdqe-_J7mIa1PqOmEaATT4vt8tN6y23jrD4AlmcicT__zJMnCj8QxugkTi3eFi9Tj3nJVUVrbiS9MLYiwy/s1600/sdf.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv0kkg7Oq_LdHtNa9YenBDxjgYEFqPg7YV4McoNwWcCzyjZaiI7rnS6ChpNNgdqe-_J7mIa1PqOmEaATT4vt8tN6y23jrD4AlmcicT__zJMnCj8QxugkTi3eFi9Tj3nJVUVrbiS9MLYiwy/s1600/sdf.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;masuk ke sini kalau bisa&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Coba Siapa Yang Bisa ?&lt;br /&gt;
&lt;div&gt;
&lt;a name='more'&gt;&lt;/a&gt;Tantangannya Ada Di Bawah Ini&lt;/div&gt;
&lt;script type="text/javascript"&gt;
function passWord() {
var testV = 1;
var pass1 = prompt('Apa Passwordnya?',' ');
while (testV &lt; 3) {
if (!pass1)
history.go(-1);
if (pass1.toLowerCase() == "cobaajasendiri") {
alert('Anda Pintar!');
window.open('http://tentangduniadanweb.blogspot.com/2011/10/kembali-ke-atas.html');
break;
}
testV+=1;
var pass1 =
prompt('Salah Password Tau!! Coba Password Yang Lain','Password');
}
if (pass1.toLowerCase()!="password" &amp; testV ==3)
history.go(-1);
return " ";
}
&lt;/script&gt;

&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;
&lt;form&gt;
&lt;input onclick="passWord()" type="button" value="Masuk Ke Sini Kalau Bisa" /&gt;
&lt;/form&gt;
&lt;/center&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;
Coba Agan-Aganwati Klik Tombol Di Atas, Agan Harus Masukan Sebuah Password.&lt;br /&gt;
&lt;br /&gt;
Cari Tahu Password Tersebut Sampe Ketemu Ya!!&lt;br /&gt;
&lt;br /&gt;
Setelah Ketemu Pasti Kalian Akan Menuju Halaman Tertentu&lt;br /&gt;
&lt;br /&gt;
Siapa Yang Tau Komment Ya!!!&lt;br /&gt;
&lt;br /&gt;
Ditunggu Lho!!&lt;/div&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/silahkan-masuk-kalau-bisa.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv0kkg7Oq_LdHtNa9YenBDxjgYEFqPg7YV4McoNwWcCzyjZaiI7rnS6ChpNNgdqe-_J7mIa1PqOmEaATT4vt8tN6y23jrD4AlmcicT__zJMnCj8QxugkTi3eFi9Tj3nJVUVrbiS9MLYiwy/s72-c/sdf.png" width="72"/><thr:total>47</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-6894334143489967133</guid><pubDate>Sat, 22 Oct 2011 12:23:00 +0000</pubDate><atom:updated>2011-10-22T19:23:41.409+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Kembali Ke Atas</title><description>Habis Oprak-Aprik Bloggermint.com Malah Dapat Kode Kembali Ke Atas&lt;br /&gt;
&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kxVURqh0VQ_bB1NJsRrRS39uDCKnR63UdYwuc8X6d4-idKp6biCSWXSZTXu0HF3QhB9X58i1C_yTGtuHsgQzYrVuGuZBwUNs69TtaeSWymMP7P5ShUOY8MVuwmrLkZT4uwWAnodHBBLZ/s1600/Actions-go-top-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kxVURqh0VQ_bB1NJsRrRS39uDCKnR63UdYwuc8X6d4-idKp6biCSWXSZTXu0HF3QhB9X58i1C_yTGtuHsgQzYrVuGuZBwUNs69TtaeSWymMP7P5ShUOY8MVuwmrLkZT4uwWAnodHBBLZ/s1600/Actions-go-top-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;back to top&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Demonya Bisa Di Lihat Di Bawah&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
 $(document).ready(function() {
 // hides the comments elements as soon as the DOM is ready
 $('#comments-block,.avatar-stock img').hide();

 // view the comments on clicking the noted link
 $('.readCom').click(function() {
 $('#comments-block').show('slow');
 return false;
 });

 // scroll body to 0px on click
 $('#back-top a').click(function () {
 $('body,html').animate({
 scrollTop: 0
 }, 800);
 return false;
 });
 });
 
&lt;/script&gt; 

&lt;span id="back-top"&gt; | &lt;a href="http://www.tentangduniadanweb.blogspot.com/#top-wrapper" id="back-top"&gt;Kembali Ke Atas &lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Klik Tombol Di Atas Maka Anda Akan &lt;span id="back-top"&gt; | &lt;a href="http://www.tentangduniadanweb.blogspot.com/#top-wrapper" id="back-top"&gt;Kembali Ke Atas &lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Siapa Yang Mau Membuatnya? Ikuti Langkah Di Bawah&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy Kode Javascript Dibawah&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;
&amp;nbsp;$(document).ready(function() {&lt;br /&gt;
&amp;nbsp;// hides the comments elements as soon as the DOM is ready&lt;br /&gt;
&amp;nbsp;$('#comments-block,.avatar-stock img').hide();&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;// view the comments on clicking the noted link&lt;br /&gt;
&amp;nbsp;$('.readCom').click(function() {&lt;br /&gt;
&amp;nbsp;$('#comments-block').show('slow');&lt;br /&gt;
&amp;nbsp;return false;&lt;br /&gt;
&amp;nbsp;});&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;// scroll body to 0px on click&lt;br /&gt;
&amp;nbsp;$('#back-top a').click(function () {&lt;br /&gt;
&amp;nbsp;$('body,html').animate({&lt;br /&gt;
&amp;nbsp;scrollTop: 0&lt;br /&gt;
&amp;nbsp;}, 800);&lt;br /&gt;
&amp;nbsp;return false;&lt;br /&gt;
&amp;nbsp;});&lt;br /&gt;
&amp;nbsp;});&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Langkah 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy HTMLnya&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;span id="back-top"&amp;gt; | &amp;lt;a href="http://tentangduniadanweb.blogspot.com/#top-wrapper" id="back-top"&amp;gt;Kembali Ke Atas |&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Selesai&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;br /&gt;
Ada Yang Terlewat?&amp;nbsp;&lt;span id="back-top"&gt; | &lt;a href="http://tentangduniadanweb.blogspot.com/#top-wrapper" id="back-top"&gt;Ke Atas Lagi Yuk!&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="back-top"&gt; | &lt;a href="http://tentangduniadanweb.blogspot.com/#top-wrapper" id="back-top"&gt;Sekali Lagi! :D&lt;/a&gt;&lt;/span&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/kembali-ke-atas.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kxVURqh0VQ_bB1NJsRrRS39uDCKnR63UdYwuc8X6d4-idKp6biCSWXSZTXu0HF3QhB9X58i1C_yTGtuHsgQzYrVuGuZBwUNs69TtaeSWymMP7P5ShUOY8MVuwmrLkZT4uwWAnodHBBLZ/s72-c/Actions-go-top-icon.png" width="72"/><thr:total>12</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-71332347083490013</guid><pubDate>Fri, 21 Oct 2011 11:24:00 +0000</pubDate><atom:updated>2011-10-21T18:24:31.857+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Widget Login Yang Kagak Penting</title><description>Habis Uprak-Aprik &lt;b&gt;Blogger.com&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGuOYGXnqpXfECQV25jouE7ttAJxlHkziV9NHNtQseSJRgJ8YjcH9frtuN5Kc-etmgJQ9uuNF6e5NeO6ohbVfcG7R9TdNg_3hW8qe9nrEttBSt3X10wDcx-kTGczLTBquhjCIBYIYhNjf4/s1600/Blogger-Login.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGuOYGXnqpXfECQV25jouE7ttAJxlHkziV9NHNtQseSJRgJ8YjcH9frtuN5Kc-etmgJQ9uuNF6e5NeO6ohbVfcG7R9TdNg_3hW8qe9nrEttBSt3X10wDcx-kTGczLTBquhjCIBYIYhNjf4/s320/Blogger-Login.PNG" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;dapat widget seperti di atas&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Dapat Widget Login Seperti Gambar Di Atas&lt;/div&gt;
&lt;div&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Siapa Yang Mau?&lt;br /&gt;
&lt;br /&gt;
Ini Contohnya&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;style type="text/css"&gt;
.sign-in {
    float: right;
    width: 335px;
}
.signin-box {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E5E5E5;
    margin: 12px 0 0;
    padding: 20px 25px 15px;
}
.signin-box h2 {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin: 0 0 1.2em;
    position: relative;
}
.signin-box h2 strong {
    background: url("//ssl.gstatic.com/accounts/ui/google-signin-flat.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 19px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 52px;
}
.signin-box label {
    display: block;
    margin: 0 0 1.5em;
}
.signin-box input[type="text"], .signin-box input[type="password"] {
    font-size: 15px;
    height: 32px;
    width: 100%;
}
.signin-box .email-label, .signin-box .passwd-label {
    -moz-user-select: none;
    display: block;
    font-weight: bold;
    margin: 0 0 0.5em;
}
.signin-box .reauth {
    display: inline-block;
    font-size: 15px;
    height: 29px;
    line-height: 29px;
    margin: 0;
}
.signin-box label.remember {
    display: inline-block;
    margin: 9px 0 0;
    vertical-align: top;
}
.signin-box .remember-label {
    -moz-user-select: none;
    color: #666666;
    font-weight: normal;
    line-height: 0;
    padding: 0 0 0 0.4em;
}
.signin-box input[type="submit"] {
    font-size: 13px;
    height: 32px;
    margin: 0 1.5em 1.2em 0;
}
.signin-box ul {
    margin: 0;
}
.signin-box .training-msg {
    background: none repeat scroll 0 0 #F9EDBE;
    padding: 0.5em 8px;
}
.signin-box .training-msg p {
    margin: 0 0 0.5em;
}

.g-button {
  min-width: 70px;
  }
  button.g-button,
  input[type=submit].g-button {
  height: 29px;
  line-height: 29px;
  vertical-align: bottom;
  margin: 0;
  }
  *+html button.g-button,
  *+html input[type=submit].g-button {
  overflow: visible;
  }
  .g-button:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -ms-transition: all 0.0s;
  -o-transition: all 0.0s;
  transition: all 0.0s;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  }
  .g-button:active {
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  }
  
  .g-button-submit {
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  }
  .g-button-submit:hover {
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
  }
  .g-button-submit:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  
  .g-button-submit:visited {
  color: #fff;
  }
  .g-button-submit:focus,
  
  .g-button-submit:focus:hover,
  
&lt;/style&gt;









&lt;br /&gt;
&lt;div class="signin-box"&gt;
&lt;h2&gt;



Sign in &lt;strong&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;form action="https://accounts.google.com/ServiceLoginAuth" id="gaia_loginform" method="post"&gt;
&lt;input id="continue" name="continue" type="hidden" value="http://www.blogger.com/home" /&gt;
  &lt;input id="followup" name="followup" type="hidden" value="http://www.blogger.com/home" /&gt;
  &lt;input id="service" name="service" type="hidden" value="blogger" /&gt;
  &lt;input id="dsh" name="dsh" type="hidden" value="7681682181152397727" /&gt;
  &lt;input id="ltmpl" name="ltmpl" type="hidden" value="start" /&gt;
  &lt;input id="ltmpl" name="ltmpl" type="hidden" value="start" /&gt;
  &lt;input name="GALX" type="hidden" value="FvIg7ftW7MM" /&gt;
  &lt;input id="pstMsg" name="pstMsg" type="hidden" value="1" /&gt;
  &lt;input id="dnConn" name="dnConn" type="hidden" value="https://accounts.youtube.com" /&gt;
&lt;input id="timeStmp" name="timeStmp" type="hidden" value="" /&gt;
&lt;input id="secTok" name="secTok" type="hidden" value="" /&gt;
&lt;label&gt;
  &lt;strong class="email-label"&gt;Email&lt;/strong&gt;
  &lt;input id="Email" name="Email" type="text" value="" /&gt;
&lt;/label&gt;
&lt;label&gt;
  &lt;strong class="passwd-label"&gt;Password&lt;/strong&gt;
  &lt;input id="Passwd" name="Passwd" type="password" /&gt;
&lt;/label&gt;
  &lt;input class="g-button g-button-submit" id="signIn" name="signIn" type="submit" value="Sign in" /&gt;
  &lt;label class="remember"&gt;
  &lt;input checked="checked" id="PersistentCookie" name="PersistentCookie" type="checkbox" value="yes" /&gt;
  &lt;strong class="remember-label"&gt;
  Stay signed in
  &lt;/strong&gt;
  &lt;/label&gt;
  &lt;input name="rmShown" type="hidden" value="1" /&gt;
  &lt;/form&gt;
&lt;ul&gt;
&lt;li&gt;
  &lt;a href="https://www.blogger.com/forgot.g" id="link-forgot-passwd" target="_top"&gt;
  Can't access your account?
  &lt;/a&gt;
  &lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;br /&gt;
Bagus Kan?&lt;br /&gt;
Tapi Mungkin Widget Diatas Agak Nggak Penting, Jadi Saya Tidak Akan Memberikan Tutorialnya!&lt;br /&gt;
&lt;br /&gt;
Bagi Yang Mau Dapat Menghubungi Saya Lewat &lt;s&gt;Telepati&lt;/s&gt;&amp;nbsp;FB&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.facebook.com/udacucantosiscriptkiddiespenggemarwikileaks"&gt;&lt;img src="http://www.freeiconsweb.com/Icons-show/modern_web_social_icons/facebook.png" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/widget-login-yang-kagak-penting.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGuOYGXnqpXfECQV25jouE7ttAJxlHkziV9NHNtQseSJRgJ8YjcH9frtuN5Kc-etmgJQ9uuNF6e5NeO6ohbVfcG7R9TdNg_3hW8qe9nrEttBSt3X10wDcx-kTGczLTBquhjCIBYIYhNjf4/s72-c/Blogger-Login.PNG" width="72"/><thr:total>12</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-3058074015535184630</guid><pubDate>Fri, 21 Oct 2011 11:07:00 +0000</pubDate><atom:updated>2011-10-21T18:07:37.679+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Request Widget</title><description>Siapa Yang Mau Request Widget?&lt;br /&gt;Baca Artikel Dibawah Ya!!&lt;br /&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0QBWDekgOcqccstweekG4CFHtVXCCGEbeQYIyAOmiRYZ5qwOQacXZSyuBt2AYXOvNuZ0L5VzYn3EN4QE-llkAN7Vrh-AyKmMf6-XgrwOrakMNDqEbBR1tNfoK-CCOFzCG1T0UuXr68LE/s1600/Laugh-icon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0QBWDekgOcqccstweekG4CFHtVXCCGEbeQYIyAOmiRYZ5qwOQacXZSyuBt2AYXOvNuZ0L5VzYn3EN4QE-llkAN7Vrh-AyKmMf6-XgrwOrakMNDqEbBR1tNfoK-CCOFzCG1T0UuXr68LE/s1600/Laugh-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;request yuk!!&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;&lt;div&gt;
Yuk Baca!&lt;/div&gt;
&lt;div&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Mau Widget Dari Blog/Web Lain? Mau Mendapatkannya? Caranya Gampang! Tinggal Komment Di Bawah Ini Dengan Format&lt;br /&gt;&lt;br /&gt;Nama :&lt;br /&gt;URL Blog / Website Yang Mau Dicuri :&lt;br /&gt;Letak Widget / Kriteria Widget Yang Mau Dicuri :&lt;br /&gt;&lt;br /&gt;Mudah Bukan?&lt;br /&gt;&lt;br /&gt;Widget Yang Ingin Kalian Inginkan Pasti Akan Saya Curikan &amp;amp; Dan Tetap Up-To-Date Untuk Mendapatkan Widget Kalian Itu Karena Akan Saya Posting!&lt;/div&gt;</description><link>http://tentangduniadanweb.blogspot.com/2011/10/request-widget.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0QBWDekgOcqccstweekG4CFHtVXCCGEbeQYIyAOmiRYZ5qwOQacXZSyuBt2AYXOvNuZ0L5VzYn3EN4QE-llkAN7Vrh-AyKmMf6-XgrwOrakMNDqEbBR1tNfoK-CCOFzCG1T0UuXr68LE/s72-c/Laugh-icon.png" width="72"/><thr:total>4</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4510731802858306596.post-5419801678480108529</guid><pubDate>Thu, 20 Oct 2011 09:31:00 +0000</pubDate><atom:updated>2011-10-20T16:34:31.597+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tips Dan Trick Blogging</category><title>Membuat Hati Berjatuhan Di Blog</title><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu0gJViqt0nNUco_UGcuUsF6zxxDIeVRNghAhCVywuBHwVx61jgtiTQ6GwqYQ-bLi4W2mzzCedrq0Pb8TBlKbgmthLeytvgDEkT9PBdKmEI4IUQyliaCAx28STMI6vG0wEadz6MEzwwzsb/s1600/heart-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu0gJViqt0nNUco_UGcuUsF6zxxDIeVRNghAhCVywuBHwVx61jgtiTQ6GwqYQ-bLi4W2mzzCedrq0Pb8TBlKbgmthLeytvgDEkT9PBdKmEI4IUQyliaCAx28STMI6vG0wEadz6MEzwwzsb/s1600/heart-icon.png" /&gt;&lt;/a&gt;&lt;/div&gt;
Hati Jatuh Di Blog&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;b&gt;Deskripsi&lt;/b&gt; : Membuat Hati Jatuh Di Blog&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Demo&lt;/b&gt; : Di Belakangmu&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Membuatnya&lt;/b&gt; :&lt;br /&gt;
&lt;br /&gt;
Copy Script Di Bawah&lt;script src="http://www.bloggermint.com/files/heart1.js" type="text/javascript"&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="border: 3px solid rgb(0, 0, 0); padding: 5px;"&gt;
&amp;lt;script src="http://www.bloggermint.com/files/heart1.js" type="text/javascript"&amp;gt;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;br /&gt;
Paste Di HTML/Javascript&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Selesai&lt;/b&gt;&lt;br /&gt;
Harap Tinggalkan &lt;strike&gt;Uang&lt;/strike&gt; Komment</description><link>http://tentangduniadanweb.blogspot.com/2011/10/membuat-bintang-berjatuhan-di-blog.html</link><author>noreply@blogger.com (Uda Cucanto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu0gJViqt0nNUco_UGcuUsF6zxxDIeVRNghAhCVywuBHwVx61jgtiTQ6GwqYQ-bLi4W2mzzCedrq0Pb8TBlKbgmthLeytvgDEkT9PBdKmEI4IUQyliaCAx28STMI6vG0wEadz6MEzwwzsb/s72-c/heart-icon.png" width="72"/><thr:total>2</thr:total></item></channel></rss>