This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Selasa, 29 Juli 2014

[Tutorial] Cara Memasang Soundcloud Pada Postingan Blog


[Tutorial] Cara Memasang Soundcloud Pada Postingan Blog - Salah satu situs pemutar audio yang terkenal dan populer di dunia maya adalah Soundcloud. Lewat situs Soundcloud, sobat bisa mendengarkan lagu-lagu kesayangan yang diunggah oleh para penggunanya. Untuk mencari lagu-lagu favorit, sobat bisa mencari nama artis atau nama lagu lewat mesin pencari Soundcloud.

Selain itu, Soundcloud juga memungkinkan bagi penggunanya untuk berbagi ke jejaring sosial seperti Facebook atau Twitter dan memasangnya di blog. Nah, kali ini kami mem-posting tutorial cara memasang Soundcloud pada blog dengan mudah. Contohnya bisa sobat lihat di bawah ini.






Ikut langkah-langkah berikut ini.

1) Buka halaman yang menampilkan lagu kesayangan sobat



2) Klik Share > Embed pada bagian bawah alat pemutar suara atau lagu, lalu kopi kode yang terdapat pada kotak dialog


3) Masuk ke akun blog, dan paste pada posting HTML
4) Simpan dan lihat hasilnya

Demikian tutorial cara memasang Soundcloud pada postingan blog yang mudah-mudahan berguna dan bermanfaat untuk sobat semuanya. Sampai jumpa di postingan selanjutnya :). (bitebrands)



[Tutorial] Cara Memasang Update Instagram Pada Postingan Blog


Tutorial] Cara Memasang Update Instagram Pada Postingan Blog - Salah satu aplikasi berbagi foto yang paling populer dan banyak digunakan pada ponsel dan tablet berbasis Android adalah Instagram.

Dengan Instagram, pengguna dapat menggunggah foto-foto yang menampilkan dirinya atau selfie ataupun foto-foto menarik lainnya. Para pengguna lain pun dapat melihat, menyukai, dan berkomentar pada foto yang diunggah tersebut. Selain itu, pengguna juga dapat membagikannya ke jejaring sosial yang lain seperti Facebook atau Twitter.

Keunikan Instagram, aplikasi ini dilengkapi dengan fitur-fitur pengolah gambar dan gambar yang ditampilkan akan dipotong membentuk kotak atau persegi sehingga hasilnya seperti foto hasil jepretan kamera Polaroid. Contoh update Instagram yang sudah terpasang di postingan blog seperti di bawah ini.






Pada kesempatan kali ini, BiteBrands menyajikan tutorial cara memasang update Instagram pada postingan blog. Ikuti langkah-langkah berikut ini.

1) Buka update Instagram yang diinginkan.
2) Klik Embed yang ada di kanan bawah foto Instagram


3) Kopi kode yang ada di kotak dialog


4) Buka akun blog, dan paste kode tadi pada posting HTML
5) Simpan dan lihat hasilnya

Sobat bisa mengatur dimensi atau ukuran frame dengan mengedit width dan height pada kode yang sudah di-paste.

Nah, itu tadi tutorial cara mudah memasang update Instagram di postingan blog yang semoga bermanfaat bagi sobat. Oke, sekian dulu dan simak tutorial berikutnya :). (bitebrands)



[Tutorial] Cara Mudah Download Video Youtube Terbaru


[Tutorial] Cara Mudah Download Video Youtube Terbaru - Menonton video melalui situs Youtube memang mengasyikkan. Ada banyak berkas Youtube yang diunggah oleh para penggunanya yang menarik untuk dilihat. Apalagi jika video yang sobat cari adalah video band atau artis idola. Dengan mengetikkan kata kunci, misalnya penyanyi favorit sobat atau nama lagu yang diinginkan maka akan muncul deretan video klip yang bisa sobat saksikan.

Banyak yang berpikir untuk men-download video Youtube dan disimpan dalam hardisk laptop atau memori gadget sobat agar bisa diputar kapan saja tanpa harus terhubung dengan internet. Manfaat men-download video Youtube lainnya yaitu sobat hanya menyimpan dan menampilkan video yang memang benar-benar menarik, misalnya official video clip musisi tertentu atau konser musik dengan kualitas gambar yang bagus atau high definition (HD).

Dan, sobat tidak perlu repot-repot lagi mencari video kesukaan di Youtube, sobat tinggal mencari berkas yang tersimpan dalam folder hardisk laptop atau memori gadget. Yotube tidak menyediakan tombol atau alat untuk men-download video. Oleh karena itu, agar bisa men-download video Youtube, sobat perlu alat pendukung, yaitu website atau situs yang menyediakan link agar berkas bisa diambil. Misalnya, situs en.savefrom.net.




Cara terbaru men-download video Yotube dengan cepat dan mudah, lakukan langkah-langkah berikut:

1) Buka halaman Youtube yang berisi video kesukaan sobat
2) Kopi URL yang tertera di bagian atas browser
3) Buka en.savefrom.net, dan paste URL di kotak penelusuran, klik Download

4) Muncul tampilan video dan download links, dan pilih jenis file di sebelah kanan yang sobat inginkan
5) Simpan

Tutorial cara men-download video Youtube semoga bermanfaat bagi sobat-sobat sekalian. Selamat menonton video Youtube kesukaan :). (bitebrands)



[Tutorial] Cara Pasang Video Youtube Pada Postingan Blog


[Tutorial] Cara Pasang Video Youtube Pada Postingan Blog - Sobat mungkin sering menonton video melalui di Youtube yang merupakan salah satu media pemutar video paling terkenal. Ada banyak video favorit sobat yang bisa kita saksikan di Youtube, mulai dari video klip, video tutorial, dokumenter, iklan maupun film.

Namun, pernahkah sobat berpikir untuk menampilkan video Youtube di postingan blog? Jika ya, maka sobat mampir di halaman yang tepat :). Menampilkan video Youtube kadang perlu dilakukan jika postingan sobat membahas tentang musik atau hal lain yang membutuhkan tampilan audio visual. Contoh video Youtube di postingan blog bisa sobat perhatikan di bawah ini.






Kali ini kami jelaskan tutorial atau cara mudah memasang dan menampilkan video Youtube di postingan blog. Caranya gampang sekali, ikuti langkah-langkah berikut ini.

1) Buka halaman Youtube yang menampilkan video favorit sobat
2) Klik Bagi > Sematkan yang ada di bawah video, lalu kopi kode yang tersedia



3) Masuk ke akun blog sobat, lalu paste kode tadi di postingan HTML
4) Simpan dan lihat hasilnya

Itu tadi tutorial cara memasang video Youtube di postingan Blogspot atau Wordpress yang mudah sekali untuk dipraktikkan. Selamat mencoba :) (bitebrands)



Senin, 28 Juli 2014

[Tutorial] Cara Pasang Update Status Terbaru Twitter di Postingan Blog


[Tutorial] Cara Pasang Update Status Terbaru Twitter di Postingan Blog - Sobat pasti sudah pada tahu Twitter yang merupakan media sosial online paling populer selain Facebook. Twitter memungkinkan kita mengirimkan pesan berupa teks, video maupun gambar atau biasa disebut dengan tweet.

Salah satu fitur pada Twitter adalah trending topic yang merupakan topik paling populer yang menjadi pembicaraan utama para tweeps, pengguna Twitter. Trending topic ditayangkan secara real time sehingga kita bisa memantau topik yang sedang hangat baik di dunia maupun Indonesia pada saat itu juga.

Nah, tutorial kali ini akan membahas bagaimana cara mudah dan cepat memasang tweet pada postingan blog. Contohnya, bisa sobat perhatikan di bawah ini. Sobat bisa langsung me-retweet, mengklik favorite atau me-reply, dan mem-follow orang yang ada pada postingan.






Caranya sederhana sekali, ikut langkah-langkah berikut ini:

1. Buka akun Twitter sobat atau akun lainnya yang ingin dibuka.
2. Klik More di bawah tweet, lalu klik Embed Tweet


3.  Jika sudah, akan muncul kotak dialog seperti di bawah ini, lalu kopi kode yang tertera di bagian atas


4. Masuk ke akun Blogger, dan paste kode di dalam postingan HTML
5. Simpan atau Publikasikan

Tutorial cara memasang atau embed status terbaru Twitter di postingan blog di atas semoga bermanfaat untuk sobat. Happy blogging :D (bitebrands)



Sabtu, 26 Juli 2014

[Tutorial] Cara Mudah Memasang Facebook Likebox pada Blog


[Tutorial] Cara Mudah Memasang Facebook Likebox pada Blog - Facebook merupakan sosial media yang paling populer sejagat raya selain Twitter. Media sosial ini menjadi favorit bagi para pengguna internet untuk bersosialisasi dengan sesama teman, kerabat, kenalan, keluarga, relasi bisnis, dan lainnya.

Nah, bagi para blogger, Facebook tentunya sangat bermanfaat untuk memperkenalkan dan mempromosikan blognya agar lebih banyak dikenal orang. Satu hal yang dapat dilakukan blogger agar lebih dikenal yaitu dengan membuat halaman atau fanpage Facebook yang ditujukan bagi para penggemar blog.

Dengan membuat Facebook fanpage, maka orang mempunyai kesempatan menjadi penggemar kita yang menyukai halaman dan mengetahui segala aktivitas atau informasikan yang kita sebarluaskan.

Berikut ini kami sampaikan tutorial menampilkaan facebook likebox dalam blog sobat, agar mendapatkan lebih banyak penggemar. Ikuti langkah-langkah berikut ini.




1. Buka halaman Facebook likebox



2. Masukkan Facebook Page URL, dan atur dimensi kotak Facebook yang disesuaikan dengan area pada widget blog
3. Jika sudah lalu klik Get Code
4. Muncul kotak dialog, kopi kode pada IFRAME
5. Masuk ke akun Blogger, klik Tata Letak > Tambahkan Gadget
6. Pilih HTML/Java Script, masukkan kode
7. Simpan

Facebook likebox sobat akan muncul di bagian sidebar blog. Semoga tutorial cara membuat Facebook likebox ini bermanfaat bagi pengembangan blog sobat. (bitebrands)



[Tutorial] Cara Membuat Tab View Dalam Postingan Blog


[Tutorial] Cara Membuat Tab View Dalam Postingan Blog - Aktivitas blogging memang mengasyikkan, terutama ketika kita mendapatkan dan mampu mempelajari hal-hal baru. Misalnya, mempelajari cara cepat memasang tab view dalam postingan Blogger.

Mungkin sobat penasaran bagaimana caranya membuat tab view dalam postingan Blogger. Jika ya, maka sobat berada di halaman yang tepat. Tab View dapat digunakan pada postingan blog sobat agar terlihat lebih ringkas dan rapi. Berikut ini kami sampaikan tutorial membuat tab view dengan menggunakan kode script yang dapat sobat kopi di bawah ini.

Caranya:
1. Kopi kode script berikut ini dan paste ke bagian dalam HTML pada postingan Blogger.

<style type="text/css">
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid white;
border-bottom: none;
background: #f0f0f0;
}
#tablist li a:link, #tablist li a:visited{
color: white;
}
#tablist li a.current{
background: #008ddd;
color: #fff;
}
#tabcontentcontainer{
width: auto;
padding: 5px;
border-bottom: 1px solid #f0f0f0;
color: #fff;
}
.tabcontent{
display:none;
}

</style>

<script type="text/javascript">
//Set tab to intially be selected when page loads:
//[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1, "sc1"]
////////Stop editting////////////////
function cascadedstyle(el, cssproperty, csspropertyNS){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(csspropertyNS)
}
}
var previoustab=""
function expandcontent(cid, aobject){
if (document.getElementById){
highlighttab(aobject)
detectSourceindex(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
document.getElementById(cid).style.display="block"
previoustab=cid
if (aobject.blur)
aobject.blur()
return false
}
else
return true
}
function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collecttablinks()
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].style.backgroundColor=initTabcolor
var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor
aobject.style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor
}
function collecttablinks(){
var tabobj=document.getElementById("tablist")
tabobjlinks=tabobj.getElementsByTagName("A")
}
function detectSourceindex(aobject){
for (i=0; i<tabobjlinks.length; i++){
if (aobject==tabobjlinks[i]){
tabsourceindex=i //source index of tab bar relative to other tabs
break
}
}
}
function do_onload(){
var cookiename=(typeof persisttype!="undefined" && persisttype=="sitewide")? "tabcontent" : window.location.pathname
var cookiecheck=window.get_cookie && get_cookie(cookiename).indexOf("|")!=-1
collecttablinks()
initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor", "background-color")
initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor", "background-color")
if (typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){
var cookieparse=get_cookie(cookiename).split("|")
var whichtab=cookieparse[0]
var tabcontentid=cookieparse[1]
expandcontent(tabcontentid, tabobjlinks[whichtab])
}
else
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
</script>


<ul id="tablist">
<li><a class="current" href="http://www.blogger.com/blogger.g?blogID=2726093644608416144#" onclick="return expandcontent('sc1', this)"><span style="font-family: Verdana, sans-serif;">Synopsis</span></a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2726093644608416144#" onclick="return expandcontent('sc2', this)" theme="black"><span style="font-family: Verdana, sans-serif;">Screenshot</span></a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2726093644608416144#" onclick="return expandcontent('sc3', this)" theme="black"><span style="font-family: Verdana, sans-serif;">Trailer</span></a></li>
<li><a href="http://www.blogger.com/search.#" onclick="return expandcontent('sc4', this)" target="_blank" theme="black"><span style="font-family: Verdana, sans-serif;">Download Film</span></a></li>
<li><a href="http://www.blogger.com/search.#" onclick="return expandcontent('sc4', this)" target="_blank" theme="black"><span style="font-family: Verdana, sans-serif;">Subtitle</span></a></li>
</ul>
<div id="tabcontentcontainer">
<div class="tabcontent" id="sc1">
<span style="font-family: Verdana, sans-serif;">Blog ini berisi mengenai kumpulan beberapa script untuk mempercantik tampilan blog anda agar pengunjung blog betah berlama-lama mencari informasi yang diperlukan dalam halaman blog anda.Semoga postingan yang yang saya berikan bisa bermanfaat untuk sobat blogger semua.</span></div>
<div class="tabcontent" id="sc2">
<span style="font-family: Verdana, sans-serif;"><a href="http://cahshare.blogspot.com/2014/07/bagaimana-cara-membuat-tab-view-di.html" target="_blank">Membuat kotak menu tab view</a>
<a href="http://alamatlinkanda.com/">Teks anda</a>
<a href="http://alamatlinkanda.com/">Teks anda</a></span></div>
<div class="tabcontent" id="sc3">
<span style="font-family: Verdana, sans-serif;"><a href="http://cahshare.blogspot.com/2013/02/cara-memblokir-situs-dengan-menggunakan.html">Cara Memblokir Situs Dengan Menggunakan Squid Keyword</a>
<a href="http://alamatlinkanda.com/">Teks anda</a>
<a href="http://alamatlinkanda.com/">Teks anda</a></span></div>
<div class="tabcontent" id="sc4">
<span style="font-family: Verdana, sans-serif;"><a href="http://cahshare.blogspot.com/2013/09/cara-menggunakan-meta-tag-seo-friendly.html" target="_blank">Script SMS gratis</a>
<a href="http://alamatlinkanda.com/">Teks anda</a>
<a href="http://alamatlinkanda.com/">Teks anda</a></span></div>
<div class="tabcontent" id="sc5">
<span style="font-family: Verdana, sans-serif;"><a href="http://filmsubindo.chatango.com/" target="_blank">Obrolan</a>
<a href="http://alamatlinkanda.com/">Teks anda</a>
<a href="http://alamatlinkanda.com/">Teks anda</a></span></div>
</div>

2. Jika sudah, maka Simpan dan lihat hasilnya

Semoga tutorial cara membuat tab view dalam postingan blog di atas dapat bermanfaat bagi sobat para blogger. Selanjutnya, kode di atas dapat disesuaikan dengan kebutuhan sobat. (bitebrands)



[Tutorial] Cara Melakukan Encode/Decode Kode HTML


[Tutorial] Cara Melakukan Encode/Decode Kode HTML - Berikut ini kami tampilkan alat yang berfungsi untuk mengkonversi kode HTML. Alat encode/decode HTML ini penting sobat gunakan ketika ingin menampilkan kode script agar bisa tampil sesuai yang diharapkan di postingan blog.

Masukkan kode HTML pada kotak di bawah, lalu pilih Do HTML Encoding atau Do HTML Decoding, setelah itu klik Convert Text. Hasilnya akan muncul di bawah, kopi dan paste di manapun sobat menginginkannya. Semoga alat encode/decode HTML ini bisa berguna dan bermanfaat untuk mempermudah pekerjaan sobat.




Masukkan Kode di Bawah












Powered by: WebToolHub.com




Related Posts Plugin for WordPress, Blogger...