BUAT TVonLINE Di BLOG

Ingin tahu gimana caranya membuat TV ON LINE di Blog kita atau web kita caranya sangat mudah, jika berminat silahkan di lanjut...

Ikuti Langkah - Langkah berikut ini :
Masuk / Login Ke blog sobat :
1. Pilih Tambah Gadget
2. Pilih HTML/Java Script berikut ini:
<iframe frameborder="0" height="350" scrolling="no" src="http://zons.000a.biz/etc/tv/multitv01.html" width="450"></iframe><div class="linkwithin_text" id="linkwithin_text_0" style="border: 0pt none; font-weight: bold; margin: 0pt; padding: 20px 0pt 5px; text-align: left;"></div><span style="font-size: xx-small;">Widget By: <a href="http://belajarbersama-sama.co.cc/">KOHAN126</a></span>
3. Jangan Lupa Save

Semoga bermanfaat
Read More..

MEMASANG WIDGET WIBYA

Wibya merupakan widget multi fungsi yang bisa digunakan oleh para blogger untuk mempercantik blog nya. Widget Wibya inipun dapat di pasang pada blog berplatform apa saja seperti blogspot, wordpress, joomla dll. Widget wibya ini terletak di bagian footer dan terpasang melayang, sehingga widget inipun akan selalu terlihat berada di bawah walaupun kita scroll. Untuk melihat contohnya silahkan lihat di bagian bawah blog ini. Kalau sob berkenan di lanjut saja...

CARA MEMPEROLEH WIDGET WIBYA

Untuk memperoleh widget wibya ini tidaklah seperti kita memperoleh widget blog pada umumnya yang tinggal daftar trus copy script ke blog kita, dalam situsnya klik [di sini] mereka mengatakan bahwa widget ini masih dalam tahap BETA VERSION, jadi widget ini mungkin masih belum terlalu pas untuk di publikasikan.

untuk memperoleh widget ini kita mesti mengirimkan sebuah “REQUEST INVITE”, masuk ke menu “GET IT NOW” dan kemudian kita isi data-data yang diperlukan, kemudian nanti web/blog kita akan di review oleh admin wibya.com, biasanya review ini berlangsung selama 2-4 hari. Nanti apabila sudah di approve kita akan memperoleh kode “token” yang akan dikirim ke alamat email kita yang sebelumnya kita daftarkan.Kemudian baru kita bisa menginstal widget wibya tersebut ke blog kita.

Semoga bermanfaat...
Read More..

Membuat Text Berjalan

Yang aqu maksud membuat text berjalan adalah sering di sebut dengan MARQUEE, dengan menambahkan marquee ini blg kita akan menjadi lebih menarik, saya contohkan sebagai berikut :




Atau mau model Tulisan berjalan kayak gini

Belajar Pertama Ngeblog Untuk berbagi dan saling kenal

Ingin tahu caranya gimana silahkhan di lanjut ... hehehe


Silahkan copy code berikut ini :

<marquee align="center" direction="left" scrollamount="3" width="100%" height="100">
"Masukkan TExT atau Baner terserah, sesuai dengan kreasi sobat"
</marquee>

Penjelas
1. Direction "Left" text akan bergerak ke kiri.
2. Direction "right text akan bergerak ke kanan.
3. Direction "up text akan bergerak ke Atas.
4. Direction "Down text akan bergerak ke bawah.
5. scrollamount="3" Kecepatan geraknya, bisa Sobat ganti juga..
6. width Batas horizontal marquee
7. Height Batas vertikal marqueenya...

Untuk cara pasangnya seperti biasa :

1. Masuk Layout
2. Pilih Add Gadget
3. Pilih HTML / JavaScript
4. Simpan..

Semoga bermanfaat, jangan lupa komennya..

Read More..

Memasang Widget Sexy

Ini berupakan posting dari Sobat [Zykry] mengenai Memasang Widget Sexy, bagi teman2 yang mau memasang widget sexy sosial bookmark diakhir postinganan: Sebelum di mulai lebih baik sobat backup dulu temple sobat, klau ada apa2 tinggal mengembalikan saja....hehehe...
langsung saja begini caranya ..


1. Dalam keadaan loggin pada account sobat>>> pada dasbor>>> klik tata letak>>> edit HTML>>> centang kotak kecil Expand Widget Template
2. Tambahkan kode berikut sebelum kode </head>

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://i941.photobucket.com/albums/ad259/spiceupyourblog/sexybookmarksbuttons.png') no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}
</style>

3. Tambahkan kode HTML berikut setelah kode <data:post.body/>

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/Krisna126' title='Subscribe to RSS' rel='nofollow'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>

Catatan: jangan lupa mengganti ID feed Burners saya (krisna126) dengan id feed burners sobat.
4. Simpan template.

Semoga bermanfaat
Read More..

MEMBUAT BUKU TAMU TERSEMBUNYI

7Sob ingin tahu membuat buku tamu atau shoutmix ATAU LAINNYA yang tersembunyi, atau yang berada disisi kanan atau kiri dari halaman blog tersebut. Atau bisa di isi dengan apa saja sesuai dengan kriasi masing-masing sob... langsung saja gini Caranya sangat gampang hehehe.....


1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget" kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
<br /> <style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27oCyh45pmHgpXA_453HWf0JYWjYkmCOEg0Pjs_3RtZeMWRVpLPWm_9d76GpzsfJcENUydhRkg6T7GRN_lIOPyuVCqU-QUsjN-lI3fJ3os9-_lj0Msz1ePkgCVP8oZtd5IhrVwWO15pGM/') no-repeat;}.gbcontent{float:left;border:2px solid #A5BD51;background:#F5F5F5;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) :moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent"><b><--ganti dengan kode buku tamu/kreativitas kamu--></b></a><div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script></div></div>

- Pada kalimat <--ganti dengan kode buku tamu/kreativitas kamu--> di atas,
- Ubah nilai atribut top-nya kalau ingin menaikkan atau menurunkan soutmixnya. Seandainya ingin lebih naik keatas ubah jadi 25px atau 20px , pokoknya tergantung selera masing-masing.
Kalau udah selesai, tinggal di SAVE atau disimpan. Ok,

Semoga bermanfaat... jangan lupa komennya...
Read More..

Cara menghilangkan garis border gambar

Mungkin Sob pernah melihat atau mengalami langsung, gambar yang kita posting ada garis tepinya..Cara menghilangkan border atau garis pinggir pada gambar tersebut adalah...hehehe langsung saja...


Berikut caranya:

1. Login ke Blogger. Klik Layout -> Edit HTML
2. Cari kode .post img atau .post-body img. Biasanya dibawahnya akan dikuti dengan kode seperti contoh dibawah ini.

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0
}

Setiap template mempunyai kode yang berbeda-beda. Jadi yang perlu anda perhatikan adalah nilai bordernya. Ganti angka 1 dengan 0. Jadi kodenya menjadi seperti ini

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #f0f0f0
}

3. Jika sudah, klik Save Template
4. Selesai. Silahkan lihat hasilnya.

Semoga bermanfaat....
Read More..

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang.
Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya seperti apa, nih ini dia kodenya, coba pasang saja di Style Sheet CSS anda :

ini dia cara lengkapnya :
1. Login ke blogger dengan ID anda tentunya.
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. Klik tombol Simpan template.
7. Selesai.

Semoga Bermanfaat..

Read More..