Tips Membuat Floating Facebook Like Box - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.
Cara Membuat Widget Melayang Facebook Like Box
1.Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.
2.Login ke dashboard blogger anda.
3.Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).
4.Copy script widget dibawah ini dan paste pada gadget.
6.Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas kode </head> pada template supaya widget Facebook Like Box ini bisa berfungsi.
Bingung juga mau memberi judul apa. Intinya kita akan membuat live chat
blog seperti yang ada di facebook., Kamu pun
juga bisa memasangnya dengan bantuan pihak ketiga yaitu envolve.com
1. Caranya yang pertama kamu daftar dulu di envolve.com
2. Setelah itu verivikasi akun envolve pada akun emailmu
3. Kemudian masuk ke my sites - add new sites. Perlu diingat saat kamu
isikan url blogmu pada add new site sebaiknya kamu sedang tidak membuka
akun bloggermu, atau logout dulu akun bloggermu. Karena waktu itu saat
saya sedang add new site bersamaan dengan akun blogger malah terjadi
eror.
4. Setelah sukses menambahkan url blog mu di envolve , nanti akan
disuruh memilih platform blog kamu seperti wordpress, joomla, tumblr.
Karena tidak ada platorm blogger disana kamu bisa pilih yang other.
5. Setelah itu coppy kodenya.
6. Lalu sign in ke akun blogger kamu
7. Masuk template - edit html - centang pada expand template widget
8. cari kode <head> ,gunakan ctrl+f untuk mempermudah pencarian
9. setelah itu pastekan kode envolve tadi diatas kode <head> pada html tempate kamu
10. selesai..!!
Semoga sukses.. Mohon maaf tidak disertakan tutorial gambar karena
menurut saya tutorial ini mudah dilakukan, sekalipun tanpa tutorial
disini :)
Cara Memasang Lagu Langsung Nyala Otomatis (AutoPlay)
- Kali ini saya akan membagikan kepada teman - teman bagaimana Cara
Memasang Lagu Langsung Nyala Otomatis (AutoPlay). Banyak orang ingin
membuat blognya tampil lebih menarik dan keren mulai dari membuat buku
tamu melayang, membuat header yang unik dan bahkan ada yang menambahkan
lagu pada blognya. Nah, kalau kita memasang lagu pada blog kita nanti
pengunjung juga akan merasa lebih nyaman.. tapi kalau lagunya gak enak
di dengar, ya.. kasian juga nanti pengunjungnya.. hehe :)
Berikut Cara Memasang Lagu Langsung Nyala Otomatis (AutoPlay) : 1. Kunjungi Situs SoundCloud, disini >> http://soundcloud.com
2. Pilih menu Sign Up.
3. Lalu akan
muncul pop up yang melayang ditengah - tengah web tersebut, silahkan isi
datanya seperti email, password dll. Lalu Klik Sign Up.
4. Lalu akan
muncul halaman baru. Silahkan tuliskan nama yang akan ditampilkan,
gambar, nama anda, tempat tinggal anda dll. Klik Done.
5. Silahkan buka dan cek email anda yang tadi didaftarkan, buka pesan yang dikirim oleh Situs SoundCloud, lalu Klik Confrim your email address.
6. Bila sudah, lalu klik Upload untuk mengupload lagu yang ingin anda tampilkan pada blog anda.
7. Klik Choose files untuk memasukkan lagu dari komputer anda.
8. Bila sudah diupload, silahkan anda menunggu hingga proses uploadnya selesai.
9. Lalu anda atur sendiri tampilan lagunya, lalu klik Save dibagian bawah.
10. Klik Share.
11. Klik Edit your Widget.
12. Centang pada "Play automatically"
13. Copy kodenya. 14. Masuk ke Akun Blogger anda 15. Pilih Layout => Add a Gadget => HTML/JavaScript => Paste kode yang telah dicopy tadi 16. Klik Save. 17. Selesai. Contohnya bisa anda lihat disini >> http://demo-previews.blogspot.com Demikian postingan saya Cara Memasang Lagu Langsung Nyala Otomatis (AutoPlay), Semoga bermanfaat..!!
Halo teman, ingin
memasang musik di blog anda? Caranya mudah kok. Anda tidak perlu ribet -
ribet ngotak - atik HTML, yang anda perlukan hanya embed dari musik
yang akan anda pasangkan pada blog anda.
Dengan cara ini anda bebas untuk memilih mau lagu jenis apa saja yang
akan anda pasangkan pada blog. Tapi, kalau memang ingin lagunya autoplay
maka yang bisa anda pasangkan pada blog hanya 1 lagu saja.
Sebentar, anda sudah tau kan maksud dari "Autoplay" ini apa? Ya,
simplenya jadi kalau anda memasangkan musik pada blog dengan
pengaturannya autoplay, maka musik tersebut akan bermain secara
otomatis.
Hmm.. Jadi sudah tidak sabar ya ingin langsung ke langkah - langkahnya?
Okelah kalau begitu. Silahkan ikuti langkah - langkahnya di bawah ini.
Masuk ke akun anda
Kemudian pilih menu "Tata Letak" lalu klik "Tambahkan Gadget"
Setelah anda berada di web tersebut, anda gunakan kotak pencarian yang ada di sebelah kiri atas untuk mencari lagu yang ingin anda pasangkan
Setelah ketemu klik tombol "Share" (lihat gambar 1)
Kemudian anda klik gambar pensil (lihat gambar 2)
Nah, setelah itu anda bebas mau memilih apakah ingin embed "HTML 5"
atau embed "Flash" (lihat gambar 3). Tapi sebenarnya sih cara kerjanya
sama saja, hanya dari segi penampilannya saja yang berbeda
Setelah semuanya selesai, sekarang anda copykan kode embednya (nomor 2), lalu pastekan pada kolom Gadget yang tadi anda pilih
Yang terakhir klik "Simpan"
Selesai, silahkan anda cek.
Gambar 1
Gambar 2
Gambar 3
Nah itulah cara memasangkan musik autoplay pada blog. Selamat mencoba ya
:) Semoga artikel ini bermanfaat. Kalau ada yang kurang jelas silahkan
tinggalkan pertanyaan anda pada kolom komentar dibawah.
Membuat blog menjadi anti copy paste merupakan salah satu cara menjaga keamanan/privasi blog kita. Selain blog, kita juga bisa bisa memproteksi elemen-elemen atau widget-widget blog kita dari orang-orang jahil, misalnya memproteksi counter histats. . Nah, kali ini saya akan membahas mengenai trik mengatur blog menjadi anti copy paste menggunakan sript. Oke, langsung saja.. Cara kerja script ini adalah menonaktifkan fungsi blok pada posting sehingga copy paste terhadap blog kita dapat diminimalisir. Tapi saya sarankan jika blog sobat bertema "blog tutorial" sebaiknya jangan menggunakan script ini, karena script/kode yang ada pada tutorial sobat tidak akan bisa di blok. Baik langsung berikut cara mengubah blog menjadi anti copy paste:
1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode </head> (gunakan ctrl+f).
4. Copy paste script berikut tepat di bawah kode nomor 3 tadi
5.Simpan template dan lihatlah hasilnya.
Gunakan script ini jika konten blog sobat memang mengandung hak cipta
atau bersifat pribadi yang tidak ingin di copy paste. Nah demikiancara
membuat anti copy paste di blog, semoga bermanfaat! Kodenya Gan:
<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
ok sahabat blogger, kalii ini saya akan memberi tips buat para blogger.
Tips kali ini adalah tips untuk membuat blog kita menjadi anti copas
dengan bantuanDMCA ini
berfungsi buat orang yang mencopy dari blog kita tetapi tidak bisa di
Paste, kerenkan sob, saya akan memberi tau keunggulan DMCA ini..
Ke Unggulan DMCA
Diskon 10% setiap melakukan request take down tambahan
mendapat lencana DMCA gratis
Mendapatkan akses untuk mengetahui basis DMCA
Monitoring dari DMCA dengan portal yang aman
Konten yang bisa kita lindungi : Blog,Artikel,Gambar,Audio,grafik,Video dan teks.
Cara Mengganti Icon Address Bar Blogspot - Mengganti icon address bar blogspot merupakan salah satu cara mempercantik blog. Maka jika icon blog kalian belum diganti maka secara dunia perblog-kan belum seratus persen cantik. he he .... Pada kesempatan kali ini saya ingin berbagi ilmu tentang bagaimana cara mengganti icon address bar pada blog kalian.
Langkah-langkahnya sebagai berikut :
-log in ke blogger.com
-pilh rancangan atau design.
-pilih edit HTML
-cari kode </Head> menggunakan control F ,lalu letakkan kode dibawah ini di atas kode tersebut :
NB
: jika anda belum punya situs buat memasukkan foto kedalam google.com
atau yang lainnya. Saya sarankan supaya anda medaftar. daftar disini http://photobucket.com/
setelah anda selesai memasukkan foto ke http://photobucket.com/ copas kode url atau link(bukan kode HTML) ganti kodehttp://i1173.photobucket.com/albums/r582/idambashori/G.gifdengan kode url atau link gambar pilihan anda, lalu save dan selesai. gampang bukan.
Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,
Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,,]
bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenang aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:
1. Silahkan Login ke akun blogger sobat.
2. Lalu masuk ke design Template, klik Edit HTML
3. Seperti Biasa Centang Expand Template Widget
4. Kemudian cari kode berikut </body>
5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode </body>
Kodenya Gan
<script type='text/javascript'>var tujuan ='http://Alamat Url Feeds Sobat'</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>
Keterangan:
Kode http://Alamat Url Feeds Sobat ganti dengan URL Feeds sobat
Kode http://petir-project.googlecode.com/files/ktb4.js: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.
Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.
Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.
1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.
2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan
tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL
gambar sobat:
4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text,
selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.
NB: sedikit saran apabila sobat ingin merubah
gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk
hasil yang lebih baik.
Setelah sekian lama tidak posting dikarenakan masih banyak urusan yang harus saya selesaikan, dan kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.
Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.
Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.
Login terlebih dahulu ke Blogger.com
Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian
Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.
Kali ini saya akan memposting cara memasang Cbox auto hiden dari segala arah, segala arah maksudnya yaitu Cbox dapat ditempatkan atau muncul dari bagian sebelah kiri blog, kanan blog, bawah blog, dan atas blog, dan disertakan juga animasi gambar gif sebagai background.
Saya kira cukup sekian bla bla bla penerangan saya, dan mari kita menuju kepokok pembahasan.
Berikut ini adalah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah:
Seperti biasa sobat harus Login dulu di akun blog sobat
Pilih Tata Letak
Tambah Gadget HTML/Java Script
Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.
Kodenya Gan
<style type="text/css">
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
border:2px solid #fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPjMb7lyrw7FKtTCwB2OCedDH34yKKGhj8Lkqkt3NJBXjdaxlQflk-qbqNNPdYIFDEiCDugfwQ5fyMSJJeC1u8o1W0h6NC___y9YTUIpJg2grJKxE2q31OQwjHlL5upsFH2ieyiSrR34Lf/)#000000 repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
Salam sahabat blogger, alhamdulillah dapat menyapa anda kembali, semoga dimanapun anda berada selalu dalam penjagaan-Nya. Setelah beberapa waktu sempat vakum, request tutorial yang disampaikan lewat komentar atau emailpun akhirnya menumpuk. Mohon maaf juga untuk pertanyaan-pertanyaan yang belum sempat terjawab satu persatu. Hari ini dan kedepan insyaAllah saya ingin mencicil request sahabat blogger, tapi mohon jangan ditambah dulu sebelum PR yang satu ini selesai! Baiklah tutorial kali ini saya ingin mengetengahkan cara menambahkan basmalah dan hamdalah diawal dan akhir artikel blog.
Hampir setiap muslim pasti mengenal kalimat basmalah dan hamdalah. Kalimat pendek sarat makna ini biasanya dipakai ketika akan memulai suatu pekerjaan dan usai mengerjakannya. Karena bacaannya yang pendek ini pula, banyak yang menyepelekan kalimat basmalah dan hamdalah. Padahal jika dikaji lebih mendalam, di samping sebagai sarana meraih cinta Allah, ternyata kedua kalimat ini mengandung kekuatan luar biasa dalam meraih kesuksesan dan keberkahan hidup. Tidaklah mengherankan jika para Nabi, Rasul, dan orang-orang sukses selalu membaca basmalah setiap memulai aktivitasnya dan mengakhiri dengan hamdalah sebagai ungkapan syukur.
Tapi tak menambahkan kedua kalimat ini dalam artikel yang anda tulis, dan mencukupkannya dilisan sendiri saja tentu juga sudah cukup dan baik karena menambahkan keduanya dipostingan bukanlah kewajiban.
Baiklah cukup untuk pengantar, berikut cara menambahkan basmalah dan hamdalah diawal dan akhir posting blog
Setelah login ke akun blogger anda
Pada dasbor >> klik tab template >> Edit HTML
Klik tab drop down Lompat ke widget >> Blog1 >> Klik tanda panah kecil disamping kode dengan id Blog1
Klik tanda panah kecil disamping kode <b:includable id='post' var='post'>
Click Ctrl+F >> cari kode <data:post.body/>
Untuk menambahkan basmalah diawal posting tambahkan kode berikut diatas <data:post.body/>
Tips ini sudah banyak di tulis oleh sobat blogger di dunia maya , tapi gak masalah ya kalo saya menulisnya lagi di blog saya
ini, :) maklum bro buat nambah jumlah postingan aja neh. Untuk cara
berikut saya sedikit mengubah kode scriptnya agar lebih mudah untuk
digunakan khusunya sobat blogger yang baru seperti saya ini.
Kode script untuk widget Hot News
Kodenya Gan
<script type="text/javascript">
var hn_url_blog = "http://URL-SOBATdiSINI.blogspot.com/";
var hn_jumlah_post = 5;
var hn_warna_latar = "#ADD5D8";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src=" http://marewainfo.googlecode.com/files/oedinaryheadline.js ">
</script>
Buka Layout Page Element dan Klik add gadget, kemudian pilih HTML/javaScript Tempatkan semua kode di atas. Sobat tidak perlu memberikan judul pada widget ini!!
Pernahkan kamu melihat tampilan blog yang cantik dengan hiasan berupa menu yang jika disorot akan membesar dengan efek transisi yang halus?
Kalau
pertanyaan itu diberikan pada saya maka saya jawab, iya, bahkan saya
sangat tertarik ingin mencobanya. Menu tersebut lebih terkenal dengan
istilah Mac Doc, karena mungkin ide awalnya mencontek menu-menu Doc dari
tampilan OS Mac.
Kemudian,
setelah cukup lama saya mempelajarinya akhirnya hari ini saya pasang
juga hasil kreasi unik tersebut disalah satu blog saya. Namun di blog
saya tersebut bukan menu-menu profil atau semacamnya yang saya pasang,
menu yang saya pasang saya gunakan untuk menampilkan tombol-tombol
jejaring sosial, sehingga bagi pengunjung yang ingin berinteraksi lebih
lanjut dengan kita melalui jejaring-jejaring sosial tersebut dapat
langsung klik melalui menu Doc tersebut.
a. Tampilannya:
Menu
yang tersedia disini meliputi: Delicious, Digg, Facebook, Reddit,
Technorati, Twitter, Google +, dan bonus untuk menu menuju halaman
Kontak, dan juga RSS Feed. Kurang lebih tampilannya sebagai berikut:
Tampilan menu mac doc
b. Cara memasangnya:
Jika anda ingin memasangnya caranya sangat mudah, cukup Copy saja Script kode berikut ini, lalu masukkan ke widget blog anda.
Memasukkan
ke widget juga sangat mudah, dari halaman Design - Element Laman, lalu
tambahkan Gadget, pilih HTML/Javascript. Pastekan script berikut
didalamnya, lalu Save.
Anda dapat juga memodifikasi tampilannya, misal pada bagian :
- valign: 'top', bisa anda ganti dengan valign: 'bottom', jika anda ingin agar Mac Doc tersebut tampil dibawah halaman.
- Panjang atau lebarnya bisa juga nada sesuaikan tinggal mengganti angka-angka dalam kode diatas.
- Kemudian,
misalnya anda kurang suka dengan gambar-gambar dalam menu tersebut dan
ingin menggantinya caranyapun sangat mudah, anda tinggal ganti URL
gambarnya dengan URL gambar punya anda sendiri, contoh gambar-gambar
yang bisa anda gunakan untuk membuat menu Mac Doc cantik misalnya:
Berikut
ini contoh gambar menu-menu yang bisa anda jadikan referensi sesuai
dengan jenis menu yang ingin anda buat, misal untuk menu Arsip, Menu
Kontak, Menu Link, Menu Mobile, Download, Musik, Profil, Foto, RSS dan
sebagainya:
Gambar diatas hanya contoh saja, anda bisa nanti menggantinya dengan gambar koleksi sendiri.
Selamat bereksperiment dengan membuat tampilan menu mac doc untuk memperindah tampilan blog anda.
Bagaimana cara membuat Link berkedap-kedip dan berwarna pelangi? caranya sangatlah gampang, tidak
sesulit yang kita bayangkan. Ikuti langkah berikut, hanya kita tinggal
coppy dan pastekan kode berikut. Paling cuma 5 menit selesai. Ayo
buktikan... Seperti biasa : 1. Log in ke Blog, 2. Klik menu Template, 3. Klik menu Edit Html, 4. Cari kode <head > 5. Copy kode di bawah ini dan pastekan persis dibawah kode <head>
Iklan ? pasti anda sering menjumpai berbagai macam
iklan di webisite / blog ? pernahkah terlintas di pikiran anda ,
bagaimana acara membuatnya ? Kalau ada yang belum tahu iklan melayang , Mungkin
rekan blogger pernah melihat tutorial ini, memang setau saya ada yang
lebih rumit menggunakan banyak kode, tapi disini saya coba memberikan
tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang
baru mengenal pengkodean pasti bisa melakukannya, ok saya akan segera memberikan tutornya, nih ikutin saja langkahnya :
Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman/Rancangan
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya yah
Kodenya Gan:
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
6. Simpan
Semoga BERHASIL :)
dan andapun bisa berbisnis di web anda sendiri dengan iklan melayang ini !! semoga sukses yah !!
Wibiya
- salah satu website yang menyediakan fasilitas free toolbar untuk
blog Anda, toolbar dari wibiya ini sangat canggih. Fitur dari toolbar
wibiya ini diantaranya : pencarian langsung, who's online, live video,
translate, timeline, Bermacam-macam Facebook widget, twitter, youtube,
Live chat dan foto sharing kamu. Hmmm canggih bukan toolbar ini? Untuk
demonya silakan lihat blog ini bagian bawah yang melayang, ada tools
yang berisi pencarian, who's online, facebook, live chat dll.
Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.
* Buka website wibiya.com dan klik tombol "Get It Now" * Pada Form "Create An Account" isi form sesuai dengan data Anda lalu kik tomblol
"Next"
* Lalu milih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next" * Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next" * Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on
blogger
* Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik
logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger
* Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol "Add Widget" maka
toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.
Nah
selesai deh ulasan tentang cara membuat Toolbar canggih wibiya,
toolbar ini banyak digunakan oleh para pemilik website untuk
mempercanggih websitenya, jadi blog kita jika menggunakan toolbar ini
serasa seperti di Facebook.
Cara Membuat Efek Loading Page Pada Blogger. Buat para blogger yang senang dengan efek-efek yang lumayan menarik, nih Saya punya trik yaitu Cara Membuat Efek Loading Page Pada Blogger.
Mau tau previewnya??? ok ok nih contohnya bisa dilihat DISINI
Gimana??? sobat tertarik kah????
klo iya nih langsung aja ya Cara Membuat Efek Loading Page Pada Blogger
Cara Membuat Sliding Login/Register Form Panel di Blog. Bagi sobat yang pengen mempercantik blognya dengan menu register buat pengunjungsetia-setianya, kali ini akan share mengenai Cara Membuat Sliding Login/Register Form Panel di Blog.
Register disini maksudnya yaitu agar pengunjung blog
sobat bila ingin ikut menuliskan pengetahuan mereka di blog kita agar
lebih mudah. Karena klo untuk login di blogger kan tidak semuanya yang
memiliki akun di blogger.
untuk screen shootnya dibawah ini sob.
Gimana apakah sobat tertarik???
ya klo tertarik tak share caranya nih, tp klo kagak yaaaa... cari artikel yang lain dulu deh, jangan buru ninggalin blog ini wkwkwkwkwkwkwkw Cara Membuat Sliding Login/Register Form Panel di Blog
1. login blog
2. buka menu rancangan >> edit HTML (centang "Expand Template Widget")
3. cari kode ]]></b:skin>
4. letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member
maklumlah pemula,, heheheheee,,,, 
