Entri Populer

Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Senin, 10 Juni 2013

10 Manfaat Blog

Perkembangan dunia teknologi telah menjadikan berbagai hal/kegiatan, menjadi serba online. Mulai dari berjejaring sosial, berburu berita, mencari berbagai hal (musik, ebook, video, gambar, sofware dll), hingga media bisnis, belanja online, dan lain sebagainya.



Mengetahui 10 Manfaat Blog


Blog atau web log dalam perkembangannya ternyata memiliki peran penting untuk meramaikan konten-konten yang dapat diakses pengguna online di dunia maya. Berbagai konten dapat share di dunia maya, sehingga siapa saja yang terhubung dengan internet, dapat mengakses dan mendownload: mengunduhnya dengan mudah dan gratis. 

Di bawah ini, ada 10 manfaat blog. Beberapa manfaat yang SP tuliskan di bawah ini merupakan sebuah pengalaman yang sudah pernah SP alami selama nge-blog. Berikut10 manfaat blog tersebut. 


  1. Berbagi tulisan, baik dalam bentuk cerita, pengalaman dan pengetahuan lainnya. Sehingga orang lain yang membutuhkan, lalu menemukan tulisan Anda, merasakan kebermanfaatan blog Anda. Hitung-hitung cari pahala.
  2. Sarana untuk mempromosikan produk barang atau jasa. Dengan kata lain, blog bisa Anda manfaatkan sebagai toko online.
  3. Dapat menghasilkan uang. Penghasilan tersebut bisa anda jadikan sebagai penghasilan sampingan ataupun penghasilan tetap, asalkan Anda benar-benar serius dalam mengembangkannya. Misalnya mengikuti PPC, bisnis Afiliate, dan lain sebagainya.
  4. Mengikuti kontes. Dewasa ini, berbagai kontes dan lomba, sudah menjamur, baik itu berupa kontes SEO, ataupun kontes review, sehingga memungkinkan para blogger berkesempatan untuk menjadi pemenang dan mendapatkan hadiah.
  5. Sarana untuk berkreasi, misalnya Anda suka menulis, edit foto, Fotografer, dll. Anda bisa share dan tunjukkan kepada dunia hasil karya Anda.
  6. Menjadi media curhat. Di blog Anda bisa bercerita apa saja yang ingin Anda ceritakan. Tentunya sangat lebih bijak jika itu dapat memberikan dampak positif terhadap pembaca Anda. Sehingga pemikiran-pemikiran Anda dapat anda curahkan dengan plong.
  7. Menjadi media untuk mempopulerkan sesuatu atau diri sendiri. Banyak orang sukses, berawal dari iseng-iseng nge-blog.
  8. Mencari teman. Dalam dunia blogger, kita tidak bisa hidup sendiri, tanpa blogger lainnya, sebagai blogger tentunya membutuhkan blogger lain untuk saling sharing, bertukar link, dll.
  9. Belajar untuk lebih baik. Biasanya sesama blogger akan saling berkomentar satu sama lain, sehingga kita bisa mengetahui kekurangan-kekurangan dalam konten yang kita share.
  10. Yang terakhir adalah memotivasi kita, untuk selalu memberikan yang terbaik kepada pembaca. Karena sebagai manusia, tentunya kita ingin dipuji dari yang terbaik yang bisa kita berikan kepada pembaca/orang lain. Selain itu Anda juga akan berusaha belajar banyak hal.
Source : http://sigodangpos.blogspot.com

Minggu, 04 November 2012

Membuat teks animasi dengan efek neon light (Neon Lights Text II)

Jika sebelumnya pernah memposting panduan blog tentang efek neon pada teks dimana teks menyala dari kiri ke kanan hingga semua teks akan terlihat menyala. Maka dengan script berikut akan terlihat efek menyala tetap dari kiri ke kanan namun hanya satu karakter saja yang menyala.

Jika tertarik mencoba efek neon pada text ini , silahkan copy script di bawah ini kemudian masukkan ke dalam gadget html/javascript atau ke dalam postingan,
Scriptnya bisa dilihat di bawah ini :



<h2><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="Selamat datang di blog pemula ini!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds

///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
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(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
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></h2>

Keterangan :
Ganti teks Selamat datang di blog pemula ini dengan teks yang ingin ditampilkan
Pada var neonbasecolor="gray" bisa ganti gray dengan warna lain
Pada var neontextcolor="yellow" bisa ganti yellow dengan warna lain
Pada var neontextcolor2="#FFFFA8" bisa ganti #FFFFA8 dengan warna lain
Pada var flashspeed=100 bisa ganti 100 dengan speed yang diinginkan

Contoh hasilnya bisa dilihat di bawah ini :

Selamat datang di blog pemula ini!

 

Sumber :   http://www.komputerseo.com/2011/01/membuat-teks-animasi-dengan-efek-neon.html

Widget animasi kartun lucu untuk blog wordpress , blogspot, blogdetik

Berikut ini adalah widget animasi lucu berupa  animasi kartun lucu yang bisa dipasang di pojok blog wordpress , blogspot, blogdetik

Untuk menampilkan animasi di pojok blog, cukup copy salahsatu script yang tersedia  di awah ini kemudian masukkan ke dalam gadget html/javascript (untuk pengguna blog blogspot). Atau masukkan ke dalam widget text/html untuk pengguna blog wordpress /blogdetik.
Jika kesulitan bisa lihat panduannya disini widget animasi blog



1. Pintu



Script:
<div style="position: fixed; bottom: 0px; left: 0px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


2. Teriak


Script animasi :

<div style="position: fixed; bottom: 0px; left: 0px;width:110px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

3. Terkurung


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:80px;height:100px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>


4. Sincerely


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:180px;height:80px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


5. Menangis


Script:
<div style="position: fixed; bottom: 0px; left: 0px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


6. Piala

Script :
<div style="position: fixed; bottom: 0px; left: 0px;width:110px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
7. Sundul bola


Script:
<div style="position: fixed; bottom: 0px; left: 0px;width:125px;height:150px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

8. Tawon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

9.Kipas


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

10.Telur menetas


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

11.Ayam bertelur


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

12.Beruang


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:100px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget</a></center></small></div>

14.Gawang


Script :

<div style="position: fixed; bottom: 0px; left: 0px;width:155px;height:130px;"> <a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a> <small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Sumber  : http://www.komputerseo.com

Sabtu, 03 November 2012

Memasukan lagu dalam blog :D

1. Klik Tata letak,
1. Lalu Tambah Gadget,
3. Pilih HTML/Java Script.
4. Lalu copas scriptnya,
5. Klik simpan.
Dan blogmu akan keren dengan lagu-lagu itu
Mudahkan? Nih aku kasih script lagu untuk blog :)

PSY - Gangnam Style :                 <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/777 gangnam style.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>


Jason Mraz - I'm yours :                 <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Jason Mraz - Im Yours.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>


Adele - Rolling in the deep                 <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/01 Rolling In the Deep.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>


Akon - Right now ( Na Na Na )                 <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Akon_-_Right_Now_(NaNaNa).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>


                                                                          

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia
2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Catatan:
1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog
2. Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag leftmenjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini

<div style="position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Pasang Jam Doraemon di Blog

Aku mau bagi-bagi nih cara buat jam Doraemon di blog ;) Lihat ya cara-caranya.

1.Sobat Log in kedalam Blog sobat dulu
2.Masuk Rancangan
3.Tambah Gadget
4.Pilih Html,
5.Kemudian Sobat Paste Code Html Dibawah Setelah di Copy Terlebih Dulu ,,,
6.Klik simpan
<br />
<div class="separator" style="clear: both; text-align: center;"><br /><object data="http://www.widgipedia.com/widgets/klikflash/doraemon-14354-8192_134217728.widget?__install_id=1333028605282&amp;__view=expanded" height="250" type="application/x-shockwave-flash" width="250"> <param name="movie" value="http://www.widgipedia.com/widgets/klikflash/doraemon-14354-8192_134217728.widget?__install_id=1333028605282&amp;__view=expanded"><br /><param name="quality" value="high"><br /><param name="wmode" value="transparent"><br /><param name="allowScriptAccess" value="always"><br /><param name="width" value="250"><br /><param name="height" value="250"><br /><div class="online_widget_preview_no"><br /><div><br /><br>The <a href="/widgets/gallery/" title="Browse Widgets Gallery">Widgipedia gallery</a><br>requires Adobe Flash<br>Player 7 or higher.<br><br>To view it, <a href="http://www.adobe.com/go/getflashplayer" target="_blank">click here</a><br>to get the latest<br>Adobe Flash Player.</div><br /></div><br /></object></div><br /><div style="text-align: center;"><br /><br /></div><br />