archive Month October 2010 ~ aidydiddy blog

Script artikel copypaste source sumber credit blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCHJlQWw21NvXBnOsNLaPOlIfE_H3gGO3grCCm2FG0plGH9j4yvXQCjiaR2gH0uBk6GjPXYeWKTERD77D6u90RPAG_r1JChJ1iU_uwe2t6g0Nb3j37Zza0vzBTgv_7XJAaOufACWIR2qg/s1600/Script+artikel+copypaste+source+sumber+credit+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCHJlQWw21NvXBnOsNLaPOlIfE_H3gGO3grCCm2FG0plGH9j4yvXQCjiaR2gH0uBk6GjPXYeWKTERD77D6u90RPAG_r1JChJ1iU_uwe2t6g0Nb3j37Zza0vzBTgv_7XJAaOufACWIR2qg/s1600/Script+artikel+copypaste+source+sumber+credit+blog.png" width="400" /></a></div>
<br />
<span style="font-family: inherit; font-size: small;"><span lang="EN" style="line-height: 115%;">Tutorial ini adalah
mengenai cara memasang script copypaste blog mesra pengguna. Seperti yang dapat
dilihat dalam gambar dibawah, ada tertulis dari mana / sumber sesuatu perkataan
ataupun ayat itu di ambil contohnya;</span></span><br />
<span style="font-family: inherit;"><span lang="EN" style="font-size: 11pt; line-height: 115%;"><br /></span></span>
<span style="font-family: inherit; font-size: small;"><span lang="EN" style="line-height: 115%;"><span style="line-height: 115%;">Credit → <a href="http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html"><span style="color: blue;">http://aidydiddy.blogspot.com/2010/10/script-artikel-copypaste-source-sumber.html</span></a></span></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiofBArVtbUi0Dh3JAFR-tguWbDaZDpk_LNoQ92Unql16-JXbob3SDQQYUvj8rgt0z_B8P8E_2-agXXGMQo4ey2LLV4-xzMJ3EXKuhZN8B7ALdE6pt8AeUnCCUdB3gmyRlF0F5WKa33w-s/s1600/Script+artikel+copypaste+source+credit+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiofBArVtbUi0Dh3JAFR-tguWbDaZDpk_LNoQ92Unql16-JXbob3SDQQYUvj8rgt0z_B8P8E_2-agXXGMQo4ey2LLV4-xzMJ3EXKuhZN8B7ALdE6pt8AeUnCCUdB3gmyRlF0F5WKa33w-s/s1600/Script+artikel+copypaste+source+credit+blog.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><span lang="EN" style="font-size: 11pt; line-height: 115%;"><span style="font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";"><span style="color: blue;"><span style="font-size: small;"><span style="color: black;">Apabila mana-mana perkataan / ayat didalam blog kita dicopy, akan bersertakan juga dengan link sumber ia diambil. Agar lebih difahami, cuba copy dan paste ayat-ayat diblog ini. Ok, sudah faham? Jadi jom teruskan step cara pemasangannya.</span></span> </span></span></span></span><br />
<span style="font-family: inherit;"><span lang="EN" style="font-size: 11pt; line-height: 115%;"><span style="font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";"><span style="color: blue;"> </span></span> </span></span><br />
Seperti biasa buka dashboard →Template → Edit html.<br />
Cari kod <span style="font-family: "Courier New",Courier,monospace;"><span style="color: red;"><span style="font-size: small;"></body></span></span> </span>dalam template blog<br />
Copy dan paste kod bawah ini tepat diatas kod <span style="color: red;"><span style="font-family: "Courier New",Courier,monospace; font-size: small;"></body></span></span><br />
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";"><a href="http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html"><span style="color: blue;"></span></a></span><span lang="EN" style="mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"></span>

<br />
<br />
<pre><code class="language-javascript"> <script type='text/javascript'>function addLink(){var a=document.getElementsByTagName(&quot;body&quot;)[0];var b;b=window.getSelection();var c=&quot;<br/><br/><span style="background-color: red;">Credit&#8594;</span><a href='&quot;+document.location.href+&quot;'>&quot;+document.location.href+&quot;</a>&quot;var d=b+c;var e=document.createElement(&quot;div&quot;);e.style.position=&quot;absolute&quot;e.style.left=&quot;-99999px&quot;a.appendChild(e);e.innerHTML=d;b.selectAllChildren(e);window.setTimeout(function(){a.removeChild(e)},0)}document.oncopy=addLink</script></code></pre>
<br />
Gantikan perkataan <span style="color: red;"><span style="font-family: "Courier New",Courier,monospace; font-size: small;">Credit</span></span> dalam kod tersebut mengikut kesukaan anda.

Save template.<br />
<br />
Happy blogging! ^_O'<br />
<br />
<br />
<div style="left: -99999px; position: absolute;">
Seperti biasa buka dashboard →Template → Edit html.
Cari kod  dalam template blog
Copy dan paste kod bawah ini atas kod <br />
<br />
Credit → <a href="http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html">http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html</a></div>
<div style="left: -99999px; position: absolute;">
Seperti biasa buka dashboard →Template → Edit html.
Cari kod  dalam template blog
Copy dan paste kod bawah ini atas kod <br />
<br />
Credit → <a href="http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html">http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html</a></div>
<div style="left: -99999px; position: absolute;">
Script artikel copypaste source sumber credit blog
Tutorial script artikel copypaste source sumber credit blog mesra pengguna

Seperti biasa buka dashboard →Template → Edit html.
Cari kod  dalam template blog
Copy dan paste kod bawah ini atas kod <br />
<br />
Credit → <a href="http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html">http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html</a></div>
<div style="left: -99999px; position: absolute;">
Tutorial script artikel copypaste source sumber credit blog mesra pengguna

Seperti biasa buka dashboard →Template → Edit html.
Cari kod  dalam template blog
Copy dan paste kod bawah ini atas kod <br />
<br />
Credit → <a href="http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html">http://aidydiddy.blogspot.sg/2010/10/script-artikel-copypaste-source-sumber.html</a></div>
<div style="left: -99999px; position: absolute;">
Script artikel copypaste source sumber credit blog
Tutorial script artikel copypaste source sumber credit blog mesra pengguna

Script artikel copypaste source sumber credit blog

Tutorial ini adalah mengenai cara memasang script copypaste blog mesra pengguna. Seperti yang dapat dilihat dalam gambar dibawah, ada ter...

Baca selanjutnya →

9:30 PM

How To Add Cool Responsive Sitemap Widget For Blogger Blogs

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="margin-left: 1em; margin-right: 1em;">
<div style="text-align: center;">
</div>
</div>
<div style="margin-left: 1em; margin-right: 1em; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaue91bryxLm818dXFXCaTf6Y97J8NTPPJ6U1s3B92qWqjauOh_bx3JRwVDudbBWkY7URYh8cT8rgQGr7qw1mzRkZt43jyNlAWk4-F1Ai-Xr9WpphaySNBPYB22IjRzFcMp_OvZmCYqhA/s1600/How+To+Add+responsive+sitemap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="responsive sitemap untuk blogger" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaue91bryxLm818dXFXCaTf6Y97J8NTPPJ6U1s3B92qWqjauOh_bx3JRwVDudbBWkY7URYh8cT8rgQGr7qw1mzRkZt43jyNlAWk4-F1Ai-Xr9WpphaySNBPYB22IjRzFcMp_OvZmCYqhA/s1600/How+To+Add+responsive+sitemap.png" title="responsive sitemap untuk blogger" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;">Kebanyakan blogger yang mempunyai blog di blogspot inginkan sitemap yang unik seperti WordPress, tapi jadual kandungan / sitemap widget yang direka untuk blogger tidak dapat bersaing dengan sitemap WordPress. Jadi, hari ini kita akan melihat bagaimana untuk menambah stylish 3 column blogger sitemap yang responsif. Widget ini mudah saja dipasang pada blog seperti juga yang saya gunakan pada blog ini.</span></div>
<br />
OK, klik untuk lihat demo widget dibawah untuk lebih difahami.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
</div>
</div>
</div>
<div style="text-align: center;">
<a class="button big green" href="http://aidydiddy.blogspot.com/p/site-map.html" rel="nofollow" target="_blank">Live Demo</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
<h3>
<span style="font-size: large;">Cara memasang widget sitemap pada blog</span></h3>
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
Pada Dashboard blogger → Pilih blog anda<br />
Pergi ke halaman → New Page, kemudian klik bahagian → HTML<br />
Pastekan kod berikut di dalamnya.<br />
<br />
<div style="text-align: left;">
<pre><code class="language-css">
<script src="http://yourjavascript.com/111319169213/aidydiddy-site-map.js" type="text/javascript"></script><script src="http://aidydiddy.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<style type="text/css">
.post-archive { 
width: 100%; 
padding: 20px 0; 
text-transform: capitalize; 
} 
.post-archive h4 { 
border-bottom: 2px solid #EEEEEE; 
color: #333333; 
font-size: 20px; 
margin: 0 0 10px 2px; 
padding: 0 0 10px; } 
.ct-columns-3 { 
-moz-column-count: 3; 
-moz-column-gap: 10px; 
-moz-column-rule: none; 
-webkit-column-count: 3; 
-webkit-column-gap: 10px; 
-webkit-column-rule: none; 
column-count: 3; 
column-gap: 10px; 
column-rule: none;} 
.ct-columns-3 p { 
padding: 5px 0px; 
-moz-column-break-inside: avoid; 
-webkit-column-break-inside: avoid; 
-o-column-break-inside: avoid; 
-ms-column-break-inside: avoid; 
column-break-inside: avoid; 
display: inline-block; 
width: 100%; 
} 
.ct-columns-3 p a { 
background: #fafafa; 
color: #333; 
display: block; 
border: 1px solid #FFFFFF; 
font-size: 14px; 
line-height: normal; 
outline: 1px solid #EEEEEE; 
padding: 10px 15px; 
-webkit-transition:all .25s ease-in-out; 
-moz-transition:all .25s ease-in-out; 
-o-transition:all .25s ease-in-out; 
transition:all .25s ease-in-out; 
} 
.ct-columns-3 p a:hover { 
background: #555; 
color: #fff; 
} 
@media screen and (max-width: 768px){ 
.ct-columns-3 { 
-moz-column-count: 1; 
-moz-column-gap: 0px; 
-moz-column-rule: none; 
-webkit-column-count: 1; 
-webkit-column-gap: 0px; 
-webkit-column-rule: none; 
column-count: 1; 
column-gap: 0px; 
column-rule: none; } 
} 
</style></code></pre>
</div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selepas Menambah kod di atas, gantikan <span style="background-color: lime;"><i>http://aidydiddy.blogspot.com</i></span> dengan link anda sendiri.<br />
Kemudian Klik pada <i><b>Option</b></i> pada bar sisi kanan dan pilih <i>Don't allow, hide existing</i> untuk <b><i>Reader comments</i></b>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga79uBWKqwvjckvVIP2DoGxnn2WBbTcDjewCHIAL3FwqhY-JK8LtmwGeI0NGd4Ib_JSXffLw8JV7_ipU0eHmhcffSXr4decp3eiW0-TiMEUiWqtHGWopenHr2jL8vQA3HIex3RX4w3QmM/s1600/page+settings+in+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Don't allow, hide existing untuk Reader comments" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga79uBWKqwvjckvVIP2DoGxnn2WBbTcDjewCHIAL3FwqhY-JK8LtmwGeI0NGd4Ib_JSXffLw8JV7_ipU0eHmhcffSXr4decp3eiW0-TiMEUiWqtHGWopenHr2jL8vQA3HIex3RX4w3QmM/s1600/page+settings+in+blog.png" title="Don't allow, hide existing untuk Reader comments" width="257" /></a></div>
<br />
Sekarang, Klik publish dan Lihat page sitemap anda yang cool.<br />
Itu sahaja, selesai..<br />
<br />
Saya harap anda sukakan widget ini dan sila share tanggapan anda mengenai widget ini dan jangan lupa untuk berkongsi ...</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Happy Blogging :)<br />
<br />
<br />
<blockquote class="tr_bq">
Reference URL: http://www.blogtipsntricks.com/</blockquote>
<br />
<br />
<br /></div>
</div>

How To Add Cool Responsive Sitemap Widget For Blogger Blogs

Kebanyakan blogger yang mempunyai blog di blogspot inginkan sitemap yang unik seperti WordPress, tapi jadual kandungan / s...

Baca selanjutnya →

8:29 PM

Tutorial cara membuat efek loading pada blog

<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG_0jhI2nGT6uCDX7N0p1RPWs5tcKpXXONVZByWlY1mYP_Ynb2LyMYrzkr8dEE38nQ-toEQ5yDjBDhHm_4cefaGd1NIQs7MIc2phHnWJpEEtJuVckQAsZ6O728EugSUvktRHCVpuc8eh0/s1600/cara+membuat+efek+loading+pada+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG_0jhI2nGT6uCDX7N0p1RPWs5tcKpXXONVZByWlY1mYP_Ynb2LyMYrzkr8dEE38nQ-toEQ5yDjBDhHm_4cefaGd1NIQs7MIc2phHnWJpEEtJuVckQAsZ6O728EugSUvktRHCVpuc8eh0/s1600/cara+membuat+efek+loading+pada+blog.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Tutorial untuk memasang efek loading pada blog sebenarnya sudah banyak bertaburan di google. Cubalah search dengan keyword simple <span style="color: #6aa84f;"><i>''</i></span><span style="color: #6aa84f; font-style: italic;">efek loading pada blog''</span>..<br />
Banyak kan?..<br />
Tapi jika ingin terus memasang efek loading dari sini pun apa salahnya kan. Kalau berminat, tunggu apa lagi follow step di bawah ini. ^_^'<br />
<br />
<div class="tips">
Sebelum mengedit template, saya sarankan backup template terlebih dahulu. Manalah tau nanti kalau ada error, sekurang2nya ada backup template.</div>
</div>
<div>
<ul>
<li>Pergi  dahsboard > Template > Edit html</li>
<li>Cari kod <span style="color: #cc0000; font-family: Courier New, Courier, monospace;"></body></span></li>
<li>Copy kod di bawah ini dan paste di atas kod <span style="color: #cc0000; font-family: Courier New, Courier, monospace;"></body></span></li>
</ul>
</div>
<div>
<br /></div>
<div>
<pre><code class="language-javascript"> 
<script type='text/javascript'>//<![CDATA[ </code></pre>
</div>
<div>
<br /></div>
<div>
<br />
<ul>
<li>Cari kod <span style="color: #cc0000; font-family: Courier New, Courier, monospace;">]]></b:skin></span> dan pastekan kod di bawah ini di atasnya.</li>
</ul>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<pre><code class="language-css">#page-loader {
<div>
position:fixed !important;</div>
<div>
position:absolute;</div>
<div>
top:0;right:0;</div>
<div>
bottom:0;</div>
<div>
left:0;</div>
<div>
z-index:9999;</div>
<div>
background:#000 url('<span style="background-color: white;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJktV-wAsdaNcy-Ijg12aUB1yx_sctFF2noPJvAE4A-_yfDKekI5PSCMpMfA0diQ4o1OJFP45cVHybxWFISarxxeEi-ieQaWqpzSObmikFHSQw0PVk7Dz_JLWxcVyn4Csewsg2PNN3HVM/s1600/loader.gif</span>')     </div>
<div>
no-repeat 50% 50%;</div>
<div>
color:white;</div>
<div>
padding:1em 1.2em;</div>
<div>
display:none;</div>
<div>
}</div>
</code></pre>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div class="info">
Tukar animation loading yang diinginkan pada url..</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br />
<ul>
<li>Cari kod <span style="color: #cc0000; font-family: Courier New, Courier, monospace;"></head></span> dan pastekan kod di bawah ini di atas kod <span style="color: #cc0000; font-family: Courier New, Courier, monospace;"></head></span></li>
</ul>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
</div>
<div>
<pre><code class="language-javascript"> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/></code></pre>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div class="warning">
Jika di dalam template blog sudah terdapat kod jquery seperti di atas, skip langkah nombor 5 ini. Tidak boleh memasang lebih dari 1 pada template!</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br />
<ul>
<li>Preview template dan jika tiada error save template anda.</li>
</ul>
<div>
<br />
Happy blogging!</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
</div>
</div>
</div>

Tutorial cara membuat efek loading pada blog

Tutorial untuk memasang efek loading pada blog sebenarnya sudah banyak bertaburan di google. Cubalah search dengan keyword simple '...

Baca selanjutnya →

10:00 PM

Css jquery back to top button for blogger blogspot tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXmEfV9we2TEVHHsNyNp3-MMEACGpDVKuhmn5HMVWt5GAMESGmooAjJpmKv_JU3iQ2BX1zd9zjD1o5hGZHrfsaF6O6mYUq2u4FbEZnsNY-B1ov4gJjCIO7kt9VjJCnvm7SZi0tVPo3Zg/s1600/Css+jquery+back+to+top+button+for+blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXmEfV9we2TEVHHsNyNp3-MMEACGpDVKuhmn5HMVWt5GAMESGmooAjJpmKv_JU3iQ2BX1zd9zjD1o5hGZHrfsaF6O6mYUq2u4FbEZnsNY-B1ov4gJjCIO7kt9VjJCnvm7SZi0tVPo3Zg/s1600/Css+jquery+back+to+top+button+for+blogger.png" width="320" /></a></div>
<br />
<span class="" id="result_box" lang="ms"><span class="hps">Anda sudah melihat</span> button <span class="hps">"Back to Top</span><span class="hps"></span><span class="atn">" atau "</span><span class="">Scroll to Top</span><span class="atn">"</span> <span class="hps">di</span> <span class="hps">kebanyakan laman web?</span> <span class="hps">Button ini</span> <span class="hps">memudahkan para</span> <span class="hps">pengunjung untuk</span> <span class="hps">kembali ke</span> <span class="hps">bahagian atas</span> <span class="hps">website apabila</span> <span class="hps">semakin di scroll</span><span class="hps"> ke</span> <span class="hps">bahagian bawah</span> <span class="hps">website. Ini</span> <span class="hps">juga</span> <span class="hps">kemudahan bagi</span> <span class="hps">anda yang mempunyai post</span> <span class="hps">panjang</span><span class="hps">.</span></span><br />
<span lang="EN">Sebelum bermula, cuba scroll kebawah dulu, pasti akan muncul scroll button dan cuba tujukan mouse ke button, pasti juga muncul title 'Scroll to Top' dan cuba klik button itu. Jadi, anggap saja anda sudah faham apa itu "back to top button" dan terus ikuti langkah cara memasangnya dalam blog.<o:p></o:p></span></div>
<div class="MsoNormal">
<ul>
<li>Buka template manager. klik Template → Klik Edit html.</li>
<li>Cari kod <span style="color: #cc0000; font-family: Courier New, Courier, monospace;"></body></span>. Tekan button <ask>Ctrl</ask>+<ask>F</ask> → Paste kod tersebut → Enter.</li>
</ul>
</div>
<div class="MsoNormal">
<span lang="EN">Copy kod bawah ni dan paste tepat diatas kod <span style="color: #cc0000; font-family: Courier New, Courier, monospace;"></body></span></span><br />
<span lang="EN"><span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><br /></span></span>
<br />
<span style="font-family: Courier New, Courier, monospace;"><span style="font-family: Courier New, Courier, monospace;"></span></span><br />
<pre><span style="font-family: Courier New, Courier, monospace;"><span style="font-family: Courier New, Courier, monospace;"><code class="language-css"> <style type="text/css"> 
#ad-StoTop{ 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px; 
width:100px; 
background-color:#eee; 
background-color:rgba(238,238,238,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE'); 
text-align:center; 
padding:5px; 
position:fixed; 
bottom:10px; 
right:10px; 
cursor:pointer; 
color:#444; 
text-decoration:none; 
border:1px solid #c9c9c9}
<strike></style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script></strike>
<script type='text/javascript'>jQuery(function(a){a.fn.scrollToTop=function(){a(this).hide().removeAttr("href");if(a(window).scrollTop()!="0"){a(this).fadeIn("slow")}var b=a(this);a(window).scroll(function(){if(a(window).scrollTop()=="0"){a(b).fadeOut("slow")}else{a(b).fadeIn("slow")}});a(this).click(function(){a("html, body").animate({scrollTop:0},"slow")})}});jQuery(function(a){a("#ad-StoTop").scrollToTop()});</script><a href='#' id='ad-StoTop' style='display:none' title='back totop button'>To Top!</a></code></span></span></pre>
<span style="font-family: Courier New, Courier, monospace;"><span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"><br /></span>

</span></div>
</div>
</div>
<div class="MsoNormal">
<div class="MsoNormal">
<span lang="EN"><span style="background-color: #f4cccc;">title='</span><span style="background-color: #a2c4c9;">back to top button</span><span style="background-color: #f4cccc;">'</span> & </span><span style="background-color: #f4cccc;">To Top!</span> = Gantikan apa title yang diinginkan. Save template dan lihat hasilnya.</div>
<br />
<blockquote class="tr_bq">
<strike><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script></strike></blockquote>
<br />
<div class="warning">
Tinggalkan kod javascript jika sudah ada di dalam template blog. Hapus skrip tersebut. Tidak boleh memasang lebih dari 1 pada template!</div>
<br />
<br />
<br />
<br />
Happy blogging ya'll!<br />
<br />
<br />
<br />
<br />
<br /></div>

Css jquery back to top button for blogger blogspot tutorial

Anda sudah melihat button "Back to Top " atau " Scroll to Top " di kebanyakan laman web? Button ini memudahka...

Baca selanjutnya →

9:31 PM

Sharing Everything

Gadget

Script artikel copypaste source sumber credit blog

How To Add Cool Responsive Sitemap Widget For Blogger Blogs

Tutorial cara membuat efek loading pada blog

Css jquery back to top button for blogger blogspot tutorial

Populars

Comments

Arkib Blog