Cara Membuat Animasi Bergerak Pada Judul Blog

Cara Membuat Animasi Bergerak Pada Judul Blog

Ini aku beri tahu cara membuat animasi di judul blog

caranya:

a.  Login ke blogger anda

b. Masuk ke tata letak

c. Tambahkan widget > Html/Java Script

d. kemudian copy paste ni code !!<!--more--><script language="JavaScript">

<!--

//

//Scrolling Status Bar

putmsg="==welcome==";

letchar2="+==o0o==+";

letchar1="+==o0o==+";ultimo1=letchar1.length-1;

ultimo2=letchar2.length-1;

ultimo2=letchar2.length-1;

tiempo=setTimeout("stat_scroll()",.1);

function stat_scroll()

{

aux1=letchar1.charAt(ultimo1-1);

letchar1=aux1+letchar1.substring(0,ultimo1-1);

aux2=letchar2.charAt(0);

letchar2=letchar2.substring(1,ultimo2+1)+aux2;

window.status="(" + letchar2 + putmsg + letchar1 + ")";

tiempo=setTimeout("stat_scroll()",.1);

return true;

}

// -->

</script>

<script language="JavaScript">

<!--

//

putmsg="[nelson]";

letchar2="+==o0o==+";

letchar1="+==o0o==+";

ultimo2=letchar2.length-4;

ultimo2=letchar2.length-4;

tiempo=setTimeout("tit_scroll()",.1);

function tit_scroll()

{

aux1=letchar1.charAt(ultimo1-1);

letchar1=aux1+letchar1.substring(0,ultimo1-1);

aux2=letchar2.charAt(0);

letchar2=letchar2.substring(1,ultimo2+1)+aux2;

document.title="" + letchar2 + putmsg + letchar1 + "";

tiempo=setTimeout("tit_scroll()",.1);

return true;

}

// -->

</script>

Jangan lupa Teman nelson tulisan yang warna ORANGE diganti ama judul blog nya atau apa  saja terserah Teman aja, munggkin ini sedikit membantu ....

terima kasih sudah datang.... 

Read More ->>

Cara Mudah Download Lagu dari Youtube

Cara Mudah Download Lagu dari Youtube

Sebelumnya saya pernah posting tentang cara download video dari youtube dengan menggunakan GetGo youtube downloader, untuk kali ini saya akan sharing cara mudah download lagu dari youtube dalam format file mp3.

Caranya :

1. Cari alamat lagu di youtube yang akan di download.

2. Buka situs http://www.video2mp3.at/

3. Pastekan alamat lagu dari youtube tadi ke tempat yang tersedia lalu klik Convert.

4. Tunggu beberapa saat sampai proses convert selesai dan akan muncul link download. Lalu klik Download mp3.

5. Tunggu sampai download selesai dan musik siap untuk diputar.

Semoga bermanfaat :)

Read More ->>

Membuat Read More Secara Otomatis di Blog

Membuat Read More Secara Otomatis di Blog - Jika template bawaan anda belum ada fitur Read more atau Baca selengkapnya tidah usah bingung tambahkan saja Script yang akan disajikan dalam Tutorial kali ini. Berikut cara membuat Read More otomatis untuk blog.


Pertama anda masuk dasbord blogger >> lalu pilih rancangan >> Pilih Edit HTML.
Jangan lupa centang Expand Template Widget.
Lalu cari kode </head>  untuk mempermudah pencarian tekan F3.<!--more-->

Masukan kode berikut tepat ditas </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

<script type='text/javascript'>

//<![CDATA[

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>

Belum selesai, cari lagi kode :  <data:post.body/>

Ganti kode  <data:post.body/>, dengan kode di bawah ini :

<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>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'> <b>Read more</b> &#187;&#187;&#160;&#160; </a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>

Sampai disini lalu save template anda.

Selesai deh, untuk memastikannya coba lihat hasilnya.

Kata Read more warna merah dapat anda ganti dengan kata-kata selera anda, misalnya : Baca selanjutnya.

Demikianlah Tutorial cara Membuat Read More Secara Otomatis di Blog, semoga bermanfaat. Jangan lupa Like-nya.

Read More ->>