TUTORIAL & DOWNLOAD

logo SMK .png klik gambar atau klik disini

Baca selengkapnya »

FREE DOWNLOAD TEAM VIEWER

FREE DOWNLOAD TEAM VIEWER

Free download TEAM VIEWER, klik gambar atau klik disini

Baca selengkapnya »

Cara Membuat Efek Tulisan Berjalan Seperti Diketik

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXCoRIXELnUWrg6JiXntflMXP7orebDuAcuU07mEQeSyy5T1rK8GmZ4fBBfZ87aTGdbSzUUwQ4J8CUeYSmjiU8s2RPVbb-hg7QK-1Ge966eatFDj9sYLAwO8Tkk2cCMBBcGboD-Ok7X8/s200/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXCoRIXELnUWrg6JiXntflMXP7orebDuAcuU07mEQeSyy5T1rK8GmZ4fBBfZ87aTGdbSzUUwQ4J8CUeYSmjiU8s2RPVbb-hg7QK-1Ge966eatFDj9sYLAwO8Tkk2cCMBBcGboD-Ok7X8/s200/images.jpg" width="400" /></a>Enaknya ngeblog di blogspot adalah bisa mencoba berbagai trik blog, baik
 untuk mengoptimalkan blog ataupun memperindah tampilan blog. Dalam 
sebuah blog yang biasa paling dominan adalah teks atau tulisan. Ada 
beragam cara membuat efek-efek pada tulisan, mulai dari tulisan 
berkedip, <a href="http://kurniasepta.blogspot.com/2012/02/membuat-link-bergerak-bergoyang.html" target="_blank">link bergoyang</a>, sampai yang akan kita pelajari hari ini yaitu membuat tulisan berjalan seperti diketik. 
 
<a href="http://kurniasepta.blogspot.com/2011/04/membuat-tulisan-berjalan-bolak-balik.html" target="_blank">Tulisan dengan efek berjalan</a>
 seperti diketik, sama seperti sama seperti saat kita mengetik pakai 
laptop. Saat jari kita menekan huruf, maka akan muncul huruf dan 
seterusnya. Efek ini membuat tulisan tampil huruf per huruf. Efek ini 
bisa dipakai untuk memikat mata pengunjung agar melihatnya, misalnya 
sebuah pengumuman. Untuk membuat tulisan dengan efek seperti diketik 
cukup mudah. Kita tinggal menyalin script berikut ini: 
 
 
<div class="alert">
<script language="JavaScript"> 
var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!"; 
var delay=20; 
var currentChar=1; 
var destination="[none]"; 
function type() 
{ 
//if (document.all) 
{ 
var dest=document.getElementById(destination); 
if (dest)// && dest.innerHTML) 
{ 
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>"; 
currentChar++; 
if (currentChar>text.length) 
{ 
currentChar=1; 
setTimeout("type()", 5000); 
} 
else 
{ 
setTimeout("type()", delay); 
} 
} 
} 
} 
function startTyping(textParam, delayParam, destinationParam) 
{ 
text=textParam; 
delay=delayParam; 
currentChar=1; 
destination=destinationParam; 
type(); 
} 
</script> <div 0px="" 12px="" arial="" color:="" 
ff0000="" font:="" id="textDestination" margin:="" 
style="background-color: none;"></div> <script 
language="JavaScript"> 
javascript:startTyping(text, 50, "textDestination"); 
</script></div>
 
Script di atas bisa dipasang di post dan juga di sidebar. Untuk di postingan, masukan dengan opsi HTML saat menulis. Sedangkan untuk sebagai widget bisa dengan saat di tata letak, pilih tambakan gadget dan pilih HTML/Java Script. Ganti tulisan yang berwarna merah dengan teks yang kamu inginkan, contohnya akan tampil seperti ini: 
 
<div class="alert">
<div id="textDestination" style="background-color: none;">
Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!_</div>
 </div>
 
Jika membahas cara membuat efek tulisan seperti diketik ini jadi teringat dengan pelajaran terdahulu, yaitu <a href="http://kurniasepta.blogspot.com/2012/09/membuat-recent-post-blog-model-news.html" target="_blank">membuat news tiker dari recent post blog</a>. Karena efek yang ditampilkan sama, yaitu seperti diketik. Sudahkah kamu mencoba?

Cara Membuat Efek Tulisan Berjalan Seperti Diketik

Enaknya ngeblog di blogspot adalah bisa mencoba berbagai trik blog, baik untuk mengoptimalkan blog ataupun memperindah tampilan blog. Dalam...

Baca selengkapnya »

Cara Mudah Membuat Slide Show Foto di Blog

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59hSeuw_G3DZEqXtZXPXFqwAxdV3C0XYZf58qibJNxPM1bRFx9yhctQIkYQRKL6weTvKSemjFEMNNyZW2lUfd-zcBkEUcBcaohzHODmyB-qbdkRAMnJhQeaSzjdRNYuhysy7YrWMHScM/s200/photo-slideshow.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59hSeuw_G3DZEqXtZXPXFqwAxdV3C0XYZf58qibJNxPM1bRFx9yhctQIkYQRKL6weTvKSemjFEMNNyZW2lUfd-zcBkEUcBcaohzHODmyB-qbdkRAMnJhQeaSzjdRNYuhysy7YrWMHScM/s200/photo-slideshow.gif" width="393" /></a>Sebuah halaman blog yang tidak ada sentuhan <a href="http://kurniasepta.blogspot.com/2013/03/membuat-widget-recent-photo-tumblr-di.html" target="_blank">foto atau gambar</a>
 akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak 
akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga 
bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar 
daripada tulisan. 
 
Sekarang, kita akan belajar untuk membuat <a href="http://kurniasepta.blogspot.com/2011/04/membuat-slide-recent-post.html" target="_blank">slide show</a>,
 yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. 
Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita 
banyak space. Karena foto akan diputar layaknya sebuah video, sehingga 
lebih menarik dan hemat tempat. 
 
Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk <a href="http://kurniasepta.blogspot.com/2012/08/download-template-blogspot-bargaya-toko.html" target="_blank">toko online</a>.
 Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar 
photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload 
(dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, 
dan lain-lain. 
 
Cara Mudah Membuat Slide Show Foto di Blog 
1. Login ke blogger 
2. Pilih Tata Letak kemudian Tambah Gadget 
3. Pilih HTML/JavaScript 
4. Masukan kode HTML berikut ini: 
 
 
<div class="alert">
<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script> 
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$('#content-slider').cycle({ 
fx: 'fade' 
}); 
}); 
</script> 
<style type="text/css"> 
#content-slider { 
   position: relative; 
   width: 100%; 
   height: 250px; 
   overflow: hidden; 
   margin:0 auto; 
} 
#content-slider img { 
   display: block; 
   width: 100%; 
   height: 250px; 
} 
</style> 
<div id="content-slider"> 
<img src="URL Foto 1" /> 
<img src="URL Foto 2" /> 
<img src="URL Foto 3" /> 
<img src="URL Foto 4" /> 
</div> </div>
 
5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload) 
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya. 
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya. 
7. Simpan jika sudah selesai.

Cara Mudah Membuat Slide Show Foto di Blog

Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan l...

Baca selengkapnya »