0
Pasang
Membuat Postingan Blog Mengetik Sendiri | Hallo mbk bro/mas bro , judul postingan kali ini sepertinya aneh ya? ya memang aneh buat orang awam seperti mbk bro/mas bro kuwi :) peace ! :D Nah postingan kali ini saya tunjukan kepada teman saya, tetapi ya juga kepada mbk bro/ mas bro yang membutuhkan. sebenarnya saya lagi malas posting, tapi tak apalah untuk teman. Dan tahu tidak mbk bro/mas bro saya posting ini karena saya disuruh teman saya tersebut diatas untuk mempostingkan banyak artikel diblognya tetapi tulisannya harus mengetik sendiri, maksudya postingan itu dikasih efek typing(mengetik) nah saya kan capek ya kalau harus posting di blog teman saya tersebut, nah saya punya ide saya kasih cara membuat postingan dengan efek typing tersebut. ya lewat tulisan ini. supaya dia tidak minta bantuan kepada saya. jiahahah :D (lah malah curhat).
Ok kembali ke topik saja, membuat postingan mengetik sendiri. Jadi serius mbk bro/mas bro belum tahu maksud dari judul itu. (duh-duh payah :) ) oklah yang dimaksud itu begini lho bro. lihat tulisan dibawah ini :







Ini lho yang dimaksud dijudul itu bro, nah sekarang sudah jelas kan. makanya jangan katro katro banget bro, 2013 masih katro saja. sudah bukan jamanya lagi bro kwkwkwkwkwkw. Segini cukup ya? kan cuma contoh.. :D ok? keren kan bro..









nah diatas itu bro yang dimaksud mengetik sendiri.
mbk bro/mas bro pengen ? ok gampang sekali caranya.
=> Pertama ya buka blogger ( ya jelaslah kita kan ngeblog bukan twitteran :) )
=> Di dashbor klik untuk menulis artikel baru.





=> Nah ingat pilih yang HTML jangan yang compose.






=> Silahkan Copas Script ini ke tempt yang disedikan blogger :D



<br />
<style type="text/css">
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
margin-top:0px;
background-repeat:no-repeat;
padding-top:1px;
}
#myContent, #myContent blink{
width:100%px;
height:100%px;
background:black;
color: #00FF00;
font-family:courier;
}
blink{
display:inline;
}
</style><br />
<script type="text/javascript">
var charIndex = -1;
var stringLength = 0;
var inputText;
function writeContent(init){
if(init){
inputText = document.getElementById('contentToWrite').innerHTML;
}
if(charIndex==-1){
charIndex = 0;
stringLength = inputText.length;
}
var initString = document.getElementById('myContent').innerHTML;
initString = initString.replace(/<SPAN.*$/gi,"");

var theChar = inputText.charAt(charIndex);
var nextFourChars = inputText.substr(charIndex,4);
if(nextFourChars=='<BR>' || nextFourChars=='<br>'){
theChar = '<BR>';
charIndex+=3;
}
initString = initString + theChar + "<SPAN id='blink'>_</SPAN>";
document.getElementById('myContent').innerHTML = initString;

charIndex = charIndex/1 +1;
if(charIndex%2==1){
document.getElementById('blink').style.display='none';
}else{
document.getElementById('blink').style.display='inline';
}

if(charIndex<=stringLength){
setTimeout('writeContent(false)',10);
}else{
blinkSpan();
}
}
var currentStyle = 'inline';
function blinkSpan(){
if(currentStyle=='inline'){
currentStyle='none';
}else{
currentStyle='inline';
}
document.getElementById('blink').style.display = currentStyle;
setTimeout('blinkSpan()',500);

}
</script>

<div id="myContent">
</div><div id="contentToWrite" style="display:none">
Masukkan Tulisan disini
</div><script type="text/javascript">
writeContent(true);
</script><br />
<br />


=> Ganti tulisan "Masukkan Tulisan disini" dengan tulisan yang akan mbk bro/mas bro postingkan.
=> Tinggal Publish dan Cek

Ok cukup sekian dan terima kasih!
silahkan berkomentar jika mbk bro/mas bro suka tulisan saya :) PD

Posting Komentar Blogger Disqus

 
Top