TUTORIAL & DOWNLOAD

Cara Membuat Buku Tamu Auto Hide di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrfaLNgMOnUvg2zJIHScFGyVrF3Nlww48e9_Px-SwoY1LSMN3QabRm_6MIiEMyPJtIQQRwT5yJwb_uNg72r3LmKFnHAF1wyB3vHTh-IEn9Ioo6cje2t5xIZK6cU4lf8MEvfZZuOVw6Vk6A/s1600/chat+box.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrfaLNgMOnUvg2zJIHScFGyVrF3Nlww48e9_Px-SwoY1LSMN3QabRm_6MIiEMyPJtIQQRwT5yJwb_uNg72r3LmKFnHAF1wyB3vHTh-IEn9Ioo6cje2t5xIZK6cU4lf8MEvfZZuOVw6Vk6A/s200/chat+box.jpg" width="53" /></a></div><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html?spref=bl">CHRISTIAN TATELU: Cara Membuat Buku Tamu Auto Hide di Blog</a>: Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog .<br /><br />
<br /><br />
<br /><br />
<a href="http://christiantatelu.blogspot.co.id/2012/03/cara-membuat-buku-tamu-auto-hide-di.html" target="_blank">Cara Membuat Buku Tamu Auto Hide di Blog</a>

Cara Membuat Buku Tamu Auto Hide di Blog

CHRISTIAN TATELU: Cara Membuat Buku Tamu Auto Hide di Blog : Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog . <a href="http...

Baca selengkapnya »

PROPOSAL EXKUL DESAIN GRAFIS

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC0jwkqSw9-bKncmR7Q8CP_LdjhOu_7-UO39BteeHpd2_YvIuEVruOEf_J-CweQj9TYAsu4TLdQzYnt8qd844t3VKJ70bAr5c3JnRKnbFNAIuqvZFERgscOv0gxECUj34ia4-s8s2209B7/s1600/plang+xkul+fb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC0jwkqSw9-bKncmR7Q8CP_LdjhOu_7-UO39BteeHpd2_YvIuEVruOEf_J-CweQj9TYAsu4TLdQzYnt8qd844t3VKJ70bAr5c3JnRKnbFNAIuqvZFERgscOv0gxECUj34ia4-s8s2209B7/s320/plang+xkul+fb.jpg" width="320" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
kami mulai menerapkan sebuah extrakurikuler yang disesuaikan dengan kondisi terkini, yaitu Ektrakurikuler desain grafis, yang mana materi didalam exkul ini berisikan pelatihan Desain grafis, fotografi dan editing video. Dan hasilnya ..... Anak-anak SMK sangat berminat dan meningkatkan minat belajar dan prestasi serta taenta mereka pun tersalurkan ....<br />
<br />
pilot project sudah kami lakukan di sekolah dan alhamdulillah berhasil ... untuk itulah.. kami menawarkan konsep ini untuk sekiranya bisa menjadi bahan referensi buat sekolah terutama SMK untuk menaplikasikannya di sekolah ...<br />
<br />
hal-hal yang mau di tanyakan, bisa menghubungi <a href="http://smknurilahiketapang1.blogspot.co.id/p/hubungi-kami-anda-bisa-datang-ke-alamat.html">kontak kami </a>...<br />
<br />
dan materi proposal dan penjelsan mengenai extrakurikuler ini, bisa di download <a href="https://www.dropbox.com/s/nhazxzmkk7idmt4/1%20proposal%20grafis%20multimedia.pdf?dl=0">disini</a>

PROPOSAL EXKUL DESAIN GRAFIS

kami mulai menerapkan sebuah extrakurikuler yang disesuaikan dengan kondisi terkini, yaitu Ektrakurikuler desain grafis, yang mana mat...

Baca selengkapnya »

Cara Membuat Running teks dengan sript HTML Marque...

Cara Membuat Running teks dengan sript HTML Marque...

Ingin Berbagi Ilmu dan Pengalaman: Cara Membuat Running teks dengan sript HTML Marque... : Cara membuat Running teks / tulisan bergerak ...

Baca selengkapnya »

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. <br />
<br />
<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: <br />
<br />
<br />
<div class="alert">
<script language="JavaScript"><br />
var text="<span style="color: red;">Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!</span>";<br />
var delay=20;<br />
var currentChar=1;<br />
var destination="[none]";<br />
function type()<br />
{<br />
//if (document.all)<br />
{<br />
var dest=document.getElementById(destination);<br />
if (dest)// && dest.innerHTML)<br />
{<br />
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";<br />
currentChar++;<br />
if (currentChar>text.length)<br />
{<br />
currentChar=1;<br />
setTimeout("type()", 5000);<br />
}<br />
else<br />
{<br />
setTimeout("type()", delay);<br />
}<br />
}<br />
}<br />
}<br />
function startTyping(textParam, delayParam, destinationParam)<br />
{<br />
text=textParam;<br />
delay=delayParam;<br />
currentChar=1;<br />
destination=destinationParam;<br />
type();<br />
}<br />
</script> <b><div 0px="" 12px="" arial="" color:="" 
ff0000="" font:="" id="textDestination" margin:="" 
style="background-color: none;"></div></b> <script 
language="JavaScript"><br />
javascript:startTyping(text, 50, "textDestination");<br />
</script></div>
<br />
Script di atas bisa dipasang di post dan juga di sidebar. Untuk di postingan, masukan dengan opsi <i>HTML</i> saat menulis. Sedangkan untuk sebagai widget bisa dengan saat di tata letak, pilih tambakan gadget dan pilih <i>HTML/Java Script</i>. Ganti tulisan yang <span style="color: red;">berwarna merah</span> dengan teks yang kamu inginkan, contohnya akan tampil seperti ini:<br />
<br />
<div class="alert">
<b><div id="textDestination" style="background-color: none;">
Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!_</div>
</b>  </div>
<br />
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. <br />
<br />
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.<br />
<br />
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.<br />
<br />
<b>Cara Mudah Membuat Slide Show Foto di Blog</b><br />
1. <b>Login</b> ke blogger<br />
2. Pilih <b>Tata Letak</b> kemudian <b>Tambah Gadget</b><br />
3. Pilih <b>HTML/JavaScript</b><br />
4. Masukan kode HTML berikut ini:<br />
<br />
<br />
<div class="alert">
<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script><br />
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('#content-slider').cycle({<br />
fx: 'fade'<br />
});<br />
});<br />
</script><br />
<style type="text/css"><br />
#content-slider {<br />
   position: relative;<br />
   width: 100%;<br />
   height: <b>250</b>px;<br />
   overflow: hidden;<br />
   margin:0 auto;<br />
}<br />
#content-slider img {<br />
   display: block;<br />
   width: 100%;<br />
   height: <b>250</b>px;<br />
}<br />
</style><br />
<div id="content-slider"><br />
<img src="<span style="color: red;">URL Foto 1</span>" /><br />
<img src="<span style="color: red;">URL Foto 2</span>" /><br />
<img src="<span style="color: red;">URL Foto 3</span>" /><br />
<img src="<span style="color: red;">URL Foto 4</span>" /><br />
</div> </div>
<br />
5. Ganti <span style="color: red;">URL Foto 1</span> dengan URL foto yang sudah dihost (upload)<br />
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.<br />
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="<span style="color: red;">URL Foto 4</span>" /> dan seterusnya.<br />
7. <b>Simpan</b> 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 »