PURBALINGGA BROW er

Sunday, 23 June 2013

Cara Membuat Label Berputar di Blog

Desain dan widget blog terkadang mempengaruhi traffic pengunjung, semakin menarik desain blog biasanya pengunjung akan betah berlama – lama bahkan mengunjungi lagi blog kita. Kita boleh memasang banyak widget tapi juga harus memperhatikan kerapian dan loading blog itu sendiri.

Kali ini blogatap akan mengulas kembali cara membuat label atau category berputar di blog, agar label terkesan menarik dan menggoda untuk pengunjung klik.

Langsung saja berikut langkah – langkah pembuatannya :
  1. Login akun blogger 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'> 
  4. Copy kode dibawah ini dan paste tepat dibawah kode tadi.
    <b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div> <script type='text/javascript'> var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
    Keterangan :
    “300” : lebar widget, ubah sesuai blog Anda
    “200” : tinggi widget, ubah sesuai blog Anda 
  5. Kemudian klik Save template
    Nb: Kalau widget belum muncul pada blog, silahkan tambahkan gadget/widget 'Label'

Cara Memasang Widget Search Engine di Blog

Search engine merupakan sebuah mesin pencari yang apabila kita masukkan kata kunci (keywoard) akan muncul beberapa pilihan kata kunci tersebut. Keuntungan memasang search engine pada blog adalah untuk memudahkan pengunjung mencari artikel/postingan yang mereka cari pada blog.

Berikut langkah-langkah cara memasang widget search engine di blog :
  1. Login akun blogger Anda. 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript. 
  3. Copy-Paste kode di bawah ini,
    <form action="http://NAMABLOG.blogspot.com/search" method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
    Keterangan :
    NAMABLOG : ganti dengan nama blog Anda.
    25 : panjang kotak search engine/text box. 
  4. Simpan.
Nah, selesai dan Anda sudah bisa melihat hasilnya.

Cara Membuat Lafaz Basmallah pada Posting


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Kurang lengkap rasanya sebuah posting blog yang bernuansa islami tidak dihiasi dengan konten-konten islami, contohnya tulisan lafaz basmallah pada awal posting.

Bagi Anda yang blognya berisi konten-konten islami dan ingin memasang lafaz basmallah sebelum posting berikut langkah cara membuat lafaz basmallah baik manual maupun otomatis :
  1. Login akun blogger Anda. 
  2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget. 
  3. Cari kode <data:post.body/> 
  4. Copy kode script dibawah ini tepat diatas kode <data:post.body/>,
    <b:if cond='data:blog.pageType == "item"'>
    <div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; اار&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/>
    </b:if> 
  5. Klik 'Pratinjau' dahulu, sebelum kemudian Anda 'Simpan template'.
Nah, itu tadi memasang lafaz basmallah dengan cara otomatis, kalau dengan cara manual atau dengan kata lain kita bisa memilih postingan yang dipasang lafaz basmallah sesuai keinginan. Berikut copy kode script pada entri/posting sebelum Anda menulis artikel.
<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; اار&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/> 
 
  • Perlu Anda ingat copy kode tersebut pada HTML, dan bukan pada Compose. Sekian cara membuat lafaz basmallah pada posting,

Cara Membuat Gallery foto gambar bergerak berjalan di blog default (Biasa)


Gallery foto atau gambar di blog memang banyak sekali kita jumpai pada halaman blog yang mengutamakan promosi melalui gambar maupun foto image, Biasanya dipasang pada widget blog situs jual beli online. Namun pada tutorial blog yang akan saya share kasih trik dan tips-nya berikut ini adalah cara membuat gallery foto di blog dengan efek bergerak atau berjalan, Efek ini populer disebut efek Marquee. Jadi hasilnya tidak seperti gallery foto yang biasa, Karena gallery foto ini akan bergerak atau berjalan.

 Untuk cara membuat gallery foto gambar bergerak berjalan di blog, Caranya sangat mudah sekali. Ukuran lebar dan tinggi foto atau gambar bisa di atur agar sesuai dengan keinginan sobat. Karena cara ini adalah cara manual dan sobat bisa sesuka hati mengaturnya. Silahkan sobat mengikuti langkah-langkah yang akan saya berika.

Ada beberapa opsi pilihan dari gallery foto gambar bergerak berjalan di blog yang bisa sobat pilih, Diantaranya:

  • Gallery foto gambar bergerak berjalan di blog default (Biasa).
  • Gallery foto gambar bergerak berjalan di blog dengan Url Link tujuan bila di klik.
  • Dan masih banyak lagi, Tergantung pandai-pandainya sobat untuk berexperiment menambahkan kode-kode tertentu dalam gallery.
 Agar sobat tidak bingung dengan penjelasan saya di atas, Nanti akan saya jelaskan caranya satu-persatu, Agar sobat bisa mengerti dengan mudah.

Cara Membuat Gallery foto gambar bergerak berjalan di blog default (Biasa)

1. Silahkan sobat >> Masuk atau Login ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/JavaScript.

3. Beri judul widget, Contoh "My Foto Gallery". Kemudian letakkan semua kode di bawah ini pada kotak HTML/JavaScript.

<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxcQL4q220NrrypqSrk6CIzcY1C34mueVBtEXs0TdTSCEJR-wRtCikSCO-DJM0KOyL5ILCy1uIOblITjv-jLMldeJgptGA8OLpyCTF4ZmArnaVGMcht7RrZIEJvz1NLyUbWoOYdwxdu4/s1600/PINK1.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZa3nUVk37MwZZs8dnu_ENu4oBWn8cDu78KHXqfwq3ix723zmjn039wn8KBlthrfGjHpjWzF6hMRnDHUBOo7K362OYZrcwc4ACVRw7kZWZafjd6PE1x1rDtLdM77Wgp0BB_gVW1TiRvjs/s1600/HT3.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghll286bJRrZUr6jzpuuL0nX3_U2y4Jcd3y4ZgYLeJ71TC_z9B-xhrLZyBZWPwdbvu_Sni7ztVovSmCgajBvXO0J2GH3h4tfcDPv7FkS6YUgL4hObGk_nDS9Bj3FQnb2kuNilAIuEpO5E/s1600/sonal_chauhan.jpg" width="120" height="120" /></marquee>



Keterangan:

  • Warna Merah adalah Alamat URL gambar atau foto image. Silahkan sobat ganti dengan alamat URL gambar atau foto image sobat.
  • Warna Biru, width="120" dan height="120" adalah ukuran Lebar dan Tinggi image gambar atau foto. Silahkan sobat atur nilainya sesuai dengan keinginan sobat agar sesuai dengan widget blog sobat.
  •  <marquee direction="up" adalah arah bergerak berjalan ke atas. Silahkan sobat ganti up jadi down jika ingin arah berjalan bergerak ke bawah.

Monday, 17 June 2013

5 Aplikasi Untuk Melihat Free Internet TV Melalui PC Anda


Di waktu lalu, saya pernah menulis beberapa aplikasi untuk melihat siaran tv gratis melalui internet. Diantaranya InternetTV, AnyTV, dan Online TV Player. Jika Anda masih kurang puas dengan kinerja aplikasi-aplikasi tersebut, atau sekedar ingin menambah koleksi, Anda patut mencoba 5 aplikasi yang saya rekomendasikan di bawah ini:



TVU Player
internet tvTVU Player menggunakan fasilitas p2p (peer-to-peer) untuk menyiarkan saluran tv, sehingga walaupun semakin banyak orang yang menonton saluran tertentu, aplikasi ini akan tetap bekerja dengan baik sekali. Bahkan dengan koneksi internet yang cukup lambat (384k), aplikasi ini dapat berjalan dengan sangat baik. Beberapa channel spesial yang dapat Anda tonton dengan aplikasi ini antara lain Star Gamers TV, Sci fi channel, CBS, Bloomberg, NASA TV, Fox News, Spike TV, ABC7 News, Fox News, CCTV5, SHTV, Star Sports, GolTV dan masih banyak yang lainnya. Klik di sini untuk mendownload TVU Player sekarang.

SopCast
internet tvAplikasi ini juga menggunakan fasilitas p2p, sehingga Anda bisa menikmati kualitas sebaik saat Anda menggunakan TVU Player. Aplikasi ini mempunyai daftar saluran yang sangat menarik dari bermacam-macam kategori seperti komedi, sport, berita, kartun, film, dan lain sebagainya. Silahkan download Sopcast melalui link ini.

JLC Internet TV
internet tvJLC Internet TV mempunyai database channel yang sangat banyak, lebih dari 20.000 channel. Tapi sayang, dari sekian banyak, ada beberapa channel yang tidak dapat ditonton. Tapi Anda tidak perlu khawatir karena aplikasi ini menyediakan fasilitas rating dan flag. Dengan fasilitas ini, Anda dapat menandai channel mana yang bekerja dengan baik dan mana yang tidak bekerja, sehingga memudahkan Anda memilih channel untuk ditonton pada kesempatan-kesempatan berikutnya. Segera download JLC Internet TV di sini.

TVAnts
internet tvBeberapa channel special yang dapat Anda tonton menggunakan aplikasi ini atara lain BBC world, Espn, Al-jazeera, Star sports, Discovery channel, National Geographic channel, Truesports, Guandong, SHTV, CCTV5, Eurosport, Eurosport 2, CableSoccer, CableSports dan masih banyak yang lainnya. Untuk mendownload TVAnts silahkan klik di sini.

TVKoo
internet tvTVKoo mempunyai banyak channel spesial dalam berbagai kategori seperti sport, film, tv series, dan kartun. Satu diantara channel spesial tersebut adalah NBA TV. Penasaran ingin merasakan kehebatan aplikasi ini, download segera di sini.

Aplikasi TV Streaming Lengkap HTV Online 3.1 Beta 4 Gratis


HTV Online 3.1 Beta 4 ini adalah versi terakhir yang dikeluarkan oleh sang programer HeryArts. HTV Online terus melakukan perkembangan agar aplikasi ini lebih sempurna. Terlihat banyak penambahan fitur dan menu dari versi-versi sebelumnya yang pernah saya posting di sini, di sni dan di sini. Nah, apa saja perubahan di Aplikasi TV Streaming Lengkap HTV Online 3.1 Beta 4 ini? Yuk mari kita bahas bersama.
Aplikasi TV Streaming Lengkap HTV Online 3.1 Beta 4 Gratis 600x350 Aplikasi TV Streaming Lengkap HTV Online 3.1 Beta 4 Gratis
Pada Aplikasi TV Streaming Lengkap HTV Online 3.1 Beta 4 ini bisa dinikmati oleh free user dan donatur user. Tentunya ada beberapa perbedaan diantara keduanya.  Apa saja itu?
Free User :
  • Radio Indonesia akan diubah seluruhnya menggunakan player VLC agar lebih cepat connect.
  • Surya Citra Group sdh tersedia kembali ya gan versi Flash, Quicktime, VLC
  • Trans Corp sdh berjalan versi Flash, VLC, Quicktime. Versi baru Transcorp Utama.
Donatur User :
  • Penambahan Menu Top Negara Special Irlandia.
  • Revisi total, saat ini akan masuk 150 Negara baik TV lokal dan Specialnya dimasing-masing negara. Sortiran saat ini hingga Negara Huruf R ( RUSSIA – 140 SIARAN – TOTAL SIARAN SAAT INI -/+ 1200 SIARAN )
Sedangkan menu yang terdapat di Aplikasi TV Streaming Lengkap HTV Online 3.1 Beta 4 ini yang bisa anda nikmati diantaranya :
  1. TV Online Mancanegara
  2. TV Online Indonesia
  3. Radio Online Mancanegara
  4. Radio Online Indonesia
  5. CCTV Mancanegara
  6. CCTV Indonesia
  7. Cinema 24 HTV
  8. TVU & Sofpcast Channel
  9. TV Series
  10. Relax Game
  11. Chat HTV
  12. Music Player
  13. Video Player
Sebelum mendownload aplikasi ini, ada beberapa plugin wajib yang terinstal dahulu di komputer anda. Ini untuk memperlancar jalannya streaming. Plugin wajib tersebut bisa di download dibawah ini:
1. FlashPlayer For IE : DOWNLOAD
2. Sopcast Plugins : DOWNLOAD
3. QuickTime Lite : DOWNLOAD
4. Silverlight : DOWNLOAD
5. VLC : DOWNLOAD
Nah, setelah download plugin-plugin di atas, silahkan download Aplikasi TV Streaming Lengkap HTV Online 3.1 Beta 4 Gratis di bawah ini:
  1. Via Mediafire
  2. Via JumboFile
Don’t forget to say “Tanks to HeryArt”. Sekian Aplikasi TV Streaming Lengkap HTV Online 3.1 Beta 4 Gratis, semoga bermanfaat.

Monday, 10 June 2013

Cara Mengganti Background Postingan Dengan Gambar

Cara Mengganti Background Postingan Dengan Gambar
Background post dari sebuah blog tidak hanya berupa warna yang kadang membosankan. Sebagai alternatif lain, anda dapat mengganti background post dengan image yang tentu harus disesuaikan dengan warna huruf pada postingan agar kehadiran image sebagai background tidak mengganggu tampilan huruf.

LANGKAH-LANGKAHNYA

PERTAMA
  1. Siapkan sebuah gambar yang ukurannya telah disesuaikan dengan lebar postingan blog anda serta memiliki tinggi minimal 800 px lebar 1700px. Gunakan Adobe Photoshop atau aplikasi lainnya untuk me-resize image.
  2. Upload image tersebut ke hosting penyimpanan image seperti Photobucket, Imageshack, Web Picasa atau hosting yang selama ini anda gunakan.
  3. Copy Url/alamat gambar yang anda upload tadi. Simpan dulu pada note pad.

KEDUA
  1. Masuk ke Blogger
  2. Klik Tab Rancangan bagian Edit HTML
  3. Cari kode seperti dibawah ini pada template blog anda

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }


  4. Tambahkan kode untuk background seperti ini :

    background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;


  5. Gabungkan kedua kode diatas sehingga menjadi seperti ini :

    .post {
    background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }


  6. Kode yang berwarna kuning http://img268.imageshack.us/img268/6805/bodybgiq.jpg merupakan Url/alamat image yang akan tampil sebagai background postingan. Ganti alamat gambar tersebut dengan alamat gambar yang anda upload tadi (yang disimpan pada note pad)
  7. Klik tombol Simpan
  8. Lihat background postingan anda sekarang.


Selamat mencoba, semoga bermanfaat...