Otomatis Parse Code HTML

 

Parse Code HTML, ini adalah sebuah tool yang dapat membantu kamu dalam melakukan parse kode scrint/javascrint secara otomatis sehingga mempermudah instalasi. pertama-tama mari kita ucapkan terima kasih pada seribahasa, blogger maleysia, serta hitsuke yang menginspirasi kang salman untuk membuat parse kode ini

Dengan parse kode ini kita dapat menambahkan kode HTML dalam kotak komentar. Berikut ini adalah kode-kode HTML dasar yang akan dirubah kedalam bentuk sederhananya secara otomatis supaya bisa di masukkan kedalam postingan, kotak komentar, dll seperti yang sudah dijelaskan sebelumnya.

Start Converting Now!

(Silahkan masukkan kode HTML kamu kedalam kotak dibawah ini untuk diubah secara otomatis)

========

Lihat Lebih Tentang Saya..! About Me..,

Read more...

Cara Membuat Related Post ( Artikel Terkait )

Jika Ada yang belum tahu artikel terkait itu apa silahkan lihat di blog ini pada bagian akhir artikel saya ini ada tulisan Artikel Terkait. Fungsinya selain untuk seo, related post / artikel terkait ini juga membantu pengunjung untuk membaca yang lain mungkin yang belum di ketahuinya. Hal ini menyebabkan pengunjung bisa betah berada di blog kita.
Langsung saja cara membuat related post / artikel terkait :

Masuk blogger > rancangan > edit html > centang expand template widget
cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script> 

Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

 

Selamat Mencoba, semoga berhasil..!
========

Lihat Lebih Tentang Saya..! About Me..,

Read more...

Membuat Outo Read More V2 Pada Blogspot

Cara pasang auto read more:
1. Log in di Blogger.com
2. pilih Edit HTML, click Expand Widget Templates
3. carilah kode </ head> dan copy kode di bawah ini letakkan sebelum kode </ head>

 <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>  

4. cari kode <data:post.body/> atau <p><data:post.body/></ p>, ganti kode tersebut dengan kode di bawah ini : 

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><br/><b>Read More … </b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Kemudian simpan hasilnya/save template.
Selesai. Semoga bermanfaat.

========

Lihat Lebih Tentang Saya..! About Me..,

Read more...

Ngoprakngaprek Biar Label Berjalan di Atas Footer Cing

Jika Anda ingin membuat variasi label pada blog agar tidak kelihatan standar maka banyak sekali macamnya antara lain banyak bloggers yang menggunakan label bervariasi misalnya label berputar, penambahan image animasi, background animasi dll. Nah kali ini Saya akan menulis tentang bagaimana cara membuat variasi label berjalan (Marquee) di Atas Footer.

Langsung saja cara membuatnya :

1. Login to Blogger kemudian pilih "Layout"

2. Klik pada "Page Element" trus pilih "Add a Gadget --> Pilih Label" (Tempatnya terserah kamu).

3. Kemudian Pilih --> Tata Letak --> Edit Html.

4. Cari kode ]]> dan paste Css di bawah ini diatas kode ]]>.

#Label-marquee {
float: left;
width: 100%;
heiht:25px;
font: Arial;
color: #000000;
background: #282522;
border: 1px solid #cccccc;
}

#Label-teks {
float: left;
margin: 3px 5px ;
padding: 3px 0px;
width: 460px;
text-align: left;
word-wrap: break-word;
}

5. Kemudian cari

<div id="footer-wrapper"> dan pastekan lagi kode di bawah ini :

<divid='Label-marquee '>
<h1 id='Label-teks'>
<marquee align="center" direction="laft" expr:href="data:blog.homepageUrl" height="25" id="Label-marquee " onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
Nama Blog Kamu</a>
<a href='http://URL label'>Categories 1</a>
<a href='http://URL label'>Categories 2</a>
<a href='http://URL label'>Categories 3</a>
<a href='http://URL label'>Categories 4</a>
<a href='http://URL label'>Categories 5</a>
</marquee></h1></div>

Ganti tulisan yang berwarna Biru dengan nama blog kamu / sesuai URL label kamu.

6. Simpan Template dan Selesai

Selamat mencoba dan mempraktekkanya jika Anda berminat. ( hanya sekedar catatan )

========

Lihat Lebih Tentang Saya..! About Me..,

Read more...

Nyulap Auto Read di Blogger Biar Ngilang

Banyak blogger ingin menambahkan opsi Auto Baca Selengkapnya untuk blog mereka. Jika Anda ingin menghapus otomatis membaca pilihan yang lebih dari blog Anda, ikuti langkah-langkah yang diberikan di sini. Tutorial ini akan membantu Anda untuk menghapus otomatis membaca fitur yang lebih dari template blogger banyak tambang.
Sekarang pergi ke "Desain" -> "Edit HTML". (jika Anda menggunakan Blogger antarmuka baru pergi ke "Templat" -> "Edit HTML").

Klik pada "Expand Template Widget".

Menemukan ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div class='readmorecontent'><a class='readmore' expr:href='data:post.url'><b>Read more &#187;</b></a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Juga lihat gambar berikut agar lebih mudah untuk mengidentifikasi kode:

Catatan: beberapa bagian dari kode dapat berbeda, sesuai dengan template bawaan masing masing. Dan pada Template umum, Anda dapat menemukan kode ini dengan mudah.
 
Sekarang Ganti kode diatas dengan kode di bawah ini:

<data:post.body/>

Simpan template Anda dan refresh situs Anda. Anda dapat melihat otomatis membaca lebih lanjut ( Read More ) telah dihapus dari template.

Tapi apabila tetap Anda bisa melihat "Read More" tombol di posting blogger Anda?. Kemudian yang Anda harus lakukan yaitu Anda cari kode seperti di bawah ini, dan mengapusnya. (tetapi beberapa bagian dari kode dapat berbeda, sesuai dengan template anda.):

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

Simpan template Anda lagi, dan selesai.
Terimakasih Kawan.. dan Selamat mencoba..!! 
========

Lihat Lebih Tentang Saya..! About Me..,

Read more...