0 Tutorial Membuat Animasi Berbasis Flash dan HTML Dengan Menggunakan Microsoft POWERPOINT 2007

By slamet al matra | At 07.24.00 | Label : Tutorial Blog | 0 Comments

Microsoft Powerpoint merupakan sebuah aplikasi prensentasi untuk menyampaikan sebuah materi yang sering digunakan oleh para tenaga pendidik. Namun jika pengguna tidak mahir atau baru tahap belajar maupun pemula maka akan terasa sulit. Dengan microsoft powerpoint ini kita bisa mempresentasikan sebuah materi pembelajaran, sehingga sangat menarik bagi siswa, dan pembelajaranpun tidak membosankan. Namun agar lebih menarik lagi adalah sebuah file yang di hasilkan oleh microsoft powerpoint ini yang extensinya ppt akan kita rubah menjadi flash
Berikut ini adalah langkah langkah

1. Buka Microsoft Powerpoint anda, kebetulan saya disini masih menggunakan Microsoft Powerpoint 2007, buat yang Microsoft Powerpoint 2007 nya belum ada atau mempunyai software pendamping,pendukung untuk memasukan, menambahkan file bebasis flash(swf) dalam lembar kerja Microsoft Powerpoint 2007 maka sebaiknya instal dulu software/ aplikasi yang bernama iSpring.
2. Setelah di instal maka buka lagi Microsoft Powerpoint 2007 anda, sehingga yang awal menunya belum ada akan menjadi ada seperti di bawah ini ;

3. Kemudian kita akan membuat sebuah materi yang hasilnya nanti berbentuk flash.
4. Materinya adalah Gerak
5. Dalam materi ini seorang guru bertujuan untuk menjelaskan tentang gerak pada pelajaran IPA kelas VI semester Ganjil kepada muridnya.
6. Kita ketik Lembar 1 dengan “ MEDIA PRESENTASI-ILMU PENGETAHUAN ALAM-MATERI GERAK-TINGKAT-SD
7. Gunakan costum animasi untuk mempercantik tulisan, kali saya menggunakan costum animasi change entrance effect.
8. Setelah itu selesai kita akan lanjut kelembar 2 atau slide 2 dimana pada lembar kerja 2 ini kita menuju ke inti kerja
9. Masukan satu huruf A untuk posisi awal, dimana akan meletakan /Masukan sebuah gambar mobil
10. Gambar mobil ini saya ambil dari situs www.jualbeliforum.com
11. Gambar mobil tersebut kita beri costum animasi add effect > add motion path>left, atur arah geraknya sesuai dengan gambar mobil biar terlihat berjalan, bergerak.
12. Masukan garis/ insert line, klik garis tersebut untuk memberi warna, klik kanan> format shape>line>color=merah
13. Masukan satu huruf B untuk posisi akhir mobil, jangan lupa beri costum animasi
14. Masukan , tambahkan aroww, beri beri costum animasi, add effect>strips menuju huruf A
15. Masukan , tambahkan aroww, beri beri costum animasi, add effect>strips menuju huruf B
16. Ketik sebuah penjelasan tentang gambar di atas yang menerangkan Gerak
17. Ketik lagi teks “Gerak” letakan di dekat Line> beri beri costum animasi, add Fadid swevil
18. Kemudian, klik iSprings di Menu toolbar>klik > Publish, maka extensi file yang awalnya ppt akan berubah jadi flash atau swf dan html
19. Nah...mudah bukan...ternyata membuat file animasi bisa juga di microsoft powerpoint. Jadi tidak mesti di aplikasi macromedia flash disini juga bisa dan mudah.
20. Sekian dulu cara membuat animasi menggunakan microsoft powerpoint 2007, semoga bermanfaat dan selamat mencoba.

• URL File : https://www.dropbox.com/s/2wp5t7f1wzfatkp/GERAK%20UJI%20COBA%202.swf
• Software : Microsoft Powerpoint 2007 dan iSprings

Infor

0 Aplikasi Untuk Membuat Header Blog Sederhana dan Menarik

By slamet al matra | At 16.59.00 | Label : Tutorial Blog | 0 Comments

Header blog,nah itulah topik kali ini teman teman,nah aku pingin ngasi sedikit tips super basi lagi,tentang gimana cara buat header blog yang sederhana,namun tetep enak di pandang mata dan juga buat header blognya ngk pake yang rumit rumit ne..cara ini saya temui sendiri ketika sudah pusing googling mencari cara buat header blogpake animasi,udah tak cobak ngk mau mau,,hah,,langsung aja dah tak cobak buat header blog yang sederhana aja,

Langkah-langkahnya membuat header blog

1.kalian siapin gambar untuk header blognya ya
2.buka aplikasi microsoft wordnya
3.buka juga aplikasi paint yang biasanya sudah terpasang langsung tuh di komputer atau laptop kalian
4.nah sekarang klik kanan gambar yang kalian siapin itu dan pilih "copy"
5."paste"kan gambar tersebut di microsoft word yang sudah kalian buka itu,nah ne kebetulan saya coba pake gambar air terjun aling aling desa sambangan he he,,,

6.nah sekarang klik gambar di microsoft word tersebut sehingga keluar garis bagian pinggir gambar itu dan tarik memanjang sesuikan dengan lebar dan panjang header blog kalian
7.nah jika sudah,sekarang ke apilkasi paintnya dulu ya,tarik dan panjangkan juga agar sesuai dengan gambar yang sudah kalian edit tadi

nah sesuaikanlah lebar dan panjangnya,lihat ukurannya dibawahnya,dan jika kalian merasa kesulitan melihatnya perkecil aja tampilan layarnya dengan menggeser angka 100% yang ada di pojok kanan bawah aplikasi paint tersebut,contohnya mungkin di ubah menjadi 50%,,,
8.nah jika sudah langsung aja gambar di microsoft word tadi di copy dan pastekan di aplikasi paint tersebut dengan menekan ctrl+v

9.nah sekarang saatnya kalian merias gambar tersebut,mungkin dengan mengisi tulisan mungkin ya,,,

10.nah sudah kan?kalian tinggal simpan gambar header blog kalian dan siap untuk mengganti header blog kalian,, untuk caranya bisa dilihat di sini.nah segitu dulu ya untuk kali ini,sampai jumpa lagi nanti di sela sela kesibukan saya ya,,,by,bye,,sukses selalu

Anda sedang membaca artikel tentang APLIKASI UNTUK MEMBUAT HEADER BLOG SEDERHANA DAN MENARIK dan anda bisa menemukan artikel APLIKASI UNTUK MEMBUAT HEADER BLOG SEDERHANA DAN MENARIK ini dengan url http://www.gedeawansambangan.com/2012/06/aplikasi-untuk-membuat-header-blog.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikelAPLIKASI UNTUK MEMBUAT HEADER BLOG SEDERHANA DAN MENARIK ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link APLIKASI UNTUK MEMBUAT HEADER BLOG SEDERHANA DAN MENARIK

0 Memasukan File PDF Ke Dalam Postingan Blog

By slamet al matra | At 06.00.00 | Label : Tutorial Blog | 0 Comments

Mungkin sesekali anda pernah berfikir untuk menampilkan atau memasukkan sebuah file PDF atau sejenisnya kedalam sebuah posting blog anda, tetapi anda belum mengetahui bagaimana caranya. Untuk itu dengan saya tulisnya artikel ini adalah untuk membantu anda dalam memecahkan solusinya, sehingga anda dapat dengan bebas membagikan dokumen apapun yang anda inginkan.

Ok langsung saja, berikut ini adalah langkah-langkah yang harus anda gunakan untuk memasukan sebuah file PDF ke dalam blog anda.

• Kunjungi https://docs.google.com/ 
• Jika sudah, login menggunakan akun google anda, apabila anda belum memilikinya anda bisa registrasi terlebih dahulu.
• Setelah anda login, unggah file yang akan anda tampilkan dengan meng-klik simbol unggah.
• Tunggulah beberapa saat sampai proses unggah selesai.

• Setelah selesai, maka file yang anda unggah barusan akan muncul dalam daftar "Driver Saya".

• Klik file tersebut, maka akan muncul tampilan dari isi dokumen yang anda unggah barusan.
• Sekarang anda klik "Buka".

• Maka file akan terbuka keseluruhan dalam sebuah tab baru.
• Pilih menu File >> Sematkan file PDF ini.

• Jika sudah maka akan keluar sebuah tampilan dengan menyertakan kode dari file tersebut, silakan anda copy kode tersebut.

• Langkah terakhir anda letakkan kode yang sebelumnya anda copy kepostingan HTML blog anda.
• Selesai :D

Sekarang anda dapat membagikan sebuah file PDF pada blog anda.

Semoga bermanfaat

0 Cara Membuat Template Blog Sendiri

By slamet al matra | At 00.28.00 | Label : Tutorial Blog | 0 Comments

Bagaimana cara membuat template blog sendiri? itulah pertanyaan yang sering ditanyakan para blogger. Ada beberapa cara yang digunakan orang untuk mempercantik blog mereka. Salah satunya yatu dengan merubah tampilan blog mereka dengan mengganti template standard yang ada. Artikel kali akan membahas bagaimana cara membuat Template blog sendiri. Cara membuat template blog sendiri : 1. Membuat template blog sendiri dengan menggunakan fasilitas Blogger template Designer Cara Membuat Template Blog tipe ini sangatlah umum alias sudah banyak yang tahu dan caranya pun cukup mudah. Alangkah baiknya bila anda langsung praktek disana. Silahkan ikuti link ini 2. Membuat template blog sendiri dengan bantuan software atau aplikasi Cara membuat template blog tipe ini jarang digunakan orang untuk membuat template blog, kenapa? saya rasa jawabannya karena belum ada software gratisan untuk membuat template blog. Maksudnya, software untuk membuat template blog dijual dengan harga tertentu. Ya memang ada sebagian yang menggunakan software untuk membuat template blog sendiri. 3. Membuat template blog sendiri dengan cara editing Online Cara membuat template blog inilah yang banyak digunakan, karena tidak perlu biaya dan kemungkinan besar sudah bisa dengan cepat untuk membuat template blog sendiri. Situs yang menyediakan fasilitas membuat template biasanya sudah menyediakan template template tertentu yang nantinya bisa anda edit sendiri. berikut ini situs yang menyediakan editing template secara online. Situs membuat template blog sendiri secara online : Profilebrand : menyediakan fasilitas edit template gratis, kebanyakan template yang disediakan untuk kita edit bertema jaringan sosial ( facebook, twitter, myspace dll ) Pimp my Profile : Nah untuk situs ini anda bisa membuat template blog, Myspace, dan friendster. Silahkan langsung saja ke situsnya. Yvoschaap : Situs ini menyediakan fasilitas untuk membuat template blog sendiri hanya khusus wordpress. DoTemplate : wah kalau yang ini lumayan bagus bagi kita yang belajar membuat template blog sendiri. Disana sudah disediakan beberapa template untuk kita edit sendiri. Template yang disediakan juga cukup banyak dan simpel. Setelah anda selesai membuat template blognya, anda bisa langsung mendownloadnya disana. TemplateTr : Ini situs yang menyediakan fasilitas membuat template blog gratis dan cepat. Hanya dengan 4 langkah anda sudah bisa membuat template blog sendiri. Memang hasilnya simpel, tapi dengan karya hasil sendiri tentunya memiliki kebanggaan tersendiri. Cara membuat template blog sendiri bukan hanya yang ada diatas. Anda juga bisa download template jadi dan langsung mengedit sampai berbeda dengan aslinya. Silahkan anda uji kemampuan dan imajinasi anda untuk menciptakan template yang berbeda dari yang lain. Ok deh itu saja arikel mengenai cara membuat template blog sendiri, selamat mencoba dan semoga sukses.

0 Cara Mengatur TAG HEADING Dalam Dokumen HTML

By slamet al matra | At 06.41.00 | Label : Tutorial Blog | 0 Comments

Setelah sebelumnya klinik-it menerangkan tentang cara membuat dokumen html dengan tag heading,Dalam postingan kali ini klinik-it akan menerangkan lebih lanjut tentang pemakaian tag heading tersebut dalam dokumen HTML,Untuk penataan tag heading di butuhkan juga Tag-Tag atribut.Tag atribut tersebut terdiri dari tag <center> Untuk meletakan heading di tengah, tag <right> untuk meletakan heading di sebelah kanan ,dan tag <left> untuk meletakan heading di sebelah kiri .

Berikut ini adalah contoh dokumen html dengan pengaturan tata letak Tag heading.

<html>
<head>
<title> CARA MENGATUR TAG HEADING DALAM DOKUMEN HTML</title>
</head>
<body>
<h2 align=”center”>Heading 2 ditengah</h2>

<p>Ini merupakan contoh dokumen dengan penataan heading di tengah .untuk penataan di sebelah kiri atau disebelah kanan silakan rubah tag center menjadi tag “left” atau “right”.
</p>
</body>
</html>

Untuk mencoba membuat dokumen html dengan tata pengaturan heading,silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan penataam tag heding ke dalam notepad tersebut.

6.Klik Save Dengan nama coba7html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai…

0 Cara buat flash efek

By slamet al matra | At 06.37.00 | Label : Tutorial Blog | 0 Comments

Dalam postingan kali ini saya akan membahas bagaimana cara membuat Flash efeks ecara sederhana . kali ini saya memakai situs pihak ketiga .apa itu flas efek ? flash efek adalah sejenis teks yang bergerak-gerak untuk misalnya pesan selamat datang atau untuk sekedar menampilkan nama anda . tanpa banyak basa-basi .langsung saja ikuti langkah berikut:

Ikuti lankah-langkah berikut ini :
1.Klikhttp://www.widgeo.net/
2.Klik menu flash effects pada situs tersebut
3.Isi form yang di sediakan di situs tersebut
4.Klikk get widget untuk mendapatkan kode.
5.Selanjutnya log In ke blogger .lalu paste kode tadi ke dalam blog.

Hasil Flash effects

0 Cara Buat Iklan Banner Berjalan Di Pojok

By slamet al matra | At 06.37.00 | Label : Tutorial Blog | 0 Comments

Posisi iklan yang baik memang slalu menjadi perhatian , apa lagi kalo iklan yang kita pasang diblog kita adalah blog PPC(Pay Per Click).Dalam postingan kali ini saya akan membahas bagaimana memasang iklan banner yang baik supaya mengundang pengunjung blog kita mengklik iklan tersebut. Lihat saja jam yang melayang-layang di blog saya .Iklan yang nanti kamu pasang juga akan seperti itu .Karena dalam memasang iklan di blok kita harus di posisi yang ideal .lebih lengkapnya ideal dan baik .hehehe Silakan ikuti langkah-langkah berikut untuk Buat Iklan Banner Berjalan Di Pojok :

1.Log In Ke blogger.com lalu Klik Tata Letak -->> Edit HTML
2.Kalo Udah Cari Kode ]]></b:skin> Supaya lebih mudah Cari dengan menggunakan tombol cttl+f Kalo udah ketemu taro kode berikut di atas kode yang tadi :

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Keterangan :Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

4.Selanjutnya cari kode </body> Dan letakan kode berikut di atasnya :


<div id="trik_pojok">

Letakkan kode iklan disini
</div>

Ganti tulisan yang berwarna merah dengan Kode iklan atau script yang lainya .Kalo uadah selesai tinggal klik save template ,Dan lihat hasilnya..

Kode ini saya dapatkan dari http://trik-tips.blogspot.com

0 Cara Cepat Supaya Blog Ke Indeks Di Google

By slamet al matra | At 06.35.00 | Label : Tutorial Blog | 0 Comments

Blog yang cepat ter indeks di Mesin pencari (seach engine) adalah keinginan hampir setiap blogger. ya karena supaya blog kita yang baru kita buat bisa ada dalam jajaran/listing hasil pencarian di search engine .Saya punya sedikit pengalaman nich .mau cerita sedikit dulu iia hehehehe. Dulu nich waktu saya mulai nge-blog saya punya 1 blog yaitu blog sekolah saya,blog saya ini lama sekali ter-indeks gi google yaitu sekitar hampir 1 bulan. waktu itu saya menambahkan/mensubmit link blog saya ke www.google.co.id/addurl/Namun waktu saya membuat blog ke 2 hanya dalam 4 hari blog saya yang baru sudah ter-indeks di google .Cara ke2 yang waktu itu saya gunakan adalah dengan menambahkan url blog saya ke http://blogsearch.google.com/ping .Jadi kalo pengen blog baru kamu cepat ter-indeks di google Submit/tambahkan url blog kamu di http://blogsearch.google.com/ping .Demikianlah sedikit pengalam saya .hehehe. semoga blog baru kamu cepat ter-indeks di google.

0 Cara Buat Link Download

By slamet al matra | At 06.32.00 | Label : Tutorial Blog | 0 Comments

Apa Itu link download ? Link download adalah seuatu teks atau gambar yang bisa di klik untuk mengarahkan link ke sebuah hosting untuk mendownload sebuah file . Bagaimana Cara membuatnya ? caranya begini Copy kode berikut lalu paste di blog kalian :
<a href="http://www.klinik-it.blogspot.com">Download</a>

Keterangan : Teks yang berwarna biru adalah Link tujuan ketika teks Yang berwarna Merah Di Klik . Teks Yang Berwarna merah juga Bisa anda ganti Dengan kata lain misalnya saja "Klik Disini"Ataupun yang lainya !

Ada banyak Fariasi untuk membuat link download,diantarannya dengan cara membuat linknya berhuruf besar,Miring tebal atau dengan menggunakan gambar . Contohnya sebagaiberikut :

Copy paste kode berikut untuk membuat teks link download menjadi tebal :
<a href="klinik-it.blogspot.com"><b>Download</b></a>

Untuk membuat teks tersebut miring silakan ganti kode <b>dan</b> Dengan <i>dan</i> .

Dan untuk membuat link tersebut Berukuran kecil sampe besar ganti kode yang saya hijaukan dengan kode <h1> dan </h1> . ganti angka tersebut dengan angka 1 - 6 jika ingin menyesuaikan ukuran besar link .

Cara Selanjutnya adalah membuat link download dengan gambar/ikon
Caranya copy paste kode berikut ke blog anda :

<a href="http://www.klinik-it.blogspot.com" title="Download"><img src="http://farm5.static.flickr.com/4042/4278913170_e7973277d8_o.png" width="216" height="74" alt="download[4]" /></a>

Hasilnya adalah sebagi berikut :



Keterangan Ganti Link yang berwarna biru dengan Full link Hosting tujuan anda .

Selamat Mencoba ....

0 Cara Buat Form Kirim Email Di Blog

By slamet al matra | At 06.22.00 | Label : Tutorial Blog | 0 Comments

Cara Buat Form Kirim Email Di Blog

Setelah sebelumnya klinik-it menjelahkan tentang bagaimana cara buat form kontak kami dengan menggunakan situs http://www.emailmeform.com kali ini akan menjelaskan tentang masalah kontak atau saranan untuk berkomunikasi antara pemilik dan pengunjung blog. yang tentunya bertujuan agar terjalin komunikasi antara pemilik dan pengunjung blog. Cara Buat Form Kirim Email Di Blog. beda dengan form kontak kami yang klinik-it posting beberapa minggu yang lalu, Form kirim email kali ini hanyalah jembatan untuk sang pengunjung mengirimkan email melalui software emailclient seperti microsoft outlook.Contohnya bisa sobat lihat di bawah ini.

Name:

Alamat:

Email:

Cara kerja Form kirim email ini sangaat sederhana,pengunjung hanya diminta memasukan nama dan alamat emailnya kemudian mengklik tombol kirim ,maka seketika software emailclient seperti microsoft outlook akan segera terbuka dan sang pengunjung bisa langsung mengirimkan email kepada sang pemilik blog.

Jadi pada dasarnya pengunjung blog yang ingin mengirimkan email kepada sang pemilik blog harus sudah men-setting software microsoft outlook di komputernya.Buak sobat yang ingin mencobanya silakan ikuti langkah-langkah Cara Buat Form Kirim Email Di Blog di bawah ini.

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Copy paste kode berikut ke dalamnya.

<form action="MAILTO:admin@denisahlan.co.cc" method="post" enctype="text/plain">
Name:<br />
<input type="text" name="nama" value="Nama" size="20" />
<br />
Alamat:<br />
<input type="text" name="alamat" value="alamat" size="20" />
<br />
Email:<br />
<input type="text" name="mail" value="email" size="20" />
<br /><br />
<input type="submit" value="Kirim" />
<input type="reset" value="Batal" />
</form>

6.Ganti email almatra.s12@gmail.com yang berwarna biru di atas dengan alamat email sobat.

7.Klik SIMPAN..

0 Cara Buat Buku Tamu Berada Disamping Blog

By slamet al matra | At 05.20.00 | Label : Tutorial Blog | 0 Comments

Setelah Sebelunya Klinik-it memposting tentang cara Bagaimana membuat buku Tamu atau ShoutMix atau shutbox. kali ini klinik-it masih akan membahasnya..namun yang kali ini klinik-it bahas adalah tentang tekhnik pemasangannya,kalo sebelumnya pemasangan buku tamu ini hanya dilakukan di sidebar ,kali ini Tips yang akan klinik-it berikan adalah tentang Cara Buat Buku Tamu Berada Disamping Blog, Dengan menggunakan Trik ini,jadinya Sobat bisa menghemat bagian sidebar. Dan juga trik ini adalah bagian dari cara mempercantik tampilan blog,yang tujuanya adalah supaya blog terlihat aktraktif dan dinamis.

Penasaran dengan Buku tamu yang ada disamping blog ? Kalo penasaran silakan sobat lihat sendiri contohnya di blog sobat klinik-it ini,Coba sobat amati bagian kanan atas blog tersebut, disitu terdapat image Bertuliskan Buku tamu dan coba sobat klik image tersebut,setelah di klik maka sebuah buku tamu akan muncul.

Tertarik untuk membuatnya ? Jika tertarik silakan ikuti langkah-langkah Cara Buat Buku Tamu Berada Disamping Blog di bawah ini.

Cara Buat Buku Tamu Berada Disamping Blog

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Copy dan paste Kode di bawah ini ke dalamnya

<style type="text/css">#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://farm3.static.flickr.com/2771/4442306534_c1431ea4ce_o.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
MASUKAN KODE BUKU TAMU DISINI
<a href="javascript:showHideGB()">
</a></div>
<div style="text-align:right; font-size:xx-small;">Cara Buat Buku Tamu <a href="http://klinik-it.blogspot.com/2010/03/cara-buat-buku-tamu-berada-disamping.html" target="blank">disini</a><br/><br/> widget by <a href="http://www.klinik-it.blogspot.com" target="blank"> Klinik-it</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6.Hapus tulisan MASUKAN KODE BUKU TAMU DISINI yang berwarna biru dan ganti dengan kode buku tamu atau shoutmix blog kamu.

7.Klik SIMPAN.

0 Cara Submit Blog Ke Search Engine Populer

By slamet al matra | At 04.13.00 | Label : Tutorial Blog | 0 Comments

Jika kita telah membuat blog, maka harapan kita adalah blog tersebut terindeks di mesin pencari. Pada posting ini, saya akan berbagi tips tentang bagaimana cara submit blog ke search engine. 

Kita ketahui bersama bahwa sumber lalu lintas pengunjung atau visitor blog adalah search engine populer misalnya Google, Yahoo , MSN dan lain- lain. Maka ketika kita mempunyai blog atau situs website baru, apa yang harus kita lakukan ? 

Dalam SEO atau Search engine optimization, sebagai langkah awal dalam membangun blog yaitu melakukan submit sitemap ke berbagai mesin pencari. Buat para blogger indonesia, tak usah bingung, berikut ini ada beberapa tips untuk menjawab hal itu

Cara Submit Sitemap Blog ke Search Engine

Di bawah ini , saya memberikan beberapa search engine populer dan cara mensubmit URL blog dengan langkah- langkah yang bisa kawan ikuti satu  per satu :

1. Submit sitemap blog ke Google Search Engine

2. Submit sitemap ke Yahoo Site Explorer

3. Submit blog ke MSN 

4. Submit situs web atau blog ke  Ask .com

Kawan – kawan bisa mengikutinya satu persatu – satu, agar cara submit blog ke search engine dapat dilakukan dengan baik. Semoga tips dari saya sangat bermanfaat bagi kawan-kawan, Dan semoga pengunjung blog kita semakin bertambah. Salam blogger Indonesia

0 Cara Mengganti Kursor Blogger

By slamet al matra | At 18.41.00 | Label : Tutorial Blog | 0 Comments

Cara Mengganti Kursor Blogger - Modifikasi Cursor Blogspot. Kali ini kita akan membahas tentang cara mengubah tampilan kursor yang ada di blog kita. Jika sobat masih penasaran dengan yang dimaksud mengubah kursur, maka silahkan untuk memperhatikan kursor blog ini terlebih dahulu. Bagaimana? Menarik bukan....? Nah, di atas itu adalah tampilan kursor blog ini. Bagi sobat yang ingin mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya melalui langkah-langkah berikut: 1. login lah ke akun blogger sobat terlebih dahulu 2. Lalu klik "Layout" 3. Pilih "add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat: a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN 4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN" PENTING: Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat. Berikut adalah beberapa link gambar kursor koleksi saya: Link: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5NgQdt0PuZQ1b7EgUhBfb2xyW9WIkROxkm7IX_L_VFUxu3nrVosA34acgs6chsotEEv_SauamWlrZv3bhX4FK6pRw2gez9NIVkCy25loqxbQuldcE-ZSna1MiRfG4okyxFz-oot5bOkg/s400/bat_banana_t4belajarblogger.png Link: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqPaYCYiG2N1q8xm8xW7G1Fi8rj4hS3e1PCpz5jxflgYzDLvJQNlR1jFjnAD7CxhO7qTmmPaOZ9ZBLE8OPFFbNKfczfKxJlzB9xONLkiNYfcIiKOhH8xI8WKPwhr5bwRnjxqJnfnJcUo0/s400/bird_hair_t4belajarblogger.png Link: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnyjR0nnfkAihO2xH7CYJrOFc0uGXsjqUe14I_ktq30CoEC3VAJ7hCrTPAwChLiIPokf7YgMRWHbJSDDWuCoE5D0SVve81tP6jrAOlPo0VCMEm8ta76PSNh-hDeXO_egSNv_0om2iCgZA/s400/guitar_banana_t4belajarblogger.png

0 Cara mengubah gambar menjadi url

By slamet al matra | At 00.26.00 | Label : Tutorial Blog | 0 Comments

masih bingung cara mengubah gambar menjadi bentuk url ? memang bagi yang belum mengerti mencari-carinya, jika sobat membaca postingan ini memang tepat. fungsi dari apabila kita ubah url gambar ke url adalah url tersebut bisa kita gunakan untuk memasang di HTML/JAVA script. jika saja sobah-sobat ada yang belum paham tentang cara yang harus dilakukan untuk mengubahnya langsung saja saya berikan cara yang bisa sobat praktekan langsung.

1. pertama sobat login ke blogger

2. lalu pilihlah laman

3. jika sudah lalu pilihlah laman kosong

4. kemudian pilih insert picture nah sobat bisa lihat yang di arahkan panah

5. kemudian pilih file

6. lalu jika sudah memilih kemudian clik Add Selected

7. kemudian click HTML

8. lalu lihatlah yang ditandai dengan warna biru itu merupakan format url gambar kita biasanya formatnya berupa nama gambarnya

9. sobat sudah mendapatkan url gambar yang sobat inginkan.

0 Cara mengganti slide show bawaan tema blog

By slamet al matra | At 00.08.00 | Label : Tutorial Blog | 0 Comments

Cara mengganti gambar di slide show yaitu sebagai berikut:

• masuk ke dasbor blog 
• masuk ke rancangan 
• masuk ke edit Html 
• tekan CTRL +F untuk mempermudah pencarian
• cari  tulisan yang telah saya lingkari pada gambar di bawah ini :

• setelah ketemu maka akan muncul code seperti ini:

<div class='fp-thumbnail'><a href='http://monggomampir.tk/'><img src='https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/s720x720/391069_221978194542848_100001920062783_562845_644357137_n.jpg'/></a>

</div>

<h3 class='fp-title'><a href='http://monggomampir.tk/'>This is Featured post 1 title</a></h3>

<p>Reaplace hfsjnfdfngslndfgkjsngvmcxngjsnmf nsjfgnsmc vsjdfnsdjkndfkjsndgjnsjdgnskdngdcmnvgjskdn</p>

</div>

• ganti yang warna merah dengan alamat gambar anda
• ganti yang warna biru dengan judul gambar
• ganti yang warna hijau dengan keterangan gambar
• save
• Tratatttt gambar telah ganti jika anda ingin mengubah gambar yang kedua tinggal Ketikan "This is Featured post 2 title" di Ctrl+f 
• lalu lakukan hal yang sama dengan yang atas

0 Cara Membuat Tombol Share di Posting Blog

By slamet al matra | At 04.21.00 | Label : Tutorial Blog | 0 Comments

Tombol Share pada blog sangat membantu pengunjung untuk membagikan sebuah halaman blog ke social media. Selain itu dengan adanya tombol share akan sedikit berpengaruh baik terhadap SEO blog Anda.

Pada kesempatan ini kita akan membahas cara membuat tombol share di posting blog dengan tiga social media terpopuler saat ini yaitu Facebook, Twitter, dan Google Plus. Jika Anda penasaran ingin segera memasangnya pada blog, berikut ikuti langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Cari kode <data:post.body/> (Gunakan Ctrl + F untuk mempercepat pencarian).
4. Jika Anda ingin meletakkan tombol share diatas postingan, copy paste kode dibawah ini tepat diatas <data:post.body/>
5. Kemudian jika menginginkan dibawah postingan, copy paste tepat dibawah <data:post.body/>

<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</g:plusone></div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</fb:like></div>
</div>
</b:if>
<div style='clear: both;'/></div>

6. Kemudian Simpan template.

0 Cara Wideget Jadwal Sholat Untuk Blog

By slamet al matra | At 17.43.00 | Label : Tutorial Blog | 0 Comments

Wideget adalah satu bagian dari sebuah blog. Pemilihan wideget tidak serta merta hanya mempertimbangkan masalah tampilan yang bagus tetapi lebih pada kecepatan loading dari wideget tersebut.

Alasannya, walaupun tampilan wideget itu bagus kalau kecepatan loadingnya lambat maka akan membuat blog juga melambat saat loading. Ini bisa mempengaruhi kinerja blog sobat.

Pertimbangan untuk membuat orang betah di blog adalah dengan tampilan yang bagus dan menarik. Salah satunya dengan memberikan pernak-pernik pada blog yang bermanfaat. Seperti Pada Tampilan wideget di bawah ini :

Wideget jadwal sholat yang dilengkapi dengan Jam dan tanggal ini sangat bermanfaat. Dengan satu wideget ini memberikan informasi tanggal, Jam serta waktu sholat untuk kaum muslimin di tanah air. Biasanya jika orang telah mengenal bahwa blog kita punya wideget sejenis ini, maka orang yang membutuhkan informasi tanggal, jam atau waktu sholat akan langsung menuju blog kita.

Berikut cara memasang wideget ini pada blog sobat
1. Buka Dashboard Blogger Sobat
2. Pilih tata letak
3. Tambahkan Wideget HTML
4. Pastekan kode berikut :

Untuk memasang wideget jadwal sholat untuk blog ini silahkan copas kode berikut

<iframe src="http://www.republika.co.id/jadwal_sholat/" scrolling="no" width="300" height="130" frameborder="no" framespacing="0"> </iframe> 

Kemudian tempatkan pada wideget HTML lalu save dan lihat hasilnya.
Selamat mencoba!

1 Cara Menampilkan Burung Twitter di Blog

By slamet al matra | At 17.22.00 | Label : Tutorial Blog | 1 Comments

Cara Membuat / Memasang Burung Twitter Terbang di Blog, Cara Membuat Burung Twitter Terbang Di Blogspot , Cara Membuat Widget Burung TwitterBlogger, Cara Membuat Burung Twitter Terbang Pada Blog , Cara Membuat Burung Twitter Terbang Di Blog, Cara buat burung twitter terbang di blog, Tutorial Dan tips: Cara Membuat Burung Twitter Terbang di Blog, Cara membuat burung twitter berterbangan di blog, Cara Membuat Burung Twitter, Membuat burung Twitter Terbang di blogspot,cara membuat burung twitter untuk blog, cara membuat burung twitter melayang, cara membuat twitter dengan mudah, tif trik membuat burung twitter..

Nah kali ini akan berbagi bagaimana caranya membuat burung twitter pada blog..

mungkin cara atau metode ini udah sering diulas oleh para bloger tapi kali ini mas seem juga akan mengulasnya tapi dengan script yang lebih lengkap.. dan ini juga jawaban atas pertanyaan pengunjung blog ini.. berikut toritorialnya;

1 .Login dulu Seperti Biasanya di Akun Google anda di www.blogger.com
2. Setelah Login anda Pilih Menu Tata Letak > Tambah Gadget > HTML/ Java Script

3. simpan dan lihat hasilnya..

dan berikut script yang perlu anda masukkan dalam HTML/ Java Script (pilih mana yang agan mau)

 

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh-LoHNKmyUrxboCN7kdUANTBXBEgVzE2uk3hRbWyMRefobY8w_9f0QX24VYQ7h7txfSgq36ViWPt6V3vZUFFOwMQboX0TyjN2K7zVxT9LVIe80umgKWelthdpfGZsXk4EgrFnSzcaGJZL/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/ooneseem";var tweetThisText = "Twitter - ooneseem http://ooneseem.blogspot.com/";tripleflapInit();
</script>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ooneseem"></param><a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username= ooneseem"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=ooneseem"></param><a href="http://www.dreambingo.co.uk/" title="http://www.dreambingo.co.uk/">http://www.dreambingo.co.uk/</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=ooneseem"></embed></object>

<object data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie" value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" /> <param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/> <param name="flashvars" value="username=ooneseem"/><a href="http://www.gamblinginsider.ca" title="gambling">gambling</a><embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=ooneseem"></embed></object>

NB; ganti yang merah dengan nama penguna twitter anad dan yang warna birudengan alamat blog sobat.. dan warna hijau di  script no 1 bisa anda ganti dengan pilihan warna brikut ;

Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-qlhmcCMw6282JhSkHTnruRkfuf20_WbgLdB-SafzfkTV6pJpntJk0n3lR8C74izYSeeAucb71kf_dG_cxbOQV39w-D8DBke-j1K82XLDms3f4iR2B5muabZWvj9uou3881mhAOh2LNI/s1600/yellow+bird.png

Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJitEP7j24wP7mIigqoAIu_UOSbeRV36lqD7qgBo3TVTmNGzgSnHGtVDjTd5zJ4KFC85fP0ktOniY3KS8Lr7EDNhAMNtFvPro09KHgk_mZE6oZid9_szstWds9MJ94QLF5AUSJRSTok8I/s1600/black+bird.png

Warna Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX_h8povTeAKWdmqw6qJ5gr_81PztMQg9MJcVru0T644EVLJX6LsHXUihOAfea7NH8iQsR0yizJVAMqdND0OTD3_z7L3w-BTXy4XzAkSWZwUw_IIHdwwCBhwUrm3RfOgPiQjV6U6MWwO8/s1600/Blue+bird.png

Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SNkf4YgJIRseuTsYATCngm_qxiq5HOLZRSIJatSzZZwGv8aXCj1I6CpdU2gv8GzvLQPFN7PFkW2vUa_NgwnTlVNWofi2SiUz-thkgbNYuc32EhsrxI42Ii2D57iQJ8s89tk2NNWiemI/s1600/brown+bird.png

Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBHzT_0XlHqb1SOpJwN4JHJFbAj1KpeAaMACmC991TiW5cLqOzSAEjzxInYMjrEshKYNVKUYibPN3D2MjJpdXFdyGRkWzBodGWVFAfdx8FsvnLQViipoJ6bC9mCOO7CSy4nXMCt_exUdk/s1600/Green+bird.png

Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9HI9oy52wEFX6GJWiGzJG0WYbvQDAaUlXAB3cJl_vkAxWouvQkspQrN8DHdF397gyjNLDT8C8m_G1a7mhruIbywnPGFaMXG9Wt9w-5V0saykP-erxGzBdHsfKtTeCCmu750hAtGcdVdg/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb7CGOsiyZ4gMMlg8jvUmagppQnZifGHFLFR69ECQZ82-9pxHyvi21BvdjHeaTtI5vw4Q1j7tp1a73hWIEmPRjKWcpAyHaJDm96Hcqp3YnpIAedU9Dm4MDmuPhIv-3jkiwX71rC_E6wPE/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdbqSFe2n-8MfKfJu7zmM4uALaReVfYcpveBLPMgpwwjsBa8jCMzFo5GqxycL7-XjxG6WlTEH2FFplYR3JdwOzERI0yf9Pcs7jHJEKKDwH11CtaLASxyqHcKL5QNrBKBNSfYhau9yXc8/s1600/red+bird.png

0 Cara Pasang Kode Warna (HTML Color Code) di Blog

By slamet al matra | At 09.06.00 | Label : Tutorial Blog | 0 Comments

Untuk mengambil kode HTML dari warna yang sobat inginkan, silahkan soba klik Menu Gir Warna yang berputar, setelah itu sobat perhatikan kotak yang berwarna yang berada di sebelah kanan Gir tersebut. Disana terdapat kode seperti ini :#660099, #47006B, #EABFFE, dan #D580FE, itu adalah kode warnanya, jadi sobat blogger tinggal copy paste kode tersebut di blog sobat.

Apakah sobat blogger berminat untuk pasang kode warna ini di blog sobat? Kalau berminat,silahkan sobat copy kode yang ada di bawah ini dan sobat letakkan kode ini di tempat sobat biasa menulis postingan. Atau soba blogger juga bisa menempatkan kode warna ini di kolom Gadget atau Widget blog sobat

view plainprint?

1. <center><div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div> </center> 

0 Cara Pasang Widget Al-Qur'an pada Blog

By slamet al matra | At 08.57.00 | Label : Tutorial Blog | 0 Comments

Widget Al-Qur'an di buat atau di rilis oleh http://www.alquran-indonesia.com/ sebuah situs Al-Qur'an Online Terjemah Bahasa Indonesia.Widget Al-Qur'an dilengkapi oleh Fasilitas audio per surat dan audio per ayat dilengkapi dengan latin dan tentu saja terjemahan dan asbabun nuzul (sebab turunnya ayat). Insyaallah dengan adanya Widget Al-Qur'an, blog sobat blogger akan lebih berkah dan bermamfaat buat orang lain.

• Log In di http://www.blogger.com/
• Pada Dashbor klik Design
• Klik Add a Gadget dan HTML Java Script
• Copy kode di bawah ini dan paste pada kolom yang tersedia

view plainprint?

1. <center><iframe src="http://m.alquran-indonesia.com/mquran/index.php/quran" style="border: 0px; height: 400px; width: 499px;" frameborder="0"></iframe>  
2.   
3.     <div class="clear"></div><span class="widget-item-control">  
4.     <span class="item-control blog-admin">  
5.     <a class="quickedit" href="http://www.blogger.com/rearrange?blogid=4601829210781800751&widgettype=html&widgetid=html2&action=editwidget&sectionid=footer-1" target="confightml2" title="edit">  
6.     <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18">  
7.     </a>  
8.     </span>  
9.     </span>  
10.     <div class="clear"></div><table class="section-columns columns-2" border="0" cellpadding="0" cellspacing="0"><tbody>  
11. <tr>     <td class="first columns-cell"><div class="foot section" id="footer-2-1"></div></td>     <td class="columns-cell"><div class="foot section" id="footer-2-2"></div></td>     </tr>  
12. </tbody>     </table></center>  
13.  <div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://bloggertutorialblog.blogspot.com/" title="Al-Qur'an Widget">Al-Qur'an Widget</a> by Blogger Tutorial Blog </div>  

• Klik Simpan

Tambahan :
height: 400px adalah ukuran tinggi dan width: 499px; adalah ukuran lebar, silahkan sobat blogger sesuaikan.