tag:blogger.com,1999:blog-25630645132728206192024-03-12T17:12:23.846-07:00Belajar BloggingAnonymoushttp://www.blogger.com/profile/14366087177122016613noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-2563064513272820619.post-42212263070603540382014-06-25T21:03:00.001-07:002014-06-25T21:03:11.452-07:00Cara Mudah Mengedit Favicon Blog Tanpa Edit HTMLCara Mudah Mengedit Favicon Blog Tanpa Edit HTML - berjumpa lagi dengan saya dan kali ini saya ingin berbagi <b><a href="http://tongkatseo.blogspot.com/2014/06/cara-mudah-mengedit-favicon-blog-tanpa.html" target="_blank">Cara Mudah Mengedit Favicon Blog Tanpa Edit HTML</a></b> untuk cara nya bisa di lihat di bawah ini.<br />
<br />-Login ke blogger<br /><br /><div>
-Klik tata letak<br /></div>
<div>
-Klik edit pada tempat favicon</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-z_Qt9ocNnrw/U6ua6fXjjiI/AAAAAAAAAJ0/BFLqerfHEm8/s1600/favicon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-z_Qt9ocNnrw/U6ua6fXjjiI/AAAAAAAAAJ0/BFLqerfHEm8/s1600/favicon.png" height="66" width="200" /></a></div>
<div style="text-align: center;">
<br /></div>
<div>
-Cari dan unggah gambar favicon yang telah Anda simpan atau Anda buat</div>
<div>
<br /></div>
<div>
-Lalu simpan.</div>
<div>
<br /></div>
<div>
bagai mana cukup mudah bukan sekian dari saya untuk <b><a href="http://tongkatseo.blogspot.com/2014/06/cara-mudah-mengedit-favicon-blog-tanpa.html" target="_blank">Cara Mudah Mengedit Favicon Blog Tanpa Edit HTML</a></b> dan salam kenal.</div>
Anonymoushttp://www.blogger.com/profile/14366087177122016613noreply@blogger.comtag:blogger.com,1999:blog-2563064513272820619.post-74170135539949254332014-05-06T01:29:00.000-07:002014-05-06T01:29:20.347-07:00Cara Membuat Related Post Simple Seo<b><a href="http://tongkatseo.blogspot.com/2014/05/cara-membuat-related-post-simple-seo.html" target="_blank">Cara Membuat Related Post Simple Seo</a></b> berjumpa lagi dengan saya admin blog Belajar Blogging di sini saya ingin berbagi Cara Membuat Related Post Simple Seo langsung aja<br />
<br />
Langkah pertama cari kode <i></head></i> lalu salin kode di bawah ini dan letakan tepat di atas kode <i></head></i><br />
<br />
<blockquote class="tr_bq">
<i><!--Simple Related Posts Scripts Start--><br /><script type='text/javascript'><br />//<![CDATA[<br />var relatedTitles = new Array();<br />var relatedTitlesNum = 0;<br />var relatedUrls = new Array();<br />function related_results_labels(json) {<br />for (var i = 0; i < json.feed.entry.length; i++) {<br />var entry = json.feed.entry[i];<br />relatedTitles[relatedTitlesNum] = entry.title.$t;<br />for (var k = 0; k < entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />relatedUrls[relatedTitlesNum] = entry.link[k].href;<br />relatedTitlesNum++;<br />break;<br />}<br />}<br />}<br />}<br />function removeRelatedDuplicates() {<br />var tmp = new Array(0);<br />var tmp2 = new Array(0);<br />for(var i = 0; i < relatedUrls.length; i++) {<br />if(!contains(tmp, relatedUrls[i])) {<br />tmp.length += 1;<br />tmp[tmp.length - 1] = relatedUrls[i];<br />tmp2.length += 1;<br />tmp2[tmp2.length - 1] = relatedTitles[i];<br />}<br />}<br />relatedTitles = tmp2;<br />relatedUrls = tmp;<br />}<br />function contains(a, e) {<br />for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br />return false;<br />}<br />function printRelatedLabels() {<br />var r = Math.floor((relatedTitles.length - 1) * Math.random());<br />var i = 0;<br />document.write('<ul>');<br />while (i < relatedTitles.length && i < 5) {<br />document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');<br />if (r < relatedTitles.length - 1) {<br />r++;<br />} else {<br />r = 0;<br />}<br />i++;<br />}<br />document.write('</ul>');<br />}<br />//]]><br /></script><br /> <!--Simple Related Posts Scripts and Styles End--></i></blockquote>
<br />
jika langkah di atas sudah di lakukan kita lanjut ke langkah berikut nya.<br />
<br />
Langkah ke2 cari kode <i><div class='post-footer-line post-footer-line-1'></i> jika sudah ketemu salin kode di bawah ini dan letakan di bawah kode <i><div class='post-footer-line post-footer-line-1'></i><br />
<i><br /></i>
<blockquote class="tr_bq">
<i><!-- Simple Related Posts Code Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><br />Related Post on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/><br /></b:if></b:loop><br /><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if><br /><!-- Simple Related Posts Code End--></i></blockquote>
<br />
Langkah ke3 save template anda.<br />
<br />
bagai mana <b><a href="http://tongkatseo.blogspot.com/2014/05/cara-membuat-related-post-simple-seo.html" target="_blank">Cara Membuat Related Post Simple Seo</a></b> mudah bukan sekian dari saya semoga postingan saya kali ini bisa bermanfaat buat temen2 semua.Anonymoushttp://www.blogger.com/profile/14366087177122016613noreply@blogger.comtag:blogger.com,1999:blog-2563064513272820619.post-6177392990998500802014-05-03T10:13:00.000-07:002014-05-03T10:17:30.446-07:00Cara Membuat Efek Animasi Loading Blog<div style="text-align: justify;">
<b><a href="http://tongkatseo.blogspot.com/2014/05/cara-membuat-efek-animasi-loading-blog.html" target="_blank">Cara Membuat Efek Animasi Loading Blog</a></b> » bertemu lagi dengan saya di sini saya ingin berbagi Cara Membuat Efek Animasi Loading Blog. di sini ada beberapa tahap yg perlu anda ikuti agar proses membuat efek animasi di blog berjalan dengan mudah langsung aja.</div>
<br />
<ul>
<li>Langkah 1 login k blogger</li>
</ul>
<ul>
<li>Langkah 2 tambahkan kode jQuery di bawah ini</li>
</ul>
<div>
<br /></div>
<blockquote class="tr_bq">
<i><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/></i></blockquote>
<br />
<ul>
<li>Langkah 3 salin kode css di bawah ini dan letakan tepat di atas kode <i>]]></b:skin></i></li>
</ul>
<br />
<i></i><br />
<br /><br /><br /><blockquote class="tr_bq">
<i>/* page loader */<br />#page-loader { position:fixed !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; background:#000 url(' data:image/gif;base64,R0lGODlhKwALAPEAAP///0tKSqampktKSiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=' ) no-repeat 50% 50%; color:white; padding:1em 1.2em; display:none; text-shadow:none }</i></blockquote>
<br />
<br />
<ul>
<li>Langkah 4 tambahkan javascript dibawah ini tepat di atas kode <i></body></i></li>
</ul>
<br />
<blockquote class="tr_bq">
<i><script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="page-loader"> </div>'); // Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain... $(window).on("beforeunload", function() { $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);}); //]]> </script></i></blockquote>
<br />
<ul>
<li>Langkah 5 Save TEMPLATE anda dan lihat hasil nya.</li>
</ul>
<div>
<br /></div>
<div>
Catatan:</div>
<div>
<br /></div>
Jika dalam tempelate anda sudah terdapat jQuery,langkah 2 abaikan saja<br />
<div>
<br /></div>
<div style="text-align: justify;">
bagai mana <b><a href="http://tongkatseo.blogspot.com/2014/05/cara-membuat-efek-animasi-loading-blog.html" target="_blank">Cara Membuat Efek Animasi Loading Blog</a></b> cukup mudah bukan? ya sekian dari saya semoga trik diatas bisa bermanfaat buat kalian semua.</div>
Anonymoushttp://www.blogger.com/profile/14366087177122016613noreply@blogger.comtag:blogger.com,1999:blog-2563064513272820619.post-11585756523624940972014-04-12T08:19:00.000-07:002014-04-12T08:19:50.851-07:00Cara Memasang atau Membuat Scoll pada Archive Blog<div style="text-align: center;">
<b>Cara Memasang atau Membuat Scoll pada Archive Blog</b></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
berjumpa lagi dengan saya kali ini saya ingin berbagi trik <b>Cara Memasang atau Membuat Scoll pada Archive Blog</b> langsung aja:</div>
<br />ð Login ke Blogger<br /><br />ð Di halaman Dasbor, pilih Template<br /><br />ð Kemudian pilih Edit HTML<br /><br />ð Cari kode ini : <i><div id='ArchiveList'></i> lebih cepatnya gunakan CTRL+F<br /><br />ð Setelah ketemu taruh kode di bawah ini tepat diatasnya kode <i><div id='ArchiveList'></i><div>
<br /></div>
<div>
<blockquote class="tr_bq">
<i><div style='overflow:auto; width:ancho; height:200px;'></i></blockquote>
<br />ð Kemudian beri kode tambahan <i></div></i> sebelum kode <i><b:include name='quickedit'/></i><br /><br />ð Selesai!</div>
<div>
<br /> Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!<br /><br />Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :<br /><br /><blockquote class="tr_bq">
<i> <b:includable id='main<a href="http://mazinubersahabat.blogspot.com/">'</a>></i><i> <b:if cond='data:title'></i><i> <h2><data:title/></h2></i><i> </b:if></i><i> <div class='widget-content'></i><i> <div style='overflow:auto; width:ancho; height:200px;<a href="http://mazinubersahabat.blogspot.com/2013/06/cara-memasang-scroll-pada-blog-archive.html">'</a>></i><i> <div id='ArchiveList'></i><i> <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'></i><i> <b:if cond='data:style == &quot;HIERARCHY&quot;'></i><i> <b:include data='data' name='interval'/></i><i> </b:if></i><i> <b:if cond='data:style == &quot;FLAT&quot;'></i><i> <b:include data='data' name='flat'/></i><i> </b:if></i><i> <b:if cond='data:style == &quot;MENU&quot;'></i><i> <b:include data='data<a href="http://mazinubersahabat.blogspot.com/2013/06/cara-memasang-scroll-pada-blog-archive.html">'</a> name='menu'/></i><i> </b:if></i><i> </div></i><i> </div></div></i><i> <b:include name='quickedit'/></i><i> </div></i><i> </b:includable></i></blockquote>
<br />
bagai mana cukup mudah bukan <b>Cara Memasang atau Membuat Scoll pada Archive Blog</b> sekian dari saya semoga bermanfaat.</div>
Anonymoushttp://www.blogger.com/profile/14366087177122016613noreply@blogger.com