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





Biasanya Kalau Blog anda tidak ada di search google berati Blog Sobat Terkena Banned atau Finalty dari Google atau Blog sobat jarang di Buka atau Posting..

Nah anne Sedikit Share Cara Chek Blog Kena Banned atau engga silahkan Sobat Klik 

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..

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
  1. Klik Design > Page Element > Add Gadget > Html/Javascript 
  2. 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


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

  • http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/burungkuning.png
Warna Hitam

  • http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungHitam.png
Warna Biru

  • http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungBiru.png
Warna Coklat

  • http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungCoklat.png
Warna Hijau

  • http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungHijau.png
Warna Ungu

  • http://i898.photobucket.com/albums/ac186/mboed_2010/Baru/BurungUnggu.png
Warna Merah

  • 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.
Selanjutnya carilah kode]]> < /b:skin>;, copykan kode berikut tepat diatas kode ]]> < /b:skin>

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;}





Perhatikan kode yang tercetak tebal. Sesuaikan warna menurut kehendak Anda.

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>

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

1mboed-artcolection.blogspot.com/125.84 KB0.15 seconds0 seconds

2rizkyaddict-artcolection.blogspot.com/137.68 KB0.17 seconds0 seconds

3fahmi-artcolection.blogspot.com/170.02 KB0.28 seconds0 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

Related Posts Plugin for WordPress, Blogger...

Daftar Per Judul

 
© Copyright 2010-2011 Mboed-ArtCollection All Rights Reserved.
Template Design by Budi Putra Pratama | Powered by Blogger.com.