Nah anne Sedikit Share Cara Chek Blog Kena Banned atau engga silahkan Sobat Klik
Tampilkan postingan dengan label Widget Dan Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Widget Dan Tutorial Blog. Tampilkan semua postingan
Cara Chek Google Banned
12 Maret 2012 | 10 komentar
Cara Membuat Background Cbox/Buku Tamu
14 Februari 2012 | 2 komentar
Saya Shar nih rahasia bikin background Cbox seperti buku tamu saya sendiri nih sob..
pertama sobat pastinya harus daftar register cbox nya dulu kalau belum klik disini
nah kalu sudah nanti sobat bakalan ketemu
dengan tampilan seperti gambar dibawah
langkah selanjutnya trus Sobat klik look & feel > style Preset
selanjutnya pilih yang transparent > klik gambarnya lalu Confrim dan ok
selanjutnya klik lagi look & feel > Layout option
Lalu atur seperti gambar dibawah ini
setelah itu klik publish
dan sobat copi scrift seperti gambar di bawah
< div id="cboxdiv" style="text-align: center; line-height: 0">
< div>< iframe frameborder="0" width="300" height="280" src="http://www6.cbox.ws/box/?boxid=707798&boxtag=fqkplv&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-707798" style="border: 0px solid;" id="cboxmain6-707798">< /iframe>< /div>
< div>< iframe frameborder="0" width="300" height="120" src="http://www6.cbox.ws/box/?boxid=707798&boxtag=fqkplv&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-707798" style="border: 0px solid;border-top:0px" id="cboxform6-707798">< /iframe>< /div>
< /div>
ganti tulisan yg berwarna biru dengan scrif ini
< div id='cboxdiv' style='text-align: center; line-height: 0;background-position:center;background:url(http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/bacgroundcboxbymboed.png);width:300px;height:400px;background-repeat:no-repeat;' >
dan ganti scrift Merah dengan Url Gambar Sobat Contohnya Seperti Gambar
selanjutnya tinggal sobat simpan baik itu di postingan atau di widget.
Selamat Mencoba.. dan semoga bermanfaat.. bila ingin copas yang sopan yah minta ijin dan kasih sumber pastinya..
pertama sobat pastinya harus daftar register cbox nya dulu kalau belum klik disini
nah kalu sudah nanti sobat bakalan ketemu
dengan tampilan seperti gambar dibawah
langkah selanjutnya trus Sobat klik look & feel > style Preset
selanjutnya pilih yang transparent > klik gambarnya lalu Confrim dan ok
selanjutnya klik lagi look & feel > Layout option
Lalu atur seperti gambar dibawah ini
setelah itu klik publish
dan sobat copi scrift seperti gambar di bawah
< div id="cboxdiv" style="text-align: center; line-height: 0">
< div>< iframe frameborder="0" width="300" height="280" src="http://www6.cbox.ws/box/?boxid=707798&boxtag=fqkplv&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-707798" style="border: 0px solid;" id="cboxmain6-707798">< /iframe>< /div>
< div>< iframe frameborder="0" width="300" height="120" src="http://www6.cbox.ws/box/?boxid=707798&boxtag=fqkplv&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-707798" style="border: 0px solid;border-top:0px" id="cboxform6-707798">< /iframe>< /div>
< /div>
ganti tulisan yg berwarna biru dengan scrif ini
< div id='cboxdiv' style='text-align: center; line-height: 0;background-position:center;background:url(http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/bacgroundcboxbymboed.png);width:300px;height:400px;background-repeat:no-repeat;' >
dan ganti scrift Merah dengan Url Gambar Sobat Contohnya Seperti Gambar
selanjutnya tinggal sobat simpan baik itu di postingan atau di widget.
Selamat Mencoba.. dan semoga bermanfaat.. bila ingin copas yang sopan yah minta ijin dan kasih sumber pastinya..
Cara Memasang Burung Twitter terbang
| 5 komentar
mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak juga saya melihat blog yang sudah memasang widget burung Twitter
terbang ini dengan berbagai macam style dan warna burung Twitter yang
berbeda-beda,
nah bagi sobat yang mempunyai blog
tidak ada salahnya memasang widget menarik ini selain membuat blog sobat menjadi lebih menarik, widget ini juga mempermudah sobat untuk menjalin
pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada
burung twitter yang terbang maka akan otomatis terhubung dengan profile
Twitter sobat,
Pertama-tama silahkan login di Blogger
< script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js">< /script>
< script type="text/javascript">
var birdSprite="http://i898.photobucket.com/albums/ac186/mboed_2010/redbirdmboed.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/#mboed_milanisty";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
< /script>
Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode
yang berwarna Kuning diatas dengan kode-kode dibawah ini sesuai dengan
warna pilihan yang sobat inginkan
Warna Kuning
Kalau Sudah selesai di simpan sob..
Pertama-tama silahkan login di Blogger
- Klik Design > Page Element > Add Gadget > Html/Javascript
- Copy paste kode di bawah ini ke kolom Html/javascript
< script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js">< /script>
< script type="text/javascript">
var birdSprite="http://i898.photobucket.com/albums/ac186/mboed_2010/redbirdmboed.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/#mboed_milanisty";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
< /script>
- Ganti kode yang berwarna Merah dengan akun Twitter sobat
- Simpan dan lihat hasilnya
Macam-Macam Warna Burung Twitter
Warna Kuning
- http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/burungkuning.png
- http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungHitam.png
- http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungBiru.png
- http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungCoklat.png
- http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungHijau.png
- http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungUnggu.png
- http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungMerah.png
Kalau Sudah selesai di simpan sob..
Cara Memasang Tombol Search
6 Februari 2012 | 1 komentar
Untuk kali ini saya akan coba berbagi pengalaman dari apa yang sudah saya pelajari, yaitu Cara Membuat Tombol Search Atau Search Button. Untuk blogger sendiri memang sudah menyediakan fasilitas ini. Tapi tidak ada salahnya kan kalau kita coba belajar membuatnya secara manual.
Oke, untuk langkah-langkahnya :
- Sign-in Blogger
- Pilih Rancangan
- Lalu pilih Edit HTML
- Beri tanda Centang pada Expand Widget Template. Sebelumnya jangan lupa untuk back-up template Anda.
form#searchform2{display: block;float:right;margin: 30px 14px 10px 5px;}
input.searchinput{background:#fff;border: 1px solid #006699;color:#006699;height:30px;}
.searchsubmit{background:#006699;border:1px solid#006699;color:#fff;height: 32px;}
input.searchinput{background:#fff;border: 1px solid #006699;color:#006699;height:30px;}
.searchsubmit{background:#006699;border:1px solid#006699;color:#fff;height: 32px;}
Untuk menjalankan perintah tersebut, copy kode berikut tepat berada dibawah < div id='header-wrapper' > atau < div class=' header-outer'> :
< form expr:action=' data:blog.homepageUrl + "search/"' id='searchform2' method='get'>
< input class='searchinput' id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' size='32' type='text' value=''/> < input class='searchsubmit' onmouseout='this.style.background='#4486D0'' onmouseover=' this.style.background='#2e6eb8'' type =' submit' value='#'/ >
< /form>
< input class='searchinput' id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' size='32' type='text' value=''/> < input class='searchsubmit' onmouseout='this.style.background='#4486D0'' onmouseover=' this.style.background='#2e6eb8'' type =' submit' value='#'/ >
< /form>
Tanda '#' Sobat Bisa Ganti jd Cari Atau Search Atau Juga Go Sesuka hati
Lihat hasilnya dengan klik Pratinjau, jika sudah sesuai dengan apa yang Anda harapkan Simpan Template.
Semoga bermanfaat
Cara Cek Kecepatan Loading Blogspot
4 Februari 2012 | 2 komentar
Cara Cek Kecepatan Loading Blog
Setiap blogger pasti ingin mempunyai blog dengan loading yang cepat pada saat di akses, baik pada homepage (halaman utama) maupun halaman posting setiap blog. Cepat atau lamanya loading blog pada saat di akses bisa disebabkan total ukuran atau size besar yang didalamnya mengandung bermacam-macam komponen seperti template blog itu sendiri, banner, gambar, flash grafik maupun widget yang dipasang untuk mempercantik tampilan blog. Selain hal tersebut, kecepatan loading blog juga di pengaruhi dari kecepatan akses internet yang kita gunakan.Secara garis besar dalam meminimalisir bobot suatu template, adalah hanya menggunakan pernak-pernik sidebar yang diperlukan saja, juga gambar yang tidak penting. Meminimumkan jumlah postingan yang tampil pada halaman utama (beranda), penggunaan musik pengiring, membuang mark-up coding yang tidak perlu, dan lain-lain. Dengan banyaknya jumlah html errors dan warning yang bejibun, dijamin dalam perjalanan membuka halaman jenis blog tersebut langsung loading deh..
Ada beberapa tools online service yang menyediakan jasa untuk meng-cek/test Kecepatan loading blog maupun website,diantaranya:
1. Iwebtool
2. Pingdom
3. Numion.com
4. Website Optimization
Sebagai contohnya saya menge-test kecepatan blog saya ini mengunakan layanan dari iwebtool.
Dari gambar diatas terlihat bobot blog di bawah ini
#
|
Domain name | Size | Load Time | Average Speed per KB |
| 1 | mboed-artcolection.blogspot.com/ | 125.84 KB | 0.15 seconds | 0 seconds |
| 2 | rizkyaddict-artcolection.blogspot.com/ | 137.68 KB | 0.17 seconds | 0 seconds |
| 3 | fahmi-artcolection.blogspot.com/ | 170.02 KB | 0.28 seconds | 0 seconds |
Jadi Kesimpulannya,bobot blog kami tidak porposional jika ada visitor mengakses via ponsel. Mudah-mudahan lain waktu kami bisa memeritkan bobot blog. hehehehe
Cara Membuat Chating Seperti Facebook di Blogspot
2 Februari 2012 | 0 komentar
Nah Sob Posting Malem2 Nih Mana Baru pulang Kerja Kehujanan Soalnya Bandung Hujan Mulu Nih.. hehehehe Ko Jd Curhat Yah... Oke Sekarang kita langsung aja ke tema Postingan yaitu Membuat Chating mirip Facebook pada blog..
silahkan Di Cek Sob..
Pertama Sobat Masuk Blogger.com Dulu pastinya lalu log in aja sob, setelah itu sobat pilih Tata letak lalu tambahkan gadget pilih aja yang html/java scrip.. setelah muncul nanti sobat copy kan link di bawah
< !-- Envolve Chat -->
< script type="text/javascript">
var envoSn=42592;
var envProtoType = (( "https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape( "%3Cscript src='" + envProtoType + "d.envolve.com/env.nocache.js' type='text/javascript'%3E%3C/script%3E"));
< /script>
catatan:
Chat ini Terhubung ke banyak sobat di art-collection..
dengan
http://mboed-artcolection.blogspot.com
http://rizkyaddict-artcolection.blogspot.com
http://fahmi-artcolection.blogspot.com
http://christ-artcolection.blogspot.com
Langganan:
Postingan (Atom)






















