Cara menambahkan atau upload video pada posting blog di blogspot

Memposting artikel di blog terkadang tidak hanya cukup dengan teks dan gambar saja, terkadang seorang blogger juga ingin memasang video pada posting artikel di blog kesayangan.
Blogger.com (blogspot) yang dikenal sebagai salah satu layanan blogging gratis telah menyediakan fitur yang memungkinkan pengguna menambahkan atau upload video di blog Fitur pada blogspot ini menawarkan 3 pilihan untuk menampilkan video, yang pertama upload langsung dari komputer atau laptop, yang kedua menampilkan video yang berasal dari youtube, dan yang ketiga menampilkan koleksi video dari akun youtube kamu.
Bagi kamu yang belum bisa menambahkan atau upload video di posting blogspot, berikut ini kami sajikan panduannya.
1. Pertama-tama tentunya kamu harus login dulu ke blogger.com, kemudian masuk ke “Entri Baru”, sehingga tampak seperti gambar di bawah ini.
Untuk menampilkan atau upload video di posting, silahkan klik pada tombol “Insert a Video”, perhatikan gambar yang dilingkari di bawah ini.

2.  Setelah tombol “insert a video” di klik nanti akan muncul jendela pop up seperti gambar di bawah ini. Seperti yang telah disebutkan sebelumnya, bahwa fitur upload video pada blogspot terdapat tiga pilihan ; pilihan menampilkan video dari komputer, dari pencarian youtube, dan dari akun yotube ada di sebelah kiri jendela.
Pada contoh pertama di bawah ini, saya menampilkan video dari youtube, untuk menampilkan video dari youtube silahkan ketikkan kata kunci pada kotak pencarian. setelah tampil daftar videonya, silahkan pilih salah satu video kemudian klik tombol pilih, atau bisa juga dengan doble klik pada video yang ingin kamu tampilkan. Pada contoh di bawah ini kata kunci yang saya ketik adalah “samsung galaxy”

 Hasilnya akan tampak seperti gambar di bawah ini, kamu bisa langsung menekan tombol  “Terbitkan Entri” jika ingin langsung menerbitkan posting video ini, atau bisa juga menambahkan dulu beberapa kata di atas atau di bawah video.

 4.  Hasilnya posting video pada blogspot akan tampak seperti gambar di bawah ini.

========
1. Sedangkan untuk upload video dari komputer, pertama klik dulu pilihan “upload” yang ada di samping kiri, kemudian klik tombol “pilih video untuk diunggah”

2. kemudian cari file video di komputer atau laptop kamu, lalu klik pada tombol “Open”

3. Setelah tombol “open”  diklik akan tampil file video yang akan diupload, untuk memulai proses upload klik pada tombol “Unggah”

 4. Proses unggah akan berlangsung beberapa saat, dengan ditandai seperti gambar dibawah ini. (cepat lambat nya proses upload tergantung dari besar kecilnya file Video). saran saya pilihlah file video tidak lebih dari 10 MB

 5. Jika proses upload telah selesai, video akan tampil di halaman posting editor seperti gambar di bawah ini.

 Itulah sedikit panduan cara memposting atau upload video di blogspot, semoga bisa dipahami dengan mudah dan bisa memberikan manfaat bagi kamu yan membutuhkan.

sumber :  http://ridwanaz.com/teknologi/blog/cara-menambahkan-atau-upload-video-pada-posting-blog-di-blogspot/

»»  Readmore...

Cara Memasang Video You Tube Di Blog

Meletakkan Video kedalam Blog: "

Meskipun blogger sudah menyediakan upload untuk video,ga ada salahnya ya kita mencoba ngulik kode buat menempatkan sebuah video. Jika anda ingin meletakkan video dari Youtube,anda hanya mengisi alamat/URL videotersebut,pada kode. Untuk kode,copy di bawah ini: <object width="425" height="344"><embed src="http://www.youtube.com/v/sLLCAmr8vjs" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> Nah! Tulisan yang berwarna Hijau,gantilah dengan URL alamat video yang ingin anda tampilkan. misal alamat pada browser video tersebut adalah: hhttp://www.youtube.com/watch?v=sLLCAmr8vjs maka alamat URL dalam kode ganti menjadi: hhttp://www.youtube.com/v/sLLCAmr8vjs Apabila anda malah pusing alias bingung,tinggal buka halaman Youtube,dan copy embed kode di sebelah kanan atas,dan paste kode tersebut kedalam halaman HTML anda. Kenapa ga bilang dari Tadi!!!!  ! Untuk ukuran,anda tentukan sendiri dengan mengatur width='246' height='171'. Jika ingin memasang video pribadi,tinggal membuat Account di Youtube dan Upload Videoanda disana. Tidak susah khan? Sumber :  http://pelajaran-blog.blogspot.com/2010/07/cara-memasang-video-you-tube-di-blog.html

»»  Readmore...

Cara Mengganti Gambar Kursor di Blog

Cara Mengganti Gambar Kursor di Blog  -  Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !

 

Sumber :  http://www.rayhanzhampiet.com/2011/09/cara-mengganti-gambar-kursor-di-blog.html

»»  Readmore...

Cara memasang MP3 di Blog

Bagaimana cara memasang MP3 di blog? Mungkin itu pertanyaan yang keluar dari blogger yang suka berhubungan dengan file-file Audio khususnya MP3. tidak seperti pada artikel sebelumnya yaitu pembahasan seputar efek blog, Kali ini saya akan menjelaskan cara singkat dan simple cara memasang file audio anda ke dalam blogspot. Dengan cara ini anda bebas memasang file-file audio yang anda sukai.

Cara memasang mp3 di blog adalah:

1. Klik link berikut: http://www.toofiles.com/en/audios-upload.html

2. Klik tombol Browse, dan cari file audio (mp3) yang ada di computer anda.

3. Klin Upload untuk memulai pengunduhan.

4. Tunggu beberapa saat sampai proses upload selesai

5. Setelah selesai klik Click here to show other integration/lines

6. Akan muncul kode script yang kemudian copy code tersebut

7. Silahkan Login dahulu ke akun Blogger anda

8. KLik Rancangan > tambah gadget > HTML

9. Masukan kode yang anda copy tersebut.

10. Simpan pekerjaan anda.

nah sekarang blog anda sudah mempunyai file mp3 di blog anda. Mudah-mudahan cara memasang mp3 di blog ini dapat memeriahkan blog anda. ^_^

 

Sumber :  http://jasapembuatanblog-murah.blogspot.com/2012/02/cara-memasang-mp3-di-blog.html

»»  Readmore...

Cara membuat efek daun berjatuhan pada blog

Satu lagi artikel cara membuat efek pada blog yaitu cara membuat efek daun berjatuhan di blogspot, cara ini sangat gampang sekali di praktekan dan mesih menggunakan javascript. Tapi perlu diingat sesuai dengan artikel saya tentang cara mempercantik blogspot, disarankan anda bijak menggunakan efek blogspot ini, jika blog anda sudah menggunakan efek lain seperti efek salju berjatuhan di blog, jikalau terasa berat loading blog anda, maka pilihlah salah satu efek saja.

Berikut cara membuat efek daun berjatuhan pada blogspot anda.

1. Pastikaln anda sudah login ke blogger anda

2. Pada halaman dashboard klik rancangan > Edit HTML

3. Jangan lupa centang Expand widget template.

4. Dengan menggunakan Ctrl+ F, atau tekan F3 cari kode</head>

5. Copy code dibawah dan letakan kode tersebut tepat diatas kode </head> tadi.

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

6. Simpan pekerjaan adan dengan menekan tombol SAVE

7. Lihat hasilnya.. bagus kan? ^_^

Demikianlah ke-7 langkah cara membuat efek daun berjatuhan pada blogspot anda, sangat mudah diikuti atau dipraktekan. Selamat mencoba dan Happy blogging.

 

Sumber :  http://jasapembuatanblog-murah.blogspot.com/2012/02/cara-membuat-efek-daun-berjatuhan-pada.html

»»  Readmore...

Cara Membuat Share Button Like, Share dan Twitter di Sisi Blog

Cara Membuat Share Button Like, Share dan Twitter Melayang di Sisi Kanan Blog - Untuk meningkatkan lalu lintas kunjungan ke blog kita, selain upaya optimasi SEO , perlu juga kiranya kita mengintegrasikan blog kita dengan media jejaring sosial populer seperti facebook dan twitter.

Jika kita meremehkan "kekuatan" share button / tombol berbagi ini, sama saja kita menyiakan-nyiakan peluang untuk menambah kunjungan ke blog kita.

Jika pada posting sebelumnya kita membuat share button di bawah posting, pada tutorial kali ini, Julak mau berbagi sama temen-temen bagaimana membuat salah satu widget share button melayang di sisi kanan blog. Widget kali ini dilengkapi tombol suka dan share Facebook, Tweet, Digg, stumble Upon dan Google +1 termasuk perhitungannya alias berapa banyak pengunjung yang membagikannya. Cara pembuatannya sangat mudah, karena tidak perlu mengedit CSS atau menambahkan kode HTML.

1. Langkah pertama masuk ke akun blogger > Dasbor, > klik design/rancangan > Tata Letak

2. Klik Tambah Gadget, di bagian sidebar.

3. Pilih HTML/Javascript, kemudian masukkan kode di bawah ini:

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://blogbelajar2.blogspot.com/2012/02/cara-membuat-share-button-like-share.html" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

5. Simpan widget dan preview Blog Anda

Jika Anda sudah memiliki tombol google + di atas atau di bawah posting Anda, kemungkinan widget tersebut tidak muncul. Silakan hapus kode berwarna merah jika sobat mau menghapusnya, karena mungkin bisa mempercepat loading blog.

Jika Anda menggunakan template gelap / dark template, Silakan Anda dapat mencoba kode di bawah ini:

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://blogbelajar2.blogspot.com/2012/02/cara-membuat-share-button-like-share.html" target="blank"><font color="white">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Pengaturan lihat kode-kode warna merah:

• angka 15% mengatur letak tinggi posisi share button dr sisi bawah blog, silakan dikurangi jika posisinya ingin diturunkan
• angka 10 pixel adalah posisi dari tepi paling kanan blog, ditambah jika sobat ingin mengetengahkan.
• sedangkan border: 1px solid black, adalah ukuran ketebalan batas kotak share button dan warna batas/garis share button itu sendiri.

Bagaimana...? Selamat Mencoba, jangan lupa di like yaa... hehehe

Sumber :  http://blogbelajar2.blogspot.com/2012/02/cara-membuat-share-button-like-share.html

»»  Readmore...

Membuat ucapan selamat datang

Membuat ucapan selamat datang blog
Sekarang  kita ingin share tentang membuat ucapan selamat datang pada blog ketika user mengunjungi blog kita.
Pernah gak sewaktu kamu membuka suatu blog ada jendela munculan kecil yang berisi ucapan selamat datang. Bisanya berisi ''Selamat datang di blog ini''
Pasti pernah dong, trus bagaimana cara membuatnya? Apakah anda juga tertarik untuk membuat ucapan selamat datang tersebut? Lets do it.
Membuat pesan selamat datang blog.

• Login ke dashboard blog kamu.
  
• pilih Rancangan »» Edit HTML
  
• cari kode </head>
  
• Tempatkan script berikut diatasnya
  

  <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo");
  </script>

• terakhir klik 'SIMPAN'

Dari kode diatas itu akan menerapkan di bagian halaman manapun pesan itu akan keluar, disini kita perlu mengatur ulang agar pesan itu hanya muncul pada homepage blog saja, tentunya agar para pengunjung tidak kesel karena pesan tersebut selalu muncul. Berikut caranya
Tambahkan kode yang berwarna merah diantaranya.

<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo"); </script> </b:if>

Selamat berexperimen

Sumber :  http://www.blogtegal.com/2011/01/membuat-ucapan-selamat-datang-blog.html

»»  Readmore...

Membuat Cursor Menjadi Berbintang

Cara mempercantik cursor (pointer mouse), pada blog berplatform blogspot, yg mana kita tahu blog ber-platform blogspot memang cocok buat para blogger yg tidak ingin bersusah payah untuk mempercantik blognya, karena terbilang mudah dalam proses pembuatannya.
Untuk mempercantik suatu blog biasanya menggunakan javascript yg harus di tempatkan pada template maupun pada widget.
Yang akan di bahas di bawah ini oleh Blogtegal yakni

cara membuat cursor berbintang

Berikut langkah-langkah membuat cursor berbintang.

• copy dan pastekan script-script di bawah ini pada widget javascrit/HTML.
• cursor bintang warna merah

<script src="http://blogtegal.googlecode.com/files/cursor_merah.js" type="text/javascript"/>

• cursor warna hijau

<script src="http://blogtegal.googlecode.com/files/cursor_hijau.js" type="text/javascript"/>

• cursor warna biru

<script src="http://blogtegal.googlecode.com/files/cursor_biru.js" type="text/javascript"/>

• cursor warna ungu

<script src="http://blogtegal.googlecode.com/files/cursor_ungu.js" type="text/javascript"/>

• cursor warna putih

<script src="http://blogtegal.googlecode.com/files/cursor_putih.js" type="text/javascript"/>

• Jika anda newbie dan kurang jelas dalam memasukan script-script di atas, boleh lah Blogtegal berbagi caranya.
• login ke dashboard blog anda.
• pilih Rancangan
• pada halaman elemen laman pilih tambah gadget
• pilih widget HTML/JAVASCRIPT
• lalu pastekan salah satu script di atas.
• klik ''simpan'' selesai.

Sumber :http://www.blogtegal.com/2010/11/membuat-cursor-menjadi-berbintang.html

»»  Readmore...

Pengenalan Dasar Jaringan Komputer dan Internet

Pengenalan Dasar Jaringan Komputer dan Internet. apakah anda selain main fb mengetahui pengenalan dasar tentang jaringan komputer serta internet yang sedang marak ini? Pengenalan Dasar Jaringan Komputer dan Internet sangat perlu kita ketahui walaupun hanya segelintir informasi namun dapat meruapakan ilmu yang sangat bermanfaat, jangan kita hanya memakai internet hanya untuk lihat wanita terseksi ataupun menggunakan gmail dan belajar daftar facebook, namun cobalah untuk memahami apa yang kita gunakan yakni komputer dan internet, pengenalan dasar ini mungkin akan sedikit berguna bagi anda yang di kutip dari wikipedia indonesia mengenai Pengenalan Dasar Jaringan Komputer dan Internet.

berikut kriteria dan pengelompokan Pengenalan Dasar Jaringan Komputer dan Internet tersebut

                                                                      jaringan komputer

1. Berdasarkan distribusi sumber informasi/data

-      Jaringan terpusat

Jaringan ini terdiri dari komputer klient dan server yang mana komputer klient yang berfungsi sebagai perantara untuk mengakses sumber informasi/data yang berasal dari satu komputer server

-      Jaringan terdistribusi

Merupakan perpaduan beberapa jaringan terpusat sehingga terdapat beberapa komputer server yang saling berhubungan dengan klient membentuk sistem jaringan tertentu.

2. Berdasarkan jangkauan geografis dibedakan menjadi:

Ø  Jaringan LAN

merupakan jaringan yang menghubungkan 2 komputer atau lebih dalam cakupan seperti laboratorium, kantor, serta dalam 1 warnet.

Ø  Jaringan MAN

Merupakan jaringan yang mencakup satu kota besar beserta daerah setempat. Contohnya jaringan telepon lokal, sistem telepon seluler, serta jaringan relay beberapa ISP internet.

Ø  Jaringan WAN

Merupakan jaringan dengan cakupan seluruh dunia. Contohnya jaringan PT. Telkom, PT. Indosat, serta jaringan GSM Seluler seperti Satelindo, Telkomsel, dan masih banyak lagi.

3. Berdasarkan peranan dan hubungan tiap komputer dalam memproses data.

Ø  Jaringan Client-Server

Pada jaringan ini terdapat 1 atau beberapa komputer server dan komputer client. Komputer yang akan menjadi komputer server maupun menjadi komputer client dan diubah-ubah melalui software jaringan pada protokolnya. Komputer client sebagai perantara untuk dapat mengakses data pada komputer server sedangkan komputer server menyediakan informasi yang diperlukan oleh komputer client.

Ø  Jaringan Peer-to-peer

Pada jaringan ini tidak ada komputer client maupun komputer server karena semua komputer dapat melakukan pengiriman maupun penerimaan informasi sehingga semua komputer berfungsi sebagai client sekaligus sebagai server.

4. Berdasarkan media transmisi data

Ø  Jaringan Berkabel (Wired Network)

Pada jaringan ini, untuk menghubungkan satu komputer dengan komputer lain diperlukan penghubung berupa kabel jaringan. Kabel jaringan berfungsi dalam mengirim informasi dalam bentuk sinyal listrik antar komputer jaringan.

Ø  Jaringan Nirkabel (Wireless Network)

Merupakan jaringan dengan medium berupa gelombang elektromagnetik. Pada jaringan ini tidak diperlukan kabel untuk menghubungkan antar komputer karena menggunakan gelombang elektromagnetik yang akan mengirimkan sinyal informasi antar komputer jaringan. dan anda bisa juga download artikel full disini Pengenalan Dasar Jaringan Komputer dan Internet.

Nah dengan kita mengetahui Pengenalan Dasar Jaringan Komputer dan Internet tersebut bolehlah kita menggunakan sebijak mungkin internet yang sangat open dan terbuka untuk umum, disana anda bisa melihat dan mencari informasi seperti antivirus gratis atau mencari windows media player classic bersama dengan directX 9.0c dan sebagainya, hmmm semoga dapat bermanfaat postingan Pengenalan Dasar Jaringan Komputer dan Internet ini.

Sumber :  http://fitri.net/computer/pengenalan-dasar-jaringan-komputer-dan-internet.html

»»  Readmore...