Memberi Border Pada Postingan

memberi border pada postingan , border pada postingan biasanya digunakan buat nulis kode JavaScript , tujuannya biar beda dengan tulisan biasa pada postingan .

gini cara buatnya ::

buat postingan baru , terus pada postingan tersebut ada 2 pilihan . Compose sama HTML (ada di sebelah kanan layar , pojok atas) kamu pilih yang HTML .

masukkan kode berikut ini ::

<div style="border: 4px #345d15 dotted; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

untuk yang warna merah , bisa kamu ganti sama kode warna yang lainnya sesuai selera . kalau ga tau , lihat kode warna disini !

oke , selamat mencoba !

Tutorial Blog

PRIVACY n POLICY

• Memberi Border Pada Postingan
• Pasang Tombol Share Melayang Pada Blogger
• Pasang Kalkulator Cinta Pada Blogger
• Pasang Kalkulator Cinta Pada Postingan
• Menghilangkan Tulisan Diberdayakan Oleh Blogger
• Menampilkan Judul Postingan Saja Pada HomePage
• Cara Membuat Teks Pelangi
• Cara Membuat Teks Kelap-Kelip
• Cara Membuat Teks Berjalan
• Cara Membuat Teks Area Pada Postingan
• Cara Membuat Random Post
• Cara Membuat Postingan Bergaya Majalah
• Cara Membuat Daftar Isi dengan Scroll
• Cara Membuat Cursor pada Blog Bertabur Bintang

Menghilangkan Tulisan Diberdayakan Oleh Blogger

langsung aja ya ga pakai basa-basi . edit template kamu , terus cari kode ]]></b:skin> , caranya tekan CTRL+F atau F3 .

kemudian masukkan kode berikut , tepat diatas kode ]]></b:skin> .

#Attribution1 { 
height:0px;
visibility:hidden;
display:none
}

tapi sebelum kamu ngedit tuh template , jangan lupa di back up dulu . tujuannya , sapa tau template terjadi galat . next , kalau sudah klik simpan !

semoga bermanfaat :)

Cara Membuat Random Post

setelah trik tentang Facebook , sekarang ganti tentang Modofikasi Blog , kali ini bahas tentang cara membuat Random Post yaitu menampilkan postingan secara acak/random pada Blog .

1. pilih Add Gadget . pilih HTML/JavaScript .

2. copy kode berikut ini dan paste !

<script type="text/javascript">

var acakarray = new Array();var l=0;var flag;

var numofpost=5;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}

if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');

for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

document.write(item);}}

}document.write('</ul>');}

</script>

<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

untuk angka 5 , itu adalah jumlah post yang akan ditampilkan .

3. klik simpan dan lihat hasilnya .

selamat mencoba , semoga berhasil :)

Menampilkan Judul Postingan saja

cara ini biasanya digunakan untuk mempercepat loading blog , mungkin diantara kalian ada yang berminat untuk membuat postingan hanya tampil judulnya saja .

contohnya bisa dilihat pada gambar .

pertama , edit HTML ! jangan lupa kasih centang pada Expand Template Widget , kemudian cari Script/Kode <b:include data='post' name='post'/> atau <b:include data='post' name='post'> , biar lebih mudah tekan CTRL + F atau F3 .

ganti kode diatas dengan kode Script berikut ini ::

<b:if cond='data:blog.homepageUrl == data:blog.url'>  <b:if cond='data:blog.pageType != "item"'>  <a expr:href='data:post.url'>  <div style='padding:6px 0 6px 5px;border-right:0px dotted #ccc;border-bottom:0px dotted #ccc;margin-bottom:2px;background:#EAE9E9;color:#ff0000;'><data:post.title/> </div></a>  <b:else/>  <b:include data='post' name='post'/>  </b:if>  <b:else/>  <b:include data='post' name='post'/>  </b:if>

yang berwarna merah , silahkan diganti sesuai selera , untuk melihat kode warna silahkan lihat disini !

selamat mencoba , semoga berhasil :)

Cara Membuat Teks Area Pada Postingan

 507 CREATOR | Cara Membuat Teks Area

contoh Teks Area Seperti yang ada di atas ini !

cara membuatnya ::

buat entri/postingan baru , pilih HTML bukan compose yang ada di sebelah kanan layar . lihat gambar di bawah ini sebagai contoh !

kemudian copy dan paste kode berikut ini !

<textarea rows="5" cols="30"  > TULISAN KAMU  </teks area >

oke , selesai .
selamat mencoba dan semoga bermanfaat :)

Cara Membuat Postingan Bergaya Majalah

cek gambarnya aja deh , bingung jelasinnya :D

udah tau kan Postingan Bergaya Majalah kayak gimana ?
gini caranya ::

1. buat Entri / postingan baru . 2. copy kode berikut ini ! <table border="1px" cellpadding="10" cellspacing="10"><tbody><br> <tr> <td align="justify" valign="top" width="250"> artikel di bagian kiri</td><td align="justify" valign="top" width="250">artikel di bagian kanan</td> </tr><br> </tbody></table> paste di HTML , jangan di Compose .

4. tulis artikel yang mau kamu posting di bagian KIRI . dan selanjutnya , lanjutkan dibagian KANAN . selesai , selamat mencoba !

Cara Membuat Daftar Isi Blog Dengan Scroll

507 CREATOR - Scroll biasanya digunakan untuk menyingkat , kalau daftar isi dengan menu yang banyak , tentunya akan menjadi sangat panjang jika tanpa scroll .

berikut contoh gambar daftar isi dengan scroll ::

Pertama , tulis entri baru . pilih HTML , jangan pilih Compose (ada disebelah kanan layar/lihat gambar di bawah ini) .

copy kode berikut ini ::

<div style="border: 1px solid rgb(153, 153, 153); height: 500px; overflow: auto;">
<script src="http://alamindawa.com/code/daftar_isi.js">
</script>
<script>
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js">
</script><script src="http://507-creator.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

keterangan ::

untuk angka yang berwarna merah , silahkan diganti dengan angka sesuai keinginan untuk ukuran tinggi yang akan digunakan .
untuk URL yang berwarna biru , silahkan diganti dengan alamat blog / web kamu .

hasilnya ::

selamat mencoba , semoga berhasil :)

Pasang Kalkulator Cinta di Postingan

langsung buat entri baru , kemudian pilih HTML , jangan COMPOSE . kalau masih bingung , lihat gambar dibawah ini !

kemudian copy kode berikut ::

<script language="JavaScript">
<!--507 CREATOR www.hypergurl.com Begin
function calc() {

first = document.loveform.name1.value.toUpperCase();
firstlength = document.loveform.name1.value.length;
second = document.loveform.name2.value.toUpperCase();
secondlength = document.loveform.name2.value.length;
var LoveCount=0;

for (Count=0; Count < firstlength; Count++) {
letter1=first.substring(Count,Count+1);
if (letter1=='L') LoveCount+=2;
if (letter1=='O') LoveCount+=2;
if (letter1=='V') LoveCount+=2;
if (letter1=='E') LoveCount+=2;
if (letter1=='Y') LoveCount+=3;
if (letter1=='O') LoveCount+=1;
if (letter1=='U') LoveCount+=3;
}

for (Count=0; Count < secondlength; Count++) {
letter2=second.substring(Count,Count+1);
if (letter2=='L') LoveCount+=2;
if (letter2=='O') LoveCount+=2;
if (letter2=='V') LoveCount+=2;
if (letter2=='E') LoveCount+=2;
if (letter2=='Y') LoveCount+=3;
if (letter2=='O') LoveCount+=1;
if (letter2=='U') LoveCount+=3;
}

amount=0;
if (LoveCount> 0) amount= 5-((firstlength+secondlength)/2)
if (LoveCount> 2) amount= 10-((firstlength+secondlength)/2)
if (LoveCount> 4) amount= 20-((firstlength+secondlength)/2)
if (LoveCount> 6) amount= 30-((firstlength+secondlength)/2)
if (LoveCount> 8) amount= 40-((firstlength+secondlength)/2)
if (LoveCount>10) amount= 50-((firstlength+secondlength)/2)
if (LoveCount>12) amount= 60-((firstlength+secondlength)/2)
if (LoveCount>14) amount= 70-((firstlength+secondlength)/2)
if (LoveCount>16) amount= 80-((firstlength+secondlength)/2)
if (LoveCount>18) amount= 90-((firstldngth+secondlength)/2)
if (LoveCount>20) amount=100-((firstlength+secondlength)/2)
if (LoveCount>22) amount=110-((firstlength+secondlength)/2)

if (firstlength==0 || secondlength==0) amount= "Err";
if (amount < 0) amount= 0;
if (amount >99) amount=99;

document.loveform.output.value=amount+"%";
}
// End -->
</script>
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">KALKULATOR CINTA</span></b><h5 style="font-weight: normal; text-align: left;">
 </h5>
<div style="text-align: left;">
<form name="loveform">
<input name="name1" size="20" type="text" value="Namamu" />
+ <input name="name2" size="20" type="text" value="Nama Pasanganmu" /> = <input name="output" size="6" type="text" value="" />
<br />
<br />
<input name="calculate" onclick="calc()" type="button" value="Calculate!" />
</form>
</div>
<div style="text-align: left;"> 
<a href="http://507-creator.blogspot.com/2012/06/kalkulator-cinta.html">[GET IT]</a></div>

kemudian paste !

selamat mencoba , semoga berhasil :)

Cara Membuat Cursor Mouse Bertabur Bintang

corsor mouse bertabur bintang , cukup keren kalau untuk menghias blog .

1. login ke blogger .

2. TataLetak , Add Gadget , pilih HTML/JavaScript .

3. copy kode di bawah ini , kemudian paste .

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

untuk kode yang berwarna merah , bisa diganti dengan kode warna sesuai selera .

4. klik simpan dan lihat hasinya !

selamat mencoba , semoga berhasil :)

Pasang Kalkulator Cinta di blogger

mumpung ga ada kerja'an , tes kekuatan cintamu pakai kalkulator cinta ini !  
[PASANG DI BLOG]

cara memasang di blogger ::
1. login ke blogger
2. Add Gaget , pilih HTML/JavaScript
3. copy kode dibawah ini dan paste

<embed height="400" rel="nofollow" src="http://www.swfstore.co.uk/uploads/acbd44e841/cupidslovecalculator.swf" width="500"></embed>
<a href="http://507-creator.blogspot.com/2012/06/pasang-kalkulator-cinta.html" target="blank"><span style="color: black;">[PASANG DI BLOG]</span></a></div>
<br />
<br />

keterangan :: untuk angka yang berwarna merah , silahkan diganti sesuai selera .
- height =400 adalah tingginya dan width=500 adalah lebarnya .

4. klik simpan dan lihat hasilnya

Pasang Tombol Share Melayang Pada Blogger

kali ini saya akan kasih tau cara untuk memasang Tombol Share melayang / Floating Share Pada Blogger , tujuanya untuk memudahkan pengunjung blog kita membagikan artikel atau blog kita pada jejaring sosial maupun situs web lainnya .

1. login ke blogger

2. Add Gadget , pilih HTML/JavaScript

3 . copy kode dibawah ini , kemudian paste

<!--SideBar Floating Share Buttons Code Start-->
<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://507-creator.blogspot.com" target="blank"><font color="black">[GET IT]<font></font></font></a></div></div>

untuk kode yang berwarna merah , diganti dengan alamat URL blog kamu juga gapapa , gak diganti juga gapapa .
4. klik simpan .

selamat mencoba , semoga berhasil :)

Cara Membuat Teks Berjalan

1. Login ke blogger
2. pilih Add Gadget , HTML/JavaScript
3. masukkan kode dibawah ini
 

<div style="padding:5px 20px; border:2px solid blue; font-size:21px; font-family:Cataneo BT;font-weight:bolder;"><marquee behavior="scroll" direction="left" onmouseover="stop" onmouseout="run" scrollamount="3">
<script type="text/javascript">
var message="SELAMAT DATANG DI 507 CREATOR"
var bgsGR1color="black" /* Warna utama teks */
var bgsGR2color="red" /* Warna teks flash pertama */
var bgsGR3color="blue" /* Warna teks flash ke dua */
var flashspeed=40 // kec. ganti warna (1/1000 dt)
var flashingletters=50 // jumlah teks pertama
var flashingletters2=50 // jumlah berwarna teks ke dua
var flashpause=30 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script></marquee></div>

keterangan ::
- untuk tulisan yang berwarna merah , silahkan diganti dengan teks yang akan dibuat berjalan .
- untuk yang berwarna biru , silahkan diganti sesuai selera (warna tulisan)

4. klik simpan dan lihat hasilnya :)

Cara Membuat Teks Kelap-Kelip

contoh >>   TEKS KELAP-KELIP

mudah sekali cara untuk membuat TEKS KELAP KELIP .
hanya tinggal menambahkan kode <blink> diawal teks , dan kode </blink> diakhir teks .

contoh :: <blink>507 Creator</blink>
hasilnya :: 507 Creator

gimana ? mudah kan ?
oh iya , untuk penulisannya bisa di postingan , atau di html/javascript , untuk penulisan di postingan , pilih HTML jangan pilih COMPOSE . ada di sebelah pojok kanan layar .

untuk diHTML/JavaScript , tinggal tulis aja ga pakai ribet .

selamat mencoba , semoga berhasil :)

Cara Membuat Teks Pelangi

langsung aja nih , untuk contohnya klik HERE !

atau lihat gambar di bawah ini

1. pilih TataLetak , Add Gadget !
2. pilih HTML/JavaScript atau teks .

3. copy kode berikut , kemudian paste .

<a href="http://507-creator.blogspot.com"><span style="color:#FF0059;">5</span><span style="color:#FF5100;">07</span><span style="color:#FFE600;"> C</span><span style="color:#6AFF00;">R</span><span style="color:#00FE57;">E</span><span style="color:#00FAFF;">A</span><span style="color:#0062FE;">TO</span><span style="color:#4700FF;">R</span></a>

keterangan ::
- untuk tulisan yang berwarna merah , silahkan diganti dengan alamat link , ga diganti juga gapapa .
- untuk tulisan yang berwarna biru , silahkan diganti dengan "TEKS YANG AKAN DITAMPILKAN"

pada teks diatas terbentuk tulisan 507 CREATOR .