.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

PERBAIKAN DATA SISWA

0 komentar


Kepada para Operator Sekolah di Wilayah Binaan VIII Kelurahan Kapuk, berdasarkan pengalaman yang telah lalu pada saat Validasi DNS mari kita menyicil salah satu pekerjaan kita yaitu Perbaikan Data Siswa di website SIMDIK (http://simdik.info) agar nantinya kita tidak terlalu terbebani oleh pekerjaan yang lain.

Memang sekilas pekerjaan ini terlihat mudah, namun jika dibiarkan berlarut-larut akan menyulitkan diri kita sendiri. Apalagi bila perbaikan data sudah DITUTUP oleh Tim Simdik, maka mau tidak mau atau terpaksa maupun tidak sekolah harus mengurus ke PKG Rawabunga dan menemui Tim Simdik untuk Perbaikan Data tersebut dengan antrian yang cukup panjang dan waktu yang sangat lama.

Demikian ajakan ini disampaikan, agar dapat diperhatikan dan atas kerjasamanya diucapkan terimakasih.
:)

Suni

Cara Memasang Read More di Blog

0 komentar
Cara Memasang Read More di Blogger - Apa yang sobat tahu tentang readmore?? yap benar sekali.. readmore atau dalam bahasa indonesianya baca selengkapnya adalah fasilitas yang di buat untuk menghemat halaman utama serta memaksimalkan halaman postingan. Mengapa demikian??

Sebelum sobat memasang readmore otomatis di blog, postingan pada halaman utama akan di tampilkan full tanpa ada potongan sama sekali ( diskon kalee ) sedangkan ketika sobat mengklik salah satu artikel, di halamn posting akan muncul artikel yang sama dengan halaman utama, jadi pengunjung tak perlu lagi ke halaman postingan jika dia sudah membacanya di halaman utama. dengan kata lain,akan sedikit kemungkinan pengunjung akan ke halaman posting.

Jadi dapat saya simpulkan bahwa keberadaan Readmore di blog adalah hal yang mutlak di butuhkan. kali ini saya akan berbagi ke pada sobat blogger tentang bagaimana cara memasang readmore di blogspot. Sobat yang tertarik, silahkan ikuti tutorial berikut.

Cara Memasang Read More di Blog

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> centang kotak Expand template widget
3. Kemudian Letakkan kode berikut diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

4. Cari kode  <data:post.body/> atau <p><data:post.body/></p> ( gunakan CTRL+F untuk memudahkan pencarian ). Jika mendapatkan 2 kode sama maka ganti saja kode yang pertama.

5. Ganti kode tersebut dengan kode berikut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

6. Klik save dan lihat hasilnya.

Tambahan :
  • summary_noimg = 430; jika artikel sobat tanpa gambar satupun maka yang akan di tampilkan pada halaman depan adalah huruf berjumlah 430.
  • summary_img = 340; Jika artikel sobat memilik gambar, maka yang akan di tampilkan di halaman depan adalah huruf berjumlah 340 dengan gambar.
  • img_thumb_height = 100; adalah tinggi dari thumbnail ( gambar ) yang di tampilkan di halaman depan.
  • img_thumb_width = 120; adalah lebar gambar yang akan di tampilkan di halaman depan
  • Ganti tulisan yang berwarna biru dengan Url gambar ( thumbnail untuk readmore ) sobat.
Suni

Cara Memasukkan Video Youtube Ke Postingan Blog

0 komentar
Ketika kita sedang menulis artikel, mungkin ada saat nya kita membutuhkan video untuk menunjang artikel yang kita buat. Selain itu dengan video yang dimasukkan ke dalam postingan kita, pembaca dapat mengetahui dan mengerti secara visual apa yang kita sampaikan dalam suatu artikel. Selain itu tampilan konten atau artikel kita pun tambah menarik dengan adanya video ini. Blogger sebenarnya telah menyediakan fasilitas untuk memasukkan video ke postingan blog. Tetapi hal tersebut berguna untuk video yang belum beredar di internet. Namun apa yang terjadi jika video tersebut sudah ada?? Anda tidak perlu mendownload video kemudian mengupload nya lagi keblogspot, Tentu hal tersebut memakan waktu. Anda tinggal memasang video dari youtube yang sudah di upload oleh orang lain.

Caranya Adalah Sebagai berikut :

1. Login Ke Blogger dan masuk ke bagian pembuatan artikel (new post) / (entry baru)

2. Buka Situs www.youtube.com

3. Buka video yang ingin anda masukkan ke dalam postingan

4. Klik Tombol Bagi yang ada di bawah video

5. Maka Akan muncul tombol baru dibawah nya bernama "Sematkan"

6. Klik tombol "sematkan" tersebut dan akan muncul kode seperti ini :

<iframe width="420" height="315" src="http://www.youtube.com/embed/jwZlLXyGlBQ" frameborder="0" allowfullscreen></iframe>

Sekian Tips dari saya. Trims :-)

Suni

menuju akhir SMA awal untuk kehidupan baru

0 komentar

Ga kerasa banget yg namanya waktu. Sekarang udah mau UN lagi dan SNMPTN 2012, dan kuliah lah. Oleh karena itu, pada postingan yg singkat ini, saya Mochammad Dimas Editiya sebagai author dari blog ini, memohon kepada sobat yang dtang semua ke blog ini, untuk memberi doanya. Karena alhmdulillah dimas dapet kemudahan untuk SNMPTN Undangan. Dan dimas milih buat ke ITB. Pilihan pertama dimas ITB-FTTM dan ke dua ITB-FMIPA, kbeneran aja seneng sama fisika. Sekali lagi, minta doanya agar dimas diterima dalam SNMPTN UNDANGAN ini. Amin


Oia, dimas juga minta sarannya yaa kalo ada info apapun atau ada yg tau cara penilaiannya.


Salam hangat


M Dimas Editiya


Published with Blogger-droid v2.0.4
Suni

Cara Memasang Animasi di Blog

0 komentar
Cara Memasang Animasi di Blog - Ada beberapa widget yang biasa di pasang sebagai hiasan diblog, ada yang memasang kalender, ada yang memasang lagu di blog, memasang animasi di blog dan masih banyak lagi. Namun kali ini, kita khusus membahas cara memasang widget animasi di blog.

Widget ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.

Cara Memasang Animasi di Blog

1.Tuyul ketawa


Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


2. Tuyul baring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


3. Helikopter


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


4.Gajah loncat


Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


5. Boring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog"  /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


6.Boneka joget


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


7. Panda main bola


Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


8. Panda biru



Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


9.Pinguin


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


10. Panah


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


11.Dragon


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


12.Kucing tidur


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


13. Bunga


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


14.Anjing laut


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


15.Lumba-lumba


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


16.Kelinci


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


17.Ikan


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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


18. Pintu


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



19.Berteriak


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


20.Terkurung



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


21.Sincelery



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


22.Menangis


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



23.Champion Ship


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


24. Sundul Bola



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


25. Lebah



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>



26. Kipas Angin



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


27. Telur Ayam Menetas



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Ayam Bertelur



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


27. Beruang Memancing Sambil Tidur



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


28.Kiper Gawang



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Kunai Strike



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

29.Gundam lari




Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

30.Tendangan Gundam



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:140px;height:190px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

31.Gundam Fight




Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to get more." /><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

32.Gundam Storm




Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:300px;height:545px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

33.Burung Terbang



Script:
<div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>

34. Cewek Bergoyang


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>


Cara Pemasangan :

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.

Tambahan :
  • Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right dengan left. begitu juga sebaliknya.
  • Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottom dengan kode Top
Suni

Cara Memasang Lagu di Blog

0 komentar
Cara Memasang Lagu di Blog - Bagaimana cara sobat menghias blog sobat?? Sudahkan sobat memasang widget Mp3 di blog sobat?? kalo belum dan sobat ingin memasangnya, berikut ada tutorial yang bisa sobat ikuti sebagai panduan memasang lagu di blog.
Lagu / Mp3 adalah salah satu widget blog yang biasa di pasang untuk mengusir kepenatan dalam ngeblog. Widget ini banyak di gunakan oleh para blogger newbie ( pemula ) dalam menghias blog. Sekedar info, bahwa mungkin widget ni akan sedikit menambah beban loading blog sobat, itulah sebabnya mengapa para blogger yang sudah lama ngeblog ( Blogger Senior ) jarang menggunakan widget ini.

Tapi bagi sobat yang tertarik memasangnya kali ini saya akan kasih tutorial nya. Silahkan ikuti Cara Memasang lagu di Blog ( Blogspot ) berikut.

1. Sign up ke MixPod dengan  mengisih data - data yang diminta seperti gambar berikut. Kemudian Klik Sign Up.


2. Kemudian sobat akan tampilan berikut.


3. Seperti pada gambar, langkah tersebut sobat lewati dengan mengklik No thanks, go to my account.
3. Kemudian Klik Create Playlist.


4. Selanjutnya sobat akan di mintah untuk memilih lagu untuk di masukkan dalam playlist.


5. Cari lagu yang sobat inginkan dan klik tanda plus (+) untuk memasukan lagu ke playlist, kemudian klik Costumize untuk mengatur tampilan Mixpod nya.



Di dalam menu costumize, sobat akan melihat 3 pilihan menu. antara lain, Skins, Color & Style dan Setting. atur sesuai keinginan.

 6. Klik Save Playlist kemudian beri judul dan deskripsi untuk playlistnya. misalnya..
Title : lagu
Deskripsi : Laguku


7. Ambil Scriptnya dengan meng klik Save (get code) dan pasangkan di HTML/Javascript blog sobat.
 Caranya, Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript--> Masukkan kodenya ke dalam kotak yang di sediakan. Klik save dan selamat mendengarkan.
Suni

Cara Memasang Iklan di Blog

0 komentar
Cara Memasang Iklan di Blog - Apa kabar sobat blogger?? Trick kali ini akan coba membahas tentang bagaimana memasang iklan PPC di blog. Sebelumnya saya sudah pernah memposting artikel tentang cara memasang iklan di samping artikel dan cara membuat wadah iklan muncul tiba - tiba, tapi sayangnya saya baru kepikiran untuk menulis artikel tentang cara pemasangan iklan di blog ( Blogspot ).

Seperti kita ketahui bersama, bahwa selain sebagai sarana penuangan ide dan aspirasi, blog juga adalah sarana untuk mencari receh, baik yang berupa dollar ataupun yang berupa Rupiah. Saat ini, banyak jasa PPC ( pay per click ) atau bayar tiap 1 kali klik yang tersedia dan bisa mendaftar secara gratis. salah satuhnya adalah Kumpul Blogger.   Kali ini, kita akan memfokuskan pemasangan iklan dari kumpul blogger . Sobat yang tertarik memasang script iklan di blog silahkan ikuti tutorial berikut.

1. Buka situs kumpulblogger dan klik Register atau langsung saja mengklik link ini
2. Masukkan Email sobat pada kotak yang di sediakan kemudian isi captha nya dan klik register.



3. Kemudian buka email masuk pada alamat email yang sobat daftarkan tadi dan dan ambil passwordnya.

4. Sekarang log in ke akun kumpul blogger sobat dengan username ( email sobat ) dan password tadi.

5. Setelah itu, sobat akan melihat beberapa tampilan menu seperti berikut.


  1. Script Text Advertising untuk Blog anda : adalah script berbentuk iklan baris ( tulisan )
  2. Script Mini Banner untuk Blog anda : adalah script berbentuk banner ( gambar )
6. Pilh salah satu ( kedua - duanya juga nggak apa apa ) dan ambil script yang di berikan kemudian pasangkan di HTML/Javascript blog sobat.

Caranya :
  1. Rancangan --> Elemen Laman --> Tambah gadget --> Pilih HTML/Javascript
  2. Masukkan script iklan ke dalam kotak yang di sediakan.
  3. Klik Simpan. 
Atau sobat ingin memasangnya melayang di blog sobat? ikuti trik berikut.

1. Rancangan --> Elemen Laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan kode berikut ke dalam kotak yang di sediakan.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>

SCRIPT IKLAN SOBAT

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

3. Klik save dan lihat hasilnya.

tambahan :
Berbicara PPC berarti berbicara pengunjung, karena itu saya sarankan sebelum sobat memasang iklan PPC, ada baiknya sobat perhatikan dulu jumlah visitor blog sobat.
Suni

Blogspot Template Blog

0 komentar
Blogspot Template Blog - Berbicara tentang blog tentu berbicara tentang template blog ( blogspot ) dan berbicara tentang template blog tentu sobat akan mencari template blogspot tebaik dan berbicara tentang template blogspot terbaik saya rasa sampai sekarang belum ada tuch... hihihi

Mungkin sobat blogger merasa aneh dengan judul dalam postingan kali ini, namun mungkin bagi sebagian blogger juga sudah tahu bahwa maksudnya yaitu untuk menembak keyword. jadi, bagi sobat blogger yang merasa ke sasar dengan menggunakan keyword Blogspot Template Blog, mohon maaf .. dan jika berkenan silahkan lihat - lihat dulu artikel lain di blog ini terutama yang berhubungan dengan template blog . di antaranya..
  1. Cara Mengganti Template Blogger 
  2. Tatelu Blogger Template 
  3. Tatelu Blogger Template V2
  4. Template Blogger Seo Friendly 2012
 Silahkan di download templatenya jika di rasa pas dengan keinginan sobat blogger.

Salam!!!
Suni

Tawk.to