Tutorial Blog : Pasang TV Online di Blog

 Pasang TV Online di Blog - Dunia online sekarang ini memang perkembangannya sangat lah cepat. Banyak sekarang aktivitas hampir segalanya melibatkan dunia online. Tengoklah sekarang, orang tidak atau kurang lagi ke perpus untuk cari buku, langsung saja andalkan internet untuk mencari jawaban tertentu. Belum lagi, pasar online. Dengan mudahnya orang menjual dan membeli barang atau jasa hanya dengan mengandalkan dunia online. Kalau chatting, jangan di tanya lagi. Sudah banyak social media yang bertebaran yang memudahkan orang untuk saling mengenal, saling ngobrol. Juga bisa ditemui di dunia online.

Memasang TV Live streaming di blog. Kali ini, saya ingin share kepada Anda, bagi yang berminat memasang di blognya TV Online yang sifatnya live streaming. Tutorial ini saya persembahakan mengingat sudah banyak sekarang ternyata tayangan-tayangan TV yang bisa ditonton secara live hanya dengan menggunakan akses kemudahan ini, yang dipersembahkan oleh dunia maya.

Tutorial Blog : Pasang TV Online di Blog. Bagi yang mau lihat contohnya, silahkan lihat di bawah ini:

Widget TV Online Mivo TV Online

Di atas adalah contoh yang ingin saya perlihatkan pada Anda, tampilan tutorial yang ingin saya persembahkan pada Anda nantinya, jika Anda mengikuti tutorial dari saya. Hehehe :)

Untuk memasang TV Online Live Streaming seperti diatas, cukup mudah. Anda hanya perlu, mengcopy paste kode HTML berikut ini :

<embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed><span style="font-size: 50%">Widget TV Online <a href="http://bloggermahir.blogspot.com/2013/03/tutorial-blog-membuat-tv-online-live-streaming-di-blog.html" target="_blank" rel="follow">Mivo TV Online</a></span>

Jadi, jika Anda ingin memasang TV Online ini pada halaman postingan Anda. Caranya sangat mudah, copy paste kode HTML di atas, kemudian menuju pada bagian Entri Baru, kemudian ke bagian HTML di samping Compose, langsung saja paste kode HTM di atas pada bagian HTML. Mudah kan...!!

Kalau, mau pasang TV online ini di bagian sidebar blog Anda. Caranya pun terbilang sangat mudah, langsung saja ke bagian Tata Letak, kemudian ke bagian sidebar yang ingin Anda pasangi TV Online ini. Kemudian tambah Gadget. Copy paste kan kode HTML di atas. Tapi, ingat dulu, coba ganti dulu High-nya, maksudnya tingginya. Supaya sesuai. Di atas, high yang saya pakai 860. Jadi, silahkan ubah sesuai dengan kehendak Anda.

Okey, semoga tutorial ini bisa diterapkan.

Cara Membuat Blog Menjadi DOFOLLOW

Meninggalkan link di blog DOFOLLOW meningkatkan BL kita,trik ini biasanya di pakai blogger pemula untuk mendapatkan BL,tapi bagaimana dengan blog anda?
Apakah sudah DOFOLLOW?
Jika belum,silahkan ikuti cara berikut untuk membuatnya ke DOFOLLOW

1. Login ke Blogger Masuk dasbor
2. Pilih blog yang ingin dibuat DO FOLLOW,klik edit HTML,klik Expand Widget
3. Cari kode Berikut
   
   <a exper:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> 
   Hapus kode yang berwarna merah jadi seperti ini
   <a expr:href='data:comment.authorUrl'><data:comment.author/></a>
4. Klik save n selesai

Catatan,setiap blog mempunyai HTML yang berbeda-beda,silahkan cari yang mirip atau cari hanya code rel='nofollow' ,hapus saja semua kode tersebut,satu lagi,dalam pengeditan blog sebaiknya anda membuat blog cadangan dulu

Cara Agar Blog Menjadi Nomor 1 Di Google

Mempunyai blog yang selalu nomor satu di Google? Wauww.. Amazing!! Memang itu sungguh sulit dilakukan, tapi setidaknya kita mampu membuat blog kita selalu muncul di halaman pertama Google untuk setiap kata kunci yang sesuai dengan judul setiap posting blog kita. Sebenarnya tema dari penulisan dari artikel kali ini bukanlah cara menjadikan blog/web nomor 1 di Google, tapi lebih tepatnya cara membuat blog/web selalu disayang oleh Google, karena dengan disayanginya blog/web kita oleh Google maka tentunya blog kita sering muncul di page one google sehingga bisa dikatakan nomor satu di google. Lalu bagaimana caranya? Kali ini akan saya share tips nya yang saya buat sendiri, buat para master lewat dah.. Hehe.. Nah, langsung saja berikut caranya : 

1. Membuat template blog menjadi seo friendly.

Template yang SEO friendly memang disukai oleh search engine, karena struktur tag heading nya telah teratur sehingga mudah dikenal oleh robot search engine. Baca disini : http://adf.ly/JiwE5

2. Membuat artikel yang SEO friendly.

Selain template, artikel blogmkita juga perlu kita ubah sehingga lebih SEO friendly. Hal ini akan menjadikan artikel mudah dicrawling oleh spider dan diindex oleh search engine. Baca disini : http://adf.ly/JiwA5

3. Submit blog ke search engine.

Setelah kita mampu membuat template dan artikel blog kita seo friendly, maka selanjutnya kita submit blog kita ke search engine, tujuannya agar blog kita segera diindex dan mendapat tempat di search engine. Baca disini : http://adf.ly/Jiw7Z

4. Upload sitemap ke Google.

Setelah blog kita diindex, maka langkah selanjutnya adalah mensubmit sitemap blog kita ke search engine Google dengan tujuan agar artikel blog kita segera diindex oleh Google. Baca disini : http://adf.ly/Jiw50

5. Optimasi SEO untuk blog.

Optimasi SEO untuk blog memang sangat dibutuhkan terutama untuk blog yang ingin mendapatkan traffic/kunjungan. Optimasi SEO bisa dilakukan dengan berbagai cara, misalnya dengan cara submit artikel ke direktori, membangun backlink yang berkualitas (Baca disini : http://adf.ly/Jiw28) dan masih banyak lagi. Silahkan pelajari selengkapnya dengan search di Google.

6. Selalu menaati aturan webmaster Google.

Sudah jelas bahwa siapa saja yang ingin blog nya disayang oleh Google maka harus selalu menaati aturan-aturan yang ditetapkan oleh Google. Sebagaimana seorang anak yang ingin selalu disayang orang tuanya, maka ia harus menaati perintah dan aturan orang tuanya, tak boleh melanggar. Lalu bagaimana aturan-aturan yang ditetapkan oleh Google. Untuk hal ini, silahkan cari di Google saja, terlalu panjang jika harus saya tulis disini.

Sumbernya disini : http://adf.ly/Jivyb

Cara Membuat Auto Read More 2013

 Letakan script di bawah ini tepat di atas kode </head>,setelah itu jangan lupa untuk menyimpannya.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 200;
summary_img = 200;
img_thumb_height = 100;
img_thumb_width = 100;
</script>

<script type='text/javascript'>

//<![CDATA[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Nah, belum selesai, selanjutnya silahkan cari kode seperti ini <data:post.body/>, nah kalau udah ketemu, ganti kode <data:post.body/> dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Catatan:

• img_thumb_height = 100;, merupakan tinggi thumbnail dalam piksel. 
• img_thumb_width = 100;, merupakan lebar thumbnail dalam piksel. 
• summary_noimg = 200;, yaitu untuk menentukan banyaknya karakter yang ingin ditampilkan pada posting yang tanpa thumbnail atau gambar. 
• summary_img = 200; , yaitu untuk menentukan banyaknya karakter yang ingin ditampilkan pada posting dengan thumbnail atau gambar.  
• Pada bagian Read More, silahkan anda ubah sesuai keinginan, misalnya; selanjutnya, dll.

beratnya blog

http://tools.pingdom.com

Cara Membuat Widget Google+ Follower dengan Efek Keren

Posting terakhir pada bulan Ramadhan dan sebelum mudik lebaran. Saya akan bagikan widget Google+ Follower yang telah dimodifikasi hingga memiliki efek yang keren. Sebelumnya, apakah Google Plus itu? Google Plus adalah sosial media dari Google, yang pastinya sudah tidak asing lagi di kalangan Blogger.
Karena yang saya tahu saat ini pengguna akun Blogger juga otomatis memiliki akun Google plus, begitulah kurang lebih. Untuk menghubungkan satu pengguna dengan pengguna lain, Google plus juga mempunyai istilah Follower. Namun yang akan saya bahas kali ini tidak akan menggali tentang Google plus. Melainkan widget Follower dari Google plus untuk Blogspot, yaitu Google+ Follower.
Sebenarnya widget ini telah disediakan oleh Blogpot pada daftar widget, pasti sobat Blogger tahu. Namun, masih polos belum ada efek apapun. Untuk sobat yang tidak suka kepolosan, silakan terapkan salah satu efek yang akan saya berikan ini pada widget Google+ Follower milik sobat.
Contoh tampilanya seperti berikut.

Widget pertamanya berwarna putih, dan berubah menjadi abu-abu ketika disentuh kursor.

Ok, untuk sobat yang suka dengan widget ini, silakan simak langkah-langkah membuatnya.
1. Login ke akun Blogger sobat.
2. Masuk ke bagian Tata Letak.
3. Klik Tambahkan gadget di posisi yang sobat inginkan.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut

<style>
.bloggerspiceGplus{
    margin: 10px auto;
    background-color: #FEFEFE;
    width: 260px;
    padding: 10px 0 10px 10px;
    height: 280px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 3px solid #D3D3D3;
}
.bloggerspiceGplus:hover {
    border: 3px solid #D3D3D3;
    background-color: #D3D3D3;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
</style>
<div class="bloggerspiceGplus">
<div class="g-plus" data-action="followers" data-height="280" data-href="https://plus.google.com/116159611196713950391" data-source="blogger:blog:followers" data-width="280"></div>
</div>

Keterangan:
Ubah kode berwarna merah dengan ID Google plus sobat.
Kode berwarna hijau adalah warna mula-mula pada widget.
Kode berwarna biru adalah warna pada widget ketika disentuh kursor.
Kode berwarna pink bercetak tebal adalah ukuran kotak yang membungkus widget.
Kode berwarna pink yang bercetak miring adalah ukuran widget Google+ Follower sendiri.

Untuk mengetahui ID Google plus sobat, silakan masuk ke Google plus. Dan perhatikan gambar berikut.

6. Klik Simpan, jika sobat tidak mengubah kode tampilanya, maka hasilnya akan seperti berikut.

Cara Membuat Widget Like Box Facebook di Blog

Cara Membuat Widget Like Box Facebook di Blog 

 

Manfaat widget Like Box Facebook di Blog adalah pengunjung pada Blog sobat tau bahwa Blog tersebut juga mempunyai halamanya di Facebook dan pengunjung dapat menyukai halaman Blog sobat di Facebook dengan sekali klik.
Sebelum membuat Widget Like Box Facebook di Blog, sobat terlebih dahulu harus mempunyai halaman Blogspot sobat di Facebook. Jika sobat belum punya halaman Blogspot di Facebook, sobat bisa baca panuduan ini, Cara Membuat Halaman Blog di Facebook. Baca juga untuk tampilan lebih sederahana yaitu Tombol Like Facebook di Blog. Jika sobat telah mempunyai halaman Blogspot sobat di Facebook, maka membuat Like Box Facebook di Blog dapat dimulai.
OK, mulai saja sob. Cara membuat Like Box Facebook di Blog:
1. Login ke Facebook dengan akun sobat.
2. Isikan URL http://developers.facebook.com/docs/reference/plugins/like-box/ dan langsung kunjungi URL tersebut.
3. Atur Tampilan.
Masukan URL halaman blogspot sobat di Facebook.
Width, atur lebar Widget.
Height, atur panjang Widget.
Show Faces, menampilkan foto Profil Likers atau tidak.
Color Scheme, pilih antara dark atau light.
Stream, tampilkan ringkasan halaman Facebook atau tidak.
Border Color, tentukan warna garis luar.
Show header, tampilkan header atau tidak.
4. Setelah selesai klik Get Code untuk mendapatkan kode HTML widget Like Box.

5. Mendapatkan kode html Like Box, agar lebih mudah masuk pada bagian iFrame. Coppy seluruh kodenya.

6. Selanjutnya, masuk pada akun Blogger sobat.
7. Masuk pada bagian Tata Letak.
8. Kllik tambah gadget, pilih posisi mana yang sobat inginkan untuk memasang Widget Like Box.
9. Pilih HTML/Javascript.
10. Pastekan kode iFrame dan klik simpan.

Selesai, Widget Like Box Facebook telah berhasil dipasang pada Blog sobat. Silakan lihat hasilnya.