Tehnologi-Religi: BLOGING

Tampilkan postingan dengan label BLOGING. Tampilkan semua postingan

Rabu, 02 Februari 2011

Dibawah ini merupakan Kumpulan tutorial singkat Blogspot dan beberapa Blogger Hack yang paling sering ditanyakan yang saya ambil dari situs www. o.om.com. Artikel ini saya coba terbitkan karena mungkin ada banyak bloger - bloger pemula seperti saya.

Semoga bermanfaat...

Agar Title SEO Friendly

Agar title blogger lebih lebih bersahabat dengan Search Engeine (SEO Friendly) kita dapat mengganti Title standar dengan Title kode yang sudah dimodifikasi.

Cari kode title dibawah ini:

Kemudian ganti semua kode diatas dengan kode dibawah

<b:if cond='data:blog.pageType == "index"'>

<b:else/>

</b:if>

Menghapus Link Subsribe Post (atom) atau Berlangganan: Posting (atom)

Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode dibawah lalu hapus kode warna merah dibawah.

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

Menghilangkan Navbar

Masuk halaman Edit HTML kemudian letakan dibawah kode <b:skin><![CDATA[

#navbar{height:10px; visibility:hidden; display:none}

Auto Hide pada Navbar Blogger

Pada halaman Edit HTML, kemudian letakan kode dibawah kode <b:skin><![CDATA[

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Mengganti Default Atom dengan RSS

Kadang mungkin kita ingin menggunakan default feed sebagai RRS, caranya masuk halaman Edit HTML, Kemudian cari kode warna hijau dibawah

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

Ganti kode warna hijau dengan kode dibawah ini:

Memasang Icon Sebelum title Post

Pertama cari .post h3{ pada deretan kode CSS kemudian masukan sesuai kode warna hijau dibawah:

.post h3{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7XG2oSktJ4yL8bcySP-QbAOiFsgXuZh7odIwA61w8OgdQawKEZBkMDoMpmXHy8bKIo16PBxS9JoGzpDMKPwIDQRAd17HAMygQH-WlT31MoT0HTDzvVpHzIdswpyyltkhdWressuAmHQD6/s400/dotlink.gif") 0px 0px no-repeat; margin:.5em 0; padding:0 20px 0; font-size:120%; font-weight:bold; font-style:normal; line-height:1.3em; color:#333}

Pasang Icon Pada Setiap Judul SideBar

Pertama cari #sidebar-wrapper h2{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#sidebar-wrapper h2{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7XG2oSktJ4yL8bcySP-QbAOiFsgXuZh7odIwA61w8OgdQawKEZBkMDoMpmXHy8bKIo16PBxS9JoGzpDMKPwIDQRAd17HAMygQH-WlT31MoT0HTDzvVpHzIdswpyyltkhdWressuAmHQD6/s400/dotlink.gif") 0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222; border-bottom:1px solid #C0C0C0}

Memasang Icon di link Sidebar

Pertama cari #sidebar-wrapper li{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#sidebar-wrapper li{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7XG2oSktJ4yL8bcySP-QbAOiFsgXuZh7odIwA61w8OgdQawKEZBkMDoMpmXHy8bKIo16PBxS9JoGzpDMKPwIDQRAd17HAMygQH-WlT31MoT0HTDzvVpHzIdswpyyltkhdWressuAmHQD6/s400/dotlink.gif") no-repeat 0px .20em; margin:0; padding:0 0 .25em 17px; line-height:1.2em}

Memasang Icon Sebelum Title Post pada halaman List Label

Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode warna hijau di kemudian masukan sesuai kode warna merah dibawah:

<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType != "item"'>

<img alt='>>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7XG2oSktJ4yL8bcySP-QbAOiFsgXuZh7odIwA61w8OgdQawKEZBkMDoMpmXHy8bKIo16PBxS9JoGzpDMKPwIDQRAd17HAMygQH-WlT31MoT0HTDzvVpHzIdswpyyltkhdWressuAmHQD6/s400/dotlink.gif'/>

<data:post.title/></a><br/><br/>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

Pasang Icon Sebelum Jumlah Komentar

Pertama cari #comments h4{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#comments h4{ background:#eee5e5 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirx8Cv75PUl-6OEd8VF97_3V-V_m7akC7Vr4zOyd5O93EV6cOZD8UwKlQmvKWGTpAMOUPCVRsaoEXQxdmKhLtVDhMJlveOd0FQt7qLH19odo_CTvrow4HFZrnR-sbrBk3Y5pFyo1CI5pE-/s400/icon_comments.png") no-repeat 3px .3em; width:430px; margin:.1em 0; font-size:12pt; font-weight:bold; line-height:1.5em; letter-spacing:.1em; color:#111; padding-left:25px}

Pasang Icon Sebelum Nama Komentator

Pertama cari #comments-block .comment-author{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#comments-block .comment-author{ margin:.5em 0; padding-left:25px; background:#FFFFCC url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSPlPBiHytuBeohabka7cArTVt7CCRESKEdXgE-41mFEY8pQ0eAq2z3WzfO9DIK09ffB0IvvxjhPyne20oBn591D0e9k00ZdVhdQMONqesOWskiYabffCGKCR5e6GbFwe0T8zLzuQaZSKo/s400/icon_comment.gif") no-repeat 3px .3em; color:#111}

Mengganti Tulisan Posting Lebih Baru - Halaman Utama - Posting Lama dengan tulisan sendiri atau bergaya Icon

Anda mungkin ingin mengganti tulisan standar Posting Lebih Baru - Halaman Utama - Posting Lama dengan gaya sendiri atau anda juga bisa menganti tulisan tersebut dengan icon. Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode warna hijau di bawahkemudian ganti kode warna merah dibawah sesuai keinginan.Untuk menganti gaya tulisan sendiri anda bisa langsung menulisnya sedangkan jika ingin mengganti dengan gaya icon tinggal ganti dengan kode <img src="http://loakasit-gambar-anda.com/contoh.jpg"/>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:else/>

<b:if cond='data:newerPageUrl'>

</b:if>

</div>

Cara mencetak halaman (Print Page)

Anda mungkin ingin mencetak perhalaman langsung ke default Printer, caranya tinggal memasang kode dibawah ini langsung disetiap halaman atau letakan di dalam halaman Post.

<a href="javascript:print(document)">Cetak Halaman Ini</a>

Sumber : http://www.o.om.com/

Jumat, 28 Januari 2011

MemberI Read More Pada Postingan

*** Member Read More atau Baca Selengkapnya Pada Template Blogger baru...
1. Sig in dulu ke blogger
2. Masuk pada menu setting atau pengaturan
3. Klik formatting/ format
4. Pada bagian post Template, isi kotak kosong tersebut dengan kode seperti ini:
<span class="fullpost">
</span>
5. Save setting
Guna setting kode ini agar pada saat postingan kode tersebut muncul secara otomatis pada bagian edit HTML untuk membantu kita agar tidak lupa dengan kode tersebut.
langkah selanjutnya...
6. Kembali ke dasboard
7. Masuk pada menu Layout atau Tata Letak
8. Klik menu Edit HTML
9. Untuk mengantisipsi hal yang tidak kita inginkan terjadi pada template kita baiknya klik tombol Download Full Template dulu, kemudian save di folder, jadi bisa back up data kembali kalau tak berhasil.
10. Jangan lupa centang kotak kecil disamping tulisan Expand Widget Template Tunggu beberapa saat sampai proses selesai.
11. Cari kode berikut } ]]></b:skin> kemudian letakkan tepat dibawahnya kode warna merah berikut:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style> Jadi kodenya berada antara kode } ]]></b:skin> dan </head>
12. Selanjutnya cari kode <p><data:post.body/></p> letakkan kode warna merah berikut tepat dibawahnya
<b:if cond='data:blog.pagetype != "item"'>
<a expr:href='data:post.url'> Read More...</a>
</b:if>
Read more...bisa anda ganti dengan baca selengkapnya atau kalimat lain yang anda sukai
13. Jangan lupa save/ simpan template.
14. Terakhir, setiap kali membuat postingan, pada tempat yang anda inginkan diletakkan Read More letakkan kode ini <span class="fullpost"> dan diakhir postingan letakkan kode </span> yang perlu diingat anda meletakkan kode tersebut pada bagian edit HTML bukan bagian compose/ Tulis.
*** Memasang read more pada template yang disediakan blogger sama dengan langkah-langkah diatas dari point 1 sampai 10. Untuk selanjutnya cari kode:
<p><data:post.body/></p> atau <data:post.body/> karena kode itu sama saja, p hanya kode spasi
Kalau sudah dapat ganti kode tersebut dengan kode berikut:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore.....</a>
</b:if>

Langkah selanjutnya sama dengan point 13 dan 14 diatas

Kamis, 27 Januari 2011

Cara Menghilangkan Icon Obeng dan Tang di Blogspot

Bagaimana caranya menghilangkan icon obeng dan tang / quick edit di blogger, icon obeng dan tang muncul ketika kita akan melihat/pratinjau hasil editnya seperti terlihat pada gambar di sebelah ini :

Langkahnya berikut ini. :

1. Login ke blogger.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

]]></b:skin>

5. Copy Paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}

6. Simpan template.
7. Selesai.

Cara Mengganti Icon Pada Address Bar (Pasti Jadi).

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....

Sebelumnya ku pernah mengupLoad trik tentang ini tapi itu kurang SIP! maka ini lah yang palong gampang.....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://Sety-T-R.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img134.imageshack.us/img134/633/image4hx4.gif

http://img139.imageshack.us/img139/83/image5oa7.gif

http://img509.imageshack.us/img509/6449/image6fu0.gif

http://img527.imageshack.us/img527/6543/image7go9.gif

http://img507.imageshack.us/img507/5774/image8wn8.gif

http://img150.imageshack.us/img150/5784/image9qo1.gif

http://img404.imageshack.us/img404/1214/image10vr1.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif

http://img100.imageshack.us/img100/4658/image12du2.gif

http://img132.imageshack.us/img132/4733/image13lj1.gif

http://img145.imageshack.us/img145/7793/image14zg9.gif

http://img412.imageshack.us/img412/4403/image15jc7.gif

http://img264.imageshack.us/img264/7575/image16kn8.gif

kalo belum puas dengan icon tersebut buat aja sendiri kang... masuk aja ke link ini http://tinypic.com/?t=postupload terus masukin url gambar yang anda upload ketulisan yang dicetak tebal tadi...setelah itu...

Trarang.........

Selamat mencoba...

Cara Mengganti Favicon di Blogger

Pada blogspot, favicon yang dibuat berupa logo blogger berwarna orange, Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout. Berikut Tutorialnya !!! Masuk ke akun blogger anda. 1.Pilih menu Layout (Tata Letak) » Edit HTML. 2.Cari kode di bawah ini.

<b:include data='blog' name='all-head-content'/>

3.Copy ajah kode html di bawah ini <link href='url-gambar' rel='shortcut icon'/> 4.Ganti tulisan berwarna merah dengan url-gambar yang akan dijadikan favicon.

Klo sobat belum tau gimana bikin url gambar/fotonya coba liat caranya Tinggal browser gambar lalu klik upload now copy Url yang ada di kata Direct Link for Layouts Klik disani http://tinypic.com 5. Simpan template.

Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

Nih Hasilnya Sob.....!!!

Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

Membuat Animasi Yang bergerak di pojok Bloger

L

Pasti sobat Bloger dah mengira-ngira kya gmana yua...kyknya bagus nic...Ok kali ini saya akan posting membuat gambar bergerak di pojok bawah bloger aku ini loh sob Ok langsung ja deh....
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taruh kode berikut ini di atasnya.

#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); }

3. 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. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

"http://banditkampungpunyacreasi.com" adalah link. ganti dengan link kamu.
"http://images.zwani.com/graphics/cartoons/images/4e.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.
NAh sobat klo mau cari gambar model gih Klik disini http://www.zwani.com/

Membuat Tulisan Berjalan dan Aplikasinya

Jangan hanya diam, itu mungkin dapat mengambarkan sebuah makna yang banyak, artinya apa? kita harus berbuat untuk sesuatu yang bermanfaat. Jangan hanya diam berarti harus bergerak, oleh sebab itu kita akan membuat tulisan yang gak hanya diam, tapi juga bergerak. Memang suatu yang bergerak bisa menjadi daya tarik atau menarik perhatian orang.

Kita akan membuat tulisan berjalan, yang berjalan ke samping, dari kanan ke kiri. Dan juga tulisan yang berjalan dari bawah ke atas, yaitu dengan menggunakan kode marquee sehingga nantinya kita dapat menarik perhatian pembaca dengan tulisan yang berjalan itu, mungkin tulisan itu berisi sesuatu yang penting yang pembaca harus tahu.

Cara Membuat Tulisan Berjalan
Berikut ini adalah kode untuk tulisan berjalan ke samping

<marquee direction="left"><b>Selamat Datang di BLOG TEHNOLOGI-RELIGI</b></marquee>

Selamat Datang di BLOG TEHNOLOGI-RELIGI

Kita dapat menggati tulisan yang selamat datang itu dengan tulisan yang lain sesuai dengan keinginan kita.

Berikut ini adalah kode untuk tulisan berjalan ke atas

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><b>Selamat Datang di BLOG TEHNOLOGI-RELIGI</b> </marquee>

Selamat Datang di BLOG TEHNOLOGI-RELIGI

Selain tulisan, untuk kode yang berjalan ke atas juga dapat kita aplikasikan menjadi blogroll, contoh kode htmalnya menjadi sebagai berikut:

Bisa juga kita gunakan untuk aplikasi newsflash. Kode HTMLnya sebagai berikut

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<script src="http://www.geocities.com/uddin_81/recent-post.js">
</script> <script>
var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100;
</script> <script src="http://sety-tehnologi-religi.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</marquee>

Jangan lupa mengganti http://sety-tehnologi-religi.blogspot.com dengan URL kamu sendiri, sebagai recent post.

Membuat Chat Room Di Blog Kita

Banyak sekali alasan orang pergi ke warnet, karena saat iniperkembangan di dunia ini sangat pesat. Ada yang berselanjar di dunia maya untuk mengupdate blog, friendster, atau situs jejaring sosial yang sekarang ini semakin marak. Yang sekarang naik daun mungkin face book dan masih ada lagi my space. Itu salah satu tujuan orang berselanjar di dunia maya, mengupdate ada lagi yaitu untuk chatting.

Nah, sekarang bagaimana agar blog kita juga dapat menyediakan ruang untuk chatting ( chat room ) agar orang menjadi betah di blog kita. Ada penyedia jasa bagi kita untuk berkreasi membuat chat room, kita tinggal datang ke Meebo disana kita dapat membuat chat room secara gratis.

Semakin banyak yang mengunakan ( menambahkan ke blog mereka ) maka akan semakin ramai yang chatting di chat room kita. Saya sudah membuat chat room di Meebo yang kamu bisa lihat di MUSIK-RADIO dan ONLINE-MAJALAH. Jika kamu tertarik untuk menambahkan ke blog kamu, silahkan copy-paste kode html berikut ini.

"width:300px" dan width="300"
angka 300 dapat kamu ubah sesuai lebar yang kamu inginkan
height="350" dan height="350"
angka 350 dapat kamu ubah sesuai tinggi yang kamu inginkan

Menambahkan TV Online Pada Blog

Mau lihat TV sekarang tidak sulit lagi. Sudah banyak stasius televisi yang membuat TVnya menjadi streaming yang bisa dinikmati secara online. Sehingga jangkauannya akan semakin luas. Dengan internet orang dibelahan negara lain bisa menikmati acara-acara TV Indonesia. Mau menambahkan TV online di blog kita? Siapa tahu akan membuat pengunjung bisa menikmati siaran TV-TV yang sudah streaming. Mungkin dengan menambahkan TV Online ini akan membuat blog kita semakin berat. Jadi perhitungkan kembali. Juga koneksi internet yang ada di Indonesia masih terkenal sangat lambat, siarannya pun tak bisa dinikmati secara nyaman. Tapi jika koneksi internet kita cepat sekali bisa jadi kita bisa menikmati TV online dengan enak.

Cara Menambahkan TV Online Pada Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><style>#wb_fs_tvinternetplayers{display:none;visibility:hidden;}</style><a id="wb_fs_tvinternetplayers" href="http://www.warungbebas.com/2010/12/nonton-banyak-channel-tv-online.html">TV Streaming Indonesia</a><script type="text/javascript" src="http://dns.warungbebas.com/4you/wb_fs_scriptwidget.js"></script><script type="text/javascript">wbwidget('loadtvcodeinternetplayers','calltvcodeonlineindonesia',4,2,10)</script><script type="text/javascript">fsCallListTVOnline(255,200,35,1);</script>

5. Simpan jika sudah selesai.

Kita dapat mengganti ukuran TV online yang kita tambahkan, yaitu dengan mengubah (255,200,35,0). 255 adalah lebarnya, 200 adalah tingginya 35 adalah ukuran logo TV.

TV Active: MNC TV

TV streaming from indoweb.tvAdd Widget TVMau lihat TV sekarang tidak sulit lagi. Sudah banyak stasius televisi yang membuat TVnya menjadi streaming yang bisa dinikmati secara online. Sehingga jangkauannya akan semakin luas. Dengan internet orang dibelahan negara lain bisa menikmati acara-acara TV Indonesia. Mau menambahkan TV online di blog kita? Siapa tahu akan membuat pengunjung bisa menikmati siaran TV-TV yang sudah streaming. Mungkin dengan menambahkan TV Online ini akan membuat blog kita semakin berat. Jadi perhitungkan kembali. Juga koneksi internet yang ada di Indonesia masih terkenal sangat lambat, siarannya pun tak bisa dinikmati secara nyaman. Tapi jika koneksi internet kita cepat sekali bisa jadi kita bisa menikmati TV online dengan enak.

Cara Menambahkan TV Online Pada Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

5. Simpan jika sudah selesai.

Kita dapat mengganti ukuran TV online yang kita tambahkan, yaitu dengan mengubah (255,200,35,0). 255 adalah lebarnya, 200 adalah tingginya 35 adalah ukuran logo TV.

TV Active: MNC TV

TV streaming from indoweb.tvAdd Widget TV