Firdauz DsT: Tips dan Trick Blog

Kali ini aku mau share tentang huruf warna warni
Like text below

Google Translate

<script language="JavaScript1.2">

//tambahkan spasi di ujung text sebanyak jumlahHurup + jumlahHurup2
var tulisan = "Coolest Thing Ever Ever Ever forEver Ever and nEver          "
var warnaBekgron = "transparent"
var warnaHurup = "red"
var warnaHurup2 = "green"
var warnaHurup3 = "skyblue"
var kecepatan = 100    // Kecepatan Text warna melintas (lebih kecil - lebih cepet)
var jumlahHurup = 6    // jumlah warna huruf melintas
var jumlahHurup2 = 3  // Jumlah warna huruf melintas2 (0 buat gak pake warna kedua)
var jumlahHurup3 = 2
var jeda = 0    // Lamanya Penjedaan
var n = 0

//jangan diedit kalo ga ngarti, entar lecet, kecuali mau jadi orang pinter, edit noh text yang dibawah

if (document.all||document.getElementById){
  document.write('<font color = "' + warnaBekgron + '">')

    for (m = 0; m < tulisan.length; m++)
      document.write('<span id = "NamPang' + m + '">' + tulisan.charAt(m) + '</span>')
      document.write('</font>')
}
else
document.write(tulisan)


function hurupKe(number){
  var nihDia = document.all? eval("document.all.NamPang" + number) : document.getElementById("NamPang" + number)
  return nihDia
}


function kilapin(){
  //ngerubah warna semua huruf jadi warnaBekgron
  if (n==0){
    for (m = 0; m < tulisan.length; m++)
      hurupKe(m).style.color = warnaBekgron
  }

  //nyari muter-muter sambil ngerubah warnaHurup
  hurupKe(n).style.color = warnaHurup

  if (n > jumlahHurup-1) 
    hurupKe(n-jumlahHurup).style.color = warnaHurup2

  if (n > (jumlahHurup + jumlahHurup2)-1) 
    hurupKe(n-jumlahHurup - jumlahHurup2).style.color = warnaHurup3

  if (n > (jumlahHurup + jumlahHurup2 + jumlahHurup3)-1) 
    hurupKe(n-jumlahHurup - jumlahHurup2 - jumlahHurup3).style.color = warnaBekgron

  if (n < tulisan.length-1)
    n++
  else{
    n = 0
    clearInterval(kemilau)
    setTimeout("hajarGan()",jeda)
    return
  }
}


function hajarGan(){
  if (document.all||document.getElementById)
    kemilau = setInterval("kilapin()",kecepatan)
}


hajarGan()
</script>

Follow the steps below

source by Rex Azhar

Kali ini aku pengen jelasin sedikit script buat bkin paging di blog

Nih Contohnya

Tu De Poin Aja deh boy..

Pertama.. Login ke Blog dulu (ia lah login ke blog.. masa pesbuk)

Trus ke > Rancangan > Elemen Laman > Tambah Gadget > HTML/JavaScript

Masukin deh script di bawah nih

Page Blog

<style>
.showpageArea a {
text-decoration:underline;
}

.showpageNum a {
text-decoration:none;
border: 1px solid #bbb;
margin:0 3px;
padding:3px;
}

.showpageNum a:hover {
border: 1px solid #bbb;
background-color:#bbb;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #fff;
background: #000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #bbb;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style><br />
<br />
<br />
<br />
<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea">

<span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script><br />
<br />
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><br />
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"><a href="http://blogkomputers.blogspot.com">Grab this Widget ~ Navigasi Halaman</a></div>

Klo udah.. truh Scriptnya di bawah postingan
kaya gambar di bawah ini

semoga ̶t̶̶i̶̶d̶̶a̶̶k̶ Berhasil

Firdauz DsT

Text Javascript

Membuat Page Di Blog

About me

Invision

Popular Posts

Select Category

Cloud Labels

Recent Posts

Contact Form