Cara Memasang Video Youtube Ke Postingan Blog

Diposkan oleh Aby Farhan di 1/20/2012 22 komentar

Cara Memasang Video Youtube Ke Postingan Blog. Baiklah saya akan lanjutkan lagi tutorialnya. Hehehe Baru ngelanjutin lagi nh buat tutorialnya. sebelumnya kita telah belajar Cara Membuat Blog Gratis, Lalu Bagaimana Cara Membuat Artikel di Blog dan sekarang saya akan share cara Memasang atau Memasukkan Video Youtube ke dalam postingan blog. Sebenarnya sangat simple untuk memasukkannya. kita tidak perlu repot-repot membuka youtube, karna sekarang kita akan memanfaatkan menu bar yang ada dipostingan blog. check this out !!

Menu Bar Post Blog

Seperti biasa Login ke akun Blog kemudian Create New Post. Lalu klik gambar icon seperti contoh diatas, maka akan mucul seperti gambar dibawah ini :

Jika sudah lalu akan ada 3 opsi : yang pertama bisa kita Upload dari PC/Laptop, Lalu From Youtube dan My Youtube Videos. Lalu pilih bacaan From Youtube , kemudian ketikkan judul video yang akan kita upload, sebagai contoh saya akan mengupload video ARSENAL. lalu akan mucul dibawahnya video seputar arsenal dan pilihlah salah satu videonya. jika sudah klik Select dan secara otomatis akan langsung masuk ke dalam posting Blog. dan hasilnya seperti dibawah ini :

Thierry Henry goal & Official Highlight

Lalu kalian juga bisa melakukan cara kedua yaitu dengan cara:

• masuk ke youtube.com atau dailymotion.com atau situs lainnya.
• lalu pilih video yang akan di pasang diblog
• Lalu klik Share (biasanya terletak dibawah video) 
• Kemudian Klik bacaan Embed. Lalu copy embed code yang ada 
• proses terakhir pastekan di postingan blog dan Publish Post

Dan selesai sudah Cara Memasang Video Youtube Ke Postingan Blog. Selamat Mencoba dan semoga bermanfaat ........

»»  Baca Selengkapnya...

Cara Membuat Streaming TV Online di Blog

Baiklah kali ini saya ingin berbagi pengalaman ilmu dan pengalaman saya tentang Cara membuat streaming tv online di blog. Sebenarnya dari kemaren saya mempunyai ide ini, tetapi baru sekarang bisa memposting tutorial ini. Untuk sekedar contoh saja bisa di lihat disini gaulhost.com/tv-online apakah anda tertarik, sumak terus tutorial ini.

Streaming tv online di blog ini banyak sekali manfaatnya untuk blog kita salah satunya yaitu bisa mendatangkan banyak visitor, karena para pengunjung di blog kita akan merasa terhibur dengan adanya streaming tv online ini. Bukan bukan hanya para pengunjung di blog kita saja, kita pun pasti juga akan merasa terhibur, ya gak hayooo ngaku aja deh loo .

Sebenarnya untuk membuat streaming tv online ini tidaklah rumit, kita hanya menambahkan beberapa script aja di blog kita. Untuk blogspot tinggal menambahkan witget html dan copi paste script dibawah ini lalu save. Kemudian untuk selain blogspot caranya juga sama saja buat witget atau page kemudian copy paste script dibawah ini lalu save.

Berikut ini adalah script dari streaming tv online Mivo

1 2 3 4 5

<embed width="100%" height="860" align="top" wmode="transparent" type="application/x-shockwave-flash" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" scale="noscale" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" name="MivoTV" menu="true" devicefont="false" bgcolor="#ffffff" allowscriptaccess="sameDomain" allowfullscreen="true" scroll="auto">

Setelah script di atas  sudah terpasang dan tersimpan, sekarang kita refres blog kita lalu saatnya kita menikmati streaming tv online indonesia. Gampang kan…cuma dengan cara sederhana tersebut diatas kita sudah dapat menikmati Mivo tv online di blog kita. dan bersiap-siaplah blog anda kebanjiran visitor hehehe.

Demikian tadi tutorial dari saya tentang Cara membuat streaming tv online di blog. Semoga dapat bermanfaat bagi teman-teman

Terimakasih…..

»»  Baca Selengkapnya...

Cara Menampilkan Status Off/Online Yahoo Messenger

Dalam trik kali ini saya akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blog sobat akan bisa langsung berinteraksi langsung dengan sobat, nah kalo gitu insyaallah pengunjung bisa lebih akrab lagi sama sobat. Ok Langsung aja,
Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

Nah jika kamu online maka iconya akan berubah seperti ini: 

Cara buatnya ikutin za langkah-langkah di bawah ini 
1. Tentunya masuk dulu dunk ke blog sobat
2. Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript". 
3. Copy script Berikut ini

<a href="ymsgr:sendIM?budax_asgas"> <img src="http://opi.yahoo.com/online?u=budax_asgas&amp;m=g&amp;t=2&amp;l=us"/>
</a>

4. eiitt jangan lupa Ganti text yang warna merah (budax_asgas) dengan id YM kamu, perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.
5. Letakan di sidebar yang sobat suka n jangan lupa save




Biar lebih gampang langsung za praktekan....
Good Luck..!!

»»  Baca Selengkapnya...

Menampilkan / Pasang Emoticon di Kotak Komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?
Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :



Emoticon Kucing :



Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :

<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>

4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

»»  Baca Selengkapnya...

Pasang Google Translator Pada Blog

Posted by Herman on Thursday, November 20, 2008 10 comments Satu lagi persembahan dari Google. Kalau sebelumnya saya memperkenalkan program translator online untuk menterjemah artikel maupun dokumen pribadi anda.

Sekarang saya akan memperkenalkan program translator untuk menterjemah isi dari blog anda.

Google Translator merupakan sebuah tool yang dibuat oleh google untuk mempermudah pengunjung dari negara lain membaca dan mengerti isi dari konten blog anda.

Translator ini sangat berguna sekali jika ada pengunjung dari negara lain yang datang ke blog Anda. Mereka bisa menggunakan tool ini untuk menterjemahkan kebahasa yang mereka inginkan. Sehingga isi dari blog Anda juga bisa dinikmati oleh pengunjung dari negara lain.

Ternyata Google memang paling ngerti dengan kebutuhan kita. Makin cinta deh ama Google . Tidak tanggung-tanggung tool ini mampu menterjemah hingga 35 jenis bahasa. Wow.. Sebuah angka yang fantastik mengingat tidak mudah untuk menterjemah 1 bahasa apalagi sampai 35 bahasa.

Namun ada satu kelemahan dari translator ini yaitu tidak bisa menterjemah bahasa gaul, seperti: elo, gue, bro, sobat. Jadi jika Anda ingin memasangnya sebaiknya gunakanlah bahasa yang baku untuk menulis artikel Anda. Supaya isinya tidak kacau nantinya jika diterjemahkan.

Jika Anda tertarik untuk mencobanya. Silahkan ikuti cara berikut untuk memasangnya.

1. Buka situs http://translate.google.com/translate_tools?hl=en

2. Pilih bahasa yang digunakan dalam blog/ website Anda. Tunggu beberapa saat hingga proses loading page selesai.

3. Copy kode HTML yang ada dalam kotak.

4. Login ke blog Anda. Masuk ke menu Layout -> Page Elements

5. Klik Add a Gadget. Klik tombol + pada HTML/ Javascript.

6. Pastekan kodenya kedalam kotak lalu klik Save.

7. Selesai. Klik View Blog untuk melihat tampilannya.

Selamat Mencoba.

»»  Baca Selengkapnya...

Cara Membuat Search Engine Yang Sederhana Sampai Yang Keren !!!

Cara Membuat Search Engine Sederhana

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Cara Membuat Search Engine Yang Keren

Kebayang gak sobat punya situs search engine sendiri seperti google dengan menggunakan nama sobat dan juga disertai background yang keren? Sebenarnya saya pernah posting artikel ini. Tapi pada postingan sebelumnya hanya dapat membuat font judul menjadi nama kita. Nah, kalo yang ini beda lagi. Selain dapat memakai nama sendiri juga bisa ditambahkan background-background keren & unik yang tersedia guna menambah mangstap search engine sobat.

Berikut Cara Membuat Search Engine Sendiri:

• Buka situs www.sleeksearch.com.
• Setelah halaman situs terbuka, pilih salah satu background yang sobat sukai. Klik tombol "Apply Now".

• Lalu tuliskan nama yang sobat atau apa saja pada kotak yang disediakan.
• Taraaaaa.... search engine dengan nama sobat berbackground keren sudah jadi. Silahkan dishare sama teman2 bisa lewat facebook, twitter, atau blog.

Silahkan mencobanya sendiri sob!
Semoga berguna dan bermamfaat...

»»  Baca Selengkapnya...