Cara Menghilangkan Widget Attribution Blogger

0 comments 9:27 AM Posted by Unknown

       Dalam waktu yang singkat ini aku ingin membagi ilmu tentang blogger walaupun hanya sedikit,  Bagi sobat blogger yang belum tahu gimana cara menyembunyikan atribut blogger, ikuti langkah - langkah berikut

  1. Login Blogger
  2. ke "Design" Lalu "Edit HTML"
  3. Masukkan code css dibawah ini diatas code ]]></b:skin>

    #Attribution1 {
    height:0px;
    visibility:hidden;
    display:none
    }

  4. Terakhir 'Save Template' dan lihat hasilnya :D
Continue Reading... Labels: , ,


Cara Kompress Template Blogger Agar Ringan

0 comments 12:36 AM Posted by Unknown



 
 
Salam Blogger...kali ini saya akan memberikan sedikit pengetahuan yang baru saya ketahui,yaitu "Cara meng-kompres template blog agar blog menjadi lebih ringan".ilmu ini saya dapatkan ketika saya jalan jalan di mbah Google,Dan saya juga baru tahu bahwa template blog itu bisa di kompress (Ndeso!)Haha..daripada anda semakin bingung membaca susunan kalimat yang saya tulis ini langsung saja kita ke TKP:
1.Pertama,login dulu di akun blog anda.
 
2.Pilih Blog anda kemudian langsung klik Template 
 
3.  Kemudian Klik "Edit HTML"
 

4. Klik "Lanjutkan" kemudian Copy seluruh (ctrl+A)  kode HTML blog anda 
5. Kunjungi situs penyedia layanannya atau bisa juga klik  Disini
6. Tarik scroll ke bawah kemudian Paste-kan kode HTML blog pada kotak "HTML 
Compression Tool"
7.Centang "Don't compress HTML head "
8. Klik "Compress HTML"
9.Kemudian hasil kompresannya akan muncul di bawahnya,Copy kode tersebut lalu ganti semua kode blog anda.

10.Jika Sudah selesai jangan lupa klik "Simpan"
Continue Reading... Labels: , , ,


Search Box Simpel dan Keren Untuk Blogspot

0 comments 10:01 AM Posted by Unknown

Search Box Simpel dan Keren Untuk Blogspot, dari judulnya saja sobat pasti sudah tahu apa yang kiranya akan saya share kali ini. Setelah kemarin saya posting tentang Cara Membuat Link Nudging Dengan jQuery, saya melanjutkan untuk melengkapi koleksi tips dan trik di blog saya ini. Search Box (kotak pencarian di blogspot) pastinya sobat sudah tidak asing lagi mendengarnya, jadi saya rasa tidak perlu panjang lebar saya menjelasakan kembali tentang apa dan fungsi dari Search Box/kotak pencarian di blogspot ini. Oia, dibilang simpel karena kita hanya menggunakan kode CSS saja dalam membuatnya, pastinya gak ribet deh.
Dan agar lebih jelasnya saya sertakan juga contoh demo/screenshot dibawah ini:




Langsnung ke TKP, dan simak langkah-langkah cara membuat Search Box Simpel dan Keren Untuk Blogspot:


1. Login ke akun blogger sobat
2. Masuk ke rancangan/design
3. Pilih Page Element/Elemen Laman
4. Kemudian Add Gatget dan pilih HTML/Javascript, dan masukan kode search box dibawah ini: 



Style 1

kode-blogger_searchbox1
><style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY5Dr9dcjcwazPg2shVyv1I5BCc_DdCbLfvB5a9AodPBWalIUacm9ngkM1utOfSQ_alfHyNTa38c8T_myxXwXRu6Me-jEsji68bbssfROYL8M1Z8iNn4xAhal099m35zXYpesj7HabnZQ/s320/kode-blogger_searchbox1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div> 


Style 2

kode-blogger_searchbox2
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyajsKbQTuqsFDX1i4mUcTudSdRRmeXhGdK7TejshFVJA7eZ4fHFMMCAq20BvHPyedqKwxLnpd-LkgiAYbkjEK8699eNxsqHVozU6xeXS4hQyZnNsf8Sp2KlnlWeMrqcH7h-IzNoxsaE/s1600/kode-blogger_searchbox2.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div> 


Style 3

kode-blogger_searchbox3
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAo-rZ5fJwhs8iDOuwYlYPT_0OsEnxAcWWYG_Iz6ce2sqPIFEnz1vD2JtXXLNRAvNEzhQTgeWC05G7RojL2eqGEDr85FLLy0bomen6Slpon4OwHRm4V2xAC5hmcWclsJvE5EL7cfdWz00/s1600/kode-blogger_searchbox3.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div> 


Style 4

kode-blogger_searchbox4
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQqwTqftfH-Fw-dTwbRnjzBGTb-XmJqW7XK9hwd4GxyLVEU9zLPQjXvNx4D-clutfVsNghfWOD5gZhtKFOJOZL6t6dQpBoji42h-Cg34HaO2xXZUkstyTW0EdW5aympO0gDKUlHrOZ4jE/s1600/kode-blogger_searchbox4.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div> 


Style 5

kode-blogger_searchbox5
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYV1_3aa_bDoVU1gijQst_xCExzU-xLl7IjXiTL5LWEuVPl_2TUrRuCfb0WBNC3GeklyLJKkgI04nObBa4a8W8qF_p9SQzgn7txcUhfact6TYcs1x7baBmyuDfXYN36WE_4oygToNeDMI/s1600/kode-blogger_searchbox5.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div> 


Style 6

kode-blogger_searchbox6
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh48rw3e8gjq7oGZMXYNg4-5uKGCl1zxzym0s3zj0yMgiXT00EOqhoq7hMATkozUSOsZ0vtvXtj9WuuPAT-Kg2xhCXvmgLVvsyqONpAlfv-Z0Q7X9tL7hy4r7AldRn5tFpkxDwZIeVGcjw/s1600/kode-blogger_searchbox6.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>


Sip... Search Box Simpel dan Keren Untuk Blogspot diatas hanyalah beberapa saja yang bisa saya share, pastinya ada lebih banyak lagi diluar sana.
Semoga Bermanfaat.
Continue Reading... Labels: , ,


Mengurangi Pemakaian Sudut Lancip Pada Border

0 comments 4:58 PM Posted by Unknown


Situseo Blog : Pengunaan sudut lancip pada border sudah mulai berkurang sekarang ini, dengan adanya css3 (border-radius) bentuk lengkung atau tumpul pada border sudah bisa dibuat, penggunaan border dengan bentuk lengkung lebih saya sukai dan saya banyak menggunakan bentuk lengkung ini pada blog.

Selain border, membuat background dengan warna gradient juga sudah bisa dibuat dengan menggunakan css3, seperti pada postingan sebelumnya mengenai Membuat Background Dengan Warna Gradient.

Dibawah ini merupakan beberapa contoh cara membuat border dengan garis lengkung :

Contoh Border 1


BORDER-1

.border-1 {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 2px solid #A89D61;
}

Contoh Border 2


BORDER-2

.border-2 {
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border: 2px solid #A89D61;
}

Contoh Border 3


CIRCLE

.circle {
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
border-radius: 80px;
border: 2px solid #A89D61;
background:#D2CCAD;
width: 150px;
height: 150px;
}

Gantilah bagian warna bagian border sesuai dengan keinginan, untuk mempermudah pencarian warna yang sesuai, kalian bisa pergunakan tools warna pada bagian menu diatas.

Semoga bermanfaat,
Continue Reading... Labels: ,


Cara Menghilangkan Tulisan Powered by Blogger

1 comments 12:03 AM Posted by Unknown

Cara menghapus atau menghilangkan tulisan powered by blogger
  • cari kode seperti ini
    • <!-- outside of the include in order to lock Attribution widget -->
  • Jika template sobat adalah template bawaan blogger maka di bawah kode tersebut akan terlihat kode seperti ini:
    <b:section class='foot' id='footer-3' showaddelement='no'>
    <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
    <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
    <div class='mobile-survey-link' style='text-align: center;'>
    <data:feedbackSurveyLink/>
    </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
    <b:if cond='data:attribution != &quot;&quot;'>
    <data:attribution/>
    </b:if>
    </div>

    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
    </b:section>
  • Jika sudah ketemu hapus saja kode itu, akan muncul peringatan apakah sobat akan membuang widget tulisan powered by blogger tersebut. Pilih Delete daan save template

Cara menyembunyikan tulisan powered by blogger

  • Cari kode
    ]]></b:skin>
  • Jika sudah ketemu letakkan kode berikut di atas kode tadi
    #Attribution1 {
    height:0px;
    visibility:hidden;
    display:none;
    }
  • Save dan silahkan lihat hasilnya
Continue Reading... Labels: ,


Cara Membuat Tulisan Copyright di Blog

0 comments 11:40 PM Posted by Unknown

Membuat tulisan copyright di blog memang banyak manfaatnya. Salah satunya supaya blog kita anti pembajakan. Sebenarnya pembajakan tetap saja terjadi karena tulisan copyright ini hanya sebuah tulisan tanpa ada hukum yang mendampinginya.

Tulisan copyright ini sangat sering kita temui di bagian bawah sebuah blog atau website. Kalau menurut saya, tulisan ini memberikan informasi siapa pembuat template blog Sobat, siapa pemilik blog tersebut atau info-info lainnya.

Selain memberikan informasi, tulisan ini juga membuat blog atau website kita lebih profesional. Membuat tulisan copyright di blog cukup mudah karena tidak menggunakan kode HTML yang sulit. Kalau di blog Sobat belum ada tulisan Copyright kenapa ngga mulai memasang sekarang juga??? Okeh lah, langsung saja kita meluncur ke tutorial membuat tulisan copyright di blog.

Langkah 1
Login ke akun Blogger milik Sobat > Tata Letak > Edit HTML. Klik Download Full Template untuk membackup template blog Anda.

Copas kode berikut tepat di atas kode ]]></b:skin>

.copyright{
float:left;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;
}
Ganti float menjadi right jika Sobat ingin meletakkannya pada bagian kanan blog, left pada bagian kiri. Jika ingin terletak di tengah, hapus kode float.

Langkah 2
Copas kode berikut ini tepat di atas kode </body>

<div class='copyright'>Copyright © 2010 di sini kata-kata terserah Sobat<div>
Misalnya tulisan Copyright pada blog Kumpulan Tutorial Ngeblog

<div class='copyright'>Copyright © 2009-2010 <a href='http://seputar-internet.blogspot.com/'>Seputar-Internet</a> Weblog<br/>Template Minima | Dimodifikasi oleh <a href='http://www.blogger.com/profile/02305460472539187806'>Regi Adi Priyanto</a><br/></div>
Hasilnya bisa Sobat lihat pada bagian bawah blog ini.
Semoga Bermanfaat...
Continue Reading... Labels: ,


Cara membuat Header Menjadi dua Kolom ( templete Baru)

0 comments 5:38 PM Posted by Unknown

Kalau kita lihat header pada blogger bawaan akan terlihat satu kolom panjang yang terletak di bawah Nav Bar ...emang udah dari sono nya bentuk nya kayak gitu he he..ada suatu keinginan saya untuk membagi header menjadi dua kolom akhir nya saya cari di search engine dan setelah menemukan kode html trus saya coba untuk mengobok-obok blog saya ,,awal nya sih masih rada-rada susah maklum saya masih bodoh tentang kode-kode html dan setelah membanting tulang,memeras keringat dan menghabiskan berbatang-batang rokok ahh,,,akhir nya saya berhasil juga...

Bagaimana sih bentuk header dua kolom tersebut...kira-kira seperti sobat lihat di bawah ini....yang sebelah kiri merupakan header utama yang di potong sedangkan sebelah kanan header hasil potongan...ada keuntungan yang bisa kita ambil dengan adanya dua klom header ini mungkin kita bisa meletakan tulisan,gambar,maupun kode script di samping judul blog kita..


Di dalam postingan ini header yang akan di modifikasi adalah untuk blog yang memakai templete baru jika templete sobat memakai templete lama silahkan baca artikel selanjut nya di sini.

Jika sobat berminat untuk membelah header cara nya ga terlalu ribet cukup bawa pisau dapur atau celurit terus di belah bereskan..!!! he he sorry bercanda juragan....

Ok..!!! kita langsung aja mengikutin tahapan-tahapan nya...

1. Tahap PERTAMA

  • seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN
  • Anda klik Edit HTML
  • sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
  • Jangan lupa di centang
  • Kalau sudah kita mulai mengobok-ngobok kode html nya
CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard) fokus pencarian pada huruf bercetak tebal




.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

anda hapus kode di atas dan ganti (replace) dengan kode di bawah ini...



.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */}
#header {
width: 45%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}


2.Tahap KEDUA

Cari kode di bawah ini


<div class='region-inner header-inner'>

Terus anda tambahkan dengan kode di bawah in...


<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

Hasil nya kayak di bawah ini..


<div class='region-inner header-inner'><b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

catatan :
  • Untuk yang bercetak tebal merupakan kode yang di tambahkan tambahan 
  • Untuk yang bercetak merah angka nya bisa anda bisa ganti dengan angka 2,3,4 atau lain nya..maksud nya untuk susunan kolom kebawah. 


3. Tahap KETIGA selesai dan simpan templete


Sekarang Lihat hasil nya...langsung anda kerancangan...semoga berhasil ya....jika ada kendala silahkan tinggalkan komentar nya di bawah..
Continue Reading... Labels: , ,


Cara Menghapus Header Blog

0 comments 11:20 AM Posted by Unknown

Bagi kalian yang gak suka pake header (header itu judul blog dan desskripsinya)
Biasanya bagi yang baru buat blog , headernya gak bisa di hapus
Bagi kalian yang mau hapus header blog , mungkin buat ganti judul blog kalian dengan Teks2 buatan kalian seperti dari Flaming Text atau dari Cool Text nih caranya :

  1. Loggin Blog 
  2. Klik Design/Rancangan 
  3. Pilih Edit HTML 
  4. Terus Cari Kode : 
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML6' locked='true' title='' type='HTML'/>

Kalo mau gam
pang nyari klik CTRL+F terus cari kodenya showaddelement , nanti cari yang kya kode di atas.
Kalo udah ketemu , ganti tulisan yes pada kode diatas dengan tulisan no, kemudian ganti tulisa true menjadi false

Kodenya jadi seperti ini :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>

Ngerti kan ? Insya Allah ngerti :D
Kalo udah Save deh , nahh belum selesai , kalo udah ke save kalian langsung klik page element/elemen laman terus

Pada gadget Header  kalian klik edit kemudian hapus atau delete di sebelah kiri bawah

Selesai ^__^ Insya Allah bsia Amin ^__^
Continue Reading... Labels: ,


Cara Mudah Membagi Header Menjadi Dua

0 comments 10:52 AM Posted by Unknown

Cara Mudah Membagi Header Menjadi Dua –  Terkadang banyak kita jumpai blog yang headernya sudah dimodifikasi yaitu sudah dibagi dua. Maksudnya? Maksudnya adalah kolom header suatu blog yang sudah menjadi dua dengan cara memodifikasinya. Header yang sudah terbagi dua biasanya kolom salah satu header tersebut akan dipasang iklan atau fitur yang lainnya. Mau tahu cara pembuatannya? Mari kita mencoba membuatnya dengan mengikuti langkah-langkah berikut ini. 


>>>Demo<<<
Lihat pada bagian header halaman demo

1.  Login ke blogger untuk menuju ke dasbor blog anda.
2.  Pergi ke Rancangan > Edit HTML > Backup template untuk jaga-jaga jika ada kesalahan.
3.  Cari kode yang hampir mirip dengan kode berikut dengan menggunakan Ctrl+F.
.header-inner {  padding: 27px 0 3px;}
.header-inner .section {  margin: 0 35px;}
4.  Lalu ganti kode di atas dengan kode berikut ini.
.header-inner {  padding: 20px 0 3px;}.header-inner .section {  width:440px;  padding:0 1px;  margin: 0 0 0 33px;}.header-kanan {  width:470px;  float:$endSide;  padding:0 1px;  margin: 0 33px 0 0;}
Komentar:
Warna biru --> Silahkan sesuaikan dengan lebar header jika dibagi menjadi dua.

5.  Lalu cari kode <div class='region-inner header-inner'> (Ctrl+F) dan sisipkan kode berikut tepat di atasnya.
<div class='header-kanan'> <b:section class='header' id='header2' maxwidgets='1' preferred='yes'> <b:widget id='LinkList100' locked='true' title='' type='LinkList'/> </b:section> </div>
6.  Jika sudah klik Simpan Template dan lihat hasilnya

>>>Semoga Bermanfaat<<<
Continue Reading... Labels: ,


Blog yang Disukai dan Dibenci Oleh Pengunjung

0 comments 10:51 AM Posted by Unknown

Blog yang Disukai dan Dibenci Oleh Pengunjung – Apakah blog anda masuk ke dalam kriteria blog yang disukai atau malah dibenci oleh pengunjung? Pasti semua pemilik blog berharap disukai oleh pengunjungnya. Tetapi masih banyak blog yang masih dibawah harapan alias dibenci oleh pengunjung. Saya pernah mengunjungi sebuah blog yang memiliki desain gelap dan juga berantakan. Tidak hanya itu loading blog yang lama membuat saya benci dengan blog tersebut. Menurut saya blog yang saya sukai adalah memiliki desain berwarna putih, tidak berantakan dan loading halaman yang cepat. Begitu juga menurut pengunjung yang menyukai desain yang tidak beranakan dan loading yang tidak berat. Berikut saya jelaskan kriteria tentang blog yang disukai atau dibenci oleh pengunjung. 

Disukai
Loading cepat
Loading yang cepat pada suatu blog pasti telah menjadi idaman bagi pemilik blog dan pengunjung blog. Dengan loading blog yang cepat pasti blog tersebut akan disukai oleh pengunjungnya dan juga pengunjung tersebut akan ketagihan datang pada blog tersebut. Tetapi jika blog yang dikunjungi pengunjung tersebut saat loading terlalu lama pasti pengunjung tersebut akan cepat-cepat peninggalkan blog tersebut. Jadi usahakan blog anda saat loading kecepatannya minimal 15 detik demi mempertahankan pengunjung anda untuk selalu berkunjung ke blog anda dan jangan memasang widget-widget yang tidak bermanfaat untuk blog. Jangan lupa untuk membuat desain blog yang rapi dan ringan demi mempercepat loading blog.

Mempermudah mencari artikel yang dicari
Blog dengan memiliki fitur untuk menyimpan artikel ataupun mencari artikel seperti search box, daftar isi, arsip, label atau lain sebagainya pasti akan disukai oleh pengunjungnya. Mengapa? Karena seorang pengunjung blog pasti membutuhkan artikel, jika artikel tersebut susah dicari pasti akan ditinggalkan pengunjung tersebut. Dengan adanya fitur-fitur untuk mencari artikel disuatu blog pengunjung akan mudah dalam mencari artikel. Jadi semakin banyak artikel yang dibacanya, maka semakin lama pengunjung tersebut di dalam blog tersebut. Jadi silahkanlah permudah pengunjung anda dengan fitur-fitur pencari artikel untuk mencari artikel yang ia cari. Dengan hal ini pengunjung pasti menyukai blog anda.

Tidak ada iklan dan banner
Dengan tidak adanya iklan dan banner pasti akan mempermudah pengunjung dalam membaca artikel. Mengapa? Karena dengan tidak adanya hal tersebut tidak akan menghalangi artikel yang dibaca dan juga pengunjung menjadi nyaman ada di dalam blog tersebut. Iklan dan banner memang bisa mengganggu konsentrasi pengunjung dalam membaca dan juga dengan adanya iklan dan banner akan membuat loading blog menjadi berat dan lama. Jadi jika ada blog yang tidak ada keberadaan iklan dan banner pasti akan disukai pengunjung blog tersebut dan pengunjung akan selalu kembali lagi pada blog tersebut.

Admin yang ramah
Admin yang rama adalah selalu memperhatikan berbagai pertanyaan-pertanyaan yang masuk pada komentar, forum, atau buku tamu. Maksudnya? Maksudnya adalah jika ada pertanyaan dari pengunjung pada sebuah komentar artikel tertentu admin blog tersebut akan menjawab dengan sopan dan membelikan solusi atau jawaban yang benar. Misalnya ada seorang pengunjung yang bertanya tentang belajar HTML dan admin blog tersebut menjawab dengan penuh hormat dan jawabannya benar sekaligus bermanfaat. Tipe admin seperti itulah yang disukai oleh pengunjung. Jika adminnya disukai pastinya blognya juga disukai. Jadi usahakan anda menjawab semua tertanyaan yang ada pada blog anda dengan benar dan juga tidak menyingung pengunjung.

Selalu update
Pengunjung blog akan suka jika blog yang dikunjungi selalu terus-menerus diupdate dan memberikan artikel yang selalu bermanfaat. Jadi artikel yang selalu diupdate dan bermanfaat tersebut akan memancing pengunjung untuk selalu datang pada blog tersebut. Artikel yang diupdate juga harus terjadwal pada waktunya agar pengunjung mengetahui waktu yang tepat untuk membaca artikel terbaru dari blog tersebut. Tidak hanya itu, artikel yang dibuat harus artikel asli buatan admin blog tersebut dan tidak hasil copy paste artikel blog lain. Pengunjung juga senang dengan hal tersebut yang membuat blog tersebut selalu disukai oleh pengunjung. Dengan adanya hal ini pengunjung blog tersebut akan cepat mendapatkan pengunjung dengan banyak dan rank blog tersebut akan semakin baik. 

Dibenci
Loading halaman yang lama
Sebuah pengunjung selalu ingin cepat mendapatkan informasi yang menarik dan bermanfaat. Jika pengunjung tersebut akan membaca disuatu blog yang loadingnya lama, kemungkinan besar akan ditinggalkan atau ditutup kembali. Janganlah sia-siakan pengunjung anda hanya karena loading blog yang terlalu lama. Mengapa? Karena dengan hal tersebut pengunjung tidak mau menunggu terlalu lama dan jika suatu blog jarang di kunjungi oleh pengunjung maka rank blog tersebut akan semakin menurun. Jadi saran saya hilangkan semua widget pada blog yang tidak bermanfaat, hilangkan animasi yang membuat berat blog, gunakan desain blog yang tidak membuat berat dan lama saat loading dan tidak berantakan.

Mencari trafik dengan jalan pintas
Dengan mendapatkan trafik yang cepat suatu blog akan cepat dikenal oleh orang. Tetapi bagaimana jika mendapatkan trafik dengan jalan pintas itu namanya curang. Saran saya adalah janganlah mencai trafik dengan jalan pintas, berusahalah untuk tidak berbuat curang saat blogging. Mengapa? Karena tipe blog tersebut adalah kriteria blog yang dibenci oleh pengunjung.

Iklan dan banner yang banyak
Bagaimana jadinya jika suatu blog penuh dengan iklan atau banner? Dengan banyaknya iklan dan banner di blog memang sangat menguntungkan, tetapi jika suatu blog adanya hanya iklan saja bukan artikel yang beranfaat pasti akan ditinggalkan oleh pengunjungnya. Iklan atau banner hanyalah membuat pengunjung menjadi terganggu dalam membaca artikel. Selain itu iklan atau banner juga dapat membuat loading halaman blog menjadi berat dan lama. Akibatnya, calon pengunjung tidak jadi menjelajahi blog anda dan pengunjung jadi malas berkunjung. Jadi saran saya adalah janganlah memasang iklan dan banner secara berlebihan agar pengunjung anda tidak bosan terhadap blog anda yang penuh dengan iklan bukan artikel yang bermanfaat.

Tidak pernah diupdate
Bagaimana tidak bosan ketika suatu blog jarang di update! Artikel terbaru adalah menjadi yang ditunggu-tunggu oleh pengunjung blog. Seseorang akan bosan sendirinya jika yang dinanti-nanti tidak kunjung datang. Begitu juga dengan pengunjung yang menanti-nanti artikel terbaru yang tidak kunjung datang dan lama-kelamaan pengunjung tersebut akan bosan sendiri karena yang di tunggu-tunggu tidak kunjung datang. Akibatnya semua pengunjung blog tersebut akan hilang sia-sia dan tidak mau datang kembali di blog tersebut. Saran saya kali ini adalah teruslah diupdate blog anda dengan artikel menarik dan bermanfaat, minimal satu minggu sekali. Jika setiap hari lebih baik dan jangan lupa update artikel anda selalu terjadwal agar pengunjung anda selalu ingin datang kembali.

Artikel yang kurang berkualitas
Seorang pengunjung pasti suka dengan artikel yang menarik, bermanfaat dan berkualitas. Seorang pengunjung selalu ingin mendapatkan yang terbaik demi sebuah artikel yang berkualitas. Jika pengunjung mendapatkan artikel yang kurangg berkualitas dan tidak bermanfaat baginya pasti artikel tersebut akan diabaikan. Jadi saran saya kali ini adalah buatlah kualitas yang menarik, bermanfaat, dan tentunga memiliki kualitas. Buatlah artikel yang sesuai dengan porsinya, jangan terlalu kurang dan jangan terlalu berlebihan.

Saya kira artikel tentang Blog yang disukai atau dibenci pengunjung ini sudah cukup untuk saya bahas. Jadi sesuaikanlah dengan kriteria blog yang disukai oleh pengunjung jika anda tidak mau kehilangan para pengunjung anda. Semoga artikel ini bermanfaat bagi anda.

>>>Terima Kasih<<<
Continue Reading... Labels: , ,


Artikel Terkait

0 comments 10:22 AM Posted by Unknown

Artikel Terkait (Related Post) adalah suatu daftar beberapa judul artikel yang masih ada hubungannya dengan judul artikel yang sedang dibaca pada saat itu.. dan biasanya terletak langsung dibawah artikel tersebut....

...Script Artikel Terkait yang saya gunakan mungkin berbeda dengan yang sobat blogger lain gunakan... karena memang sebenarnya ada beberapa kode script yang berbeda untuk menampilkan Artikel Terkait (Related Post)... tetapi untuk menambahkan scrolling pada artikel terkait dengan daftar yang panjang menggunakan trik script scrolling yang sama saja... masih binggung ??! ....

...Tanpa panjang lebar lagi... Pahami langkah-langkahnya berikut ini :
1. Seperti biasa Login ke Blogger > Rancangan > Edit HTML > Edit Template ( centang expand template widget )...
2. Backup dahulu template widget-nya ke notepad ( untuk antisipasi )...
3. Tekan Control+F lalu Copas kode ini " </head> " tinggal dicari dengan klik Next / Previous ( jika memakai Mozilla Firefox )...
4. Jika sudah ketemu lalu Copy kode dibawah ini diatas " </head> " ...
Coba di Klik
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
5. Paste -kan seperti contoh dibawah ini...

Coba di Klik
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script> </head>


6. Kemudian Cari lagi kode ini " <data:post.body/> " seperti langkah ke- 3 diatas lalu Copy lagi kode dibawah ini sesudahnya...
Coba di Klik
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h4><i>Tutorial blogging lainnya...</i></h4>

<div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; -moz-border-radius: 10px 10px 10px 10px; width: auto; height: auto; background-color: rgb(223, 245, 234); '>

<div style='border: 0px solid rgb(153, 153, 153); overflow: auto; width: 500px; height: 180px; text-align: left; '>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>

</div>

</b:if>



7. Paste seperti contoh dibawah ini...

Coba di Klik
<data:post.body/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h4><i>Tutorial blogging lainnya...</i></h4>

<div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; -moz-border-radius: 10px 10px 10px 10px; width: auto; height: auto; background-color: rgb(223, 245, 234); '>

<div style='border: 0px solid rgb(153, 153, 153); overflow: auto; width: 500px; height: 180px; text-align: left; '>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>

</div>

</b:if>



PERHATIKAN :
> Hitam ;
- Tutorial blogging lainnya... = Gantilah judulnya sesuai dengan keinginanmu...
- "max-results=5" = Ubah nilainya, untuk menentukan banyak artikel terkait yang akan ditampilkan..

> Biru = script ini untuk membuat border kolom pada artikel terkait.. bisa kamu ubah-ubah warnanya di backround-color.. kalau saya menggunakan warna hijau muda... bisa juga kamu atur border, moz-border-radius, dsb... atau bisa juga kamu HAPUS script border kolom ini jika tidak mau memakainya...

> Hijau = Script ini untuk fungsi SCROLLING... bisa kamu atur sesuai keinginan kamu Height, Widht, Border, serta text-align-nya... atau bisa juga kamu HAPUS script scrolling ini jika kamu tidak suka memakai scrolling...

Ket : baik kode script border kolom & kode script Scrolling ini bisa juga diterapkan di kode script related post lainnya.. maksudnya yang mungkin agak berbeda dengan kode script related post yang saya gunakan seperti diatas...

8. Jika sudah selesai.. Simpan Template & Resfresh blognya...
Continue Reading... Labels: , ,


CARA MEMBUAT IKLAN MELAYANG... DENGAN TOMBOL CLOSE.. SIMPEL...

0 comments 9:56 AM Posted by Unknown

Baiklah.. sekarang saya saya akan menjelaskan cara untuk membuat iklan melayang di blog kita langsung aja ke TKp



1. Loginlah ke Blogger > Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Javascript.. dan gadgetnya biarkan saja tanpa nama/judul...
2. Lalu CoPas Kode IKLAN MELAYANG dibawah ini ke dalam Gadget HTML/Javascript tadi...

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

PASTE KODE IKLAN MELAYANGNYA DISINI YA

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>


3. Lalu klik Simpan gadget.. dan lihat hasilnya dengan Refresh Blog kamu.. ini
Continue Reading... Labels: , ,


Membuat template sendiri dengan 9 Generator Template Blog

0 comments 9:22 AM Posted by Unknown

Membuat diri lebih kreatif memang menyenangkan, terutama mengenai design template dengan menciptakan sendiri. Berikut adalah rekomendasi yang bisa langsung di coba dan di prektekkan secara langsung untuk menjawab pertanyaan? seperti : bagaimana yah membuat template blogger sendiri? cara membuat template sendiri? bisa tidak, merancang design template sendiri tanpa menguasai bahasa pemrograman dan html?
Jika ada salah satu pertanyaan mengenai hal di atas maka ini merupakan postingan yang tepat untuk Anda. Oke berikut adalah rekomendasi tentang 9 Generator Template Blog baik berupa software maupun website generator template secara online.
1. Blogger Template designer
Yang satu ini sudah tidak asing, terintregrasi secara permanen di dasbor blogger (blogspot) anda. Untuk mengetahui panduannya silahkan lihat juga tutorial, tips dan trik seputar perancang template blogger :
2. Artisteer
Merupakan software untuk membuat template sendiri, seperti template blogger, wordpress, drupal, joomla dan lain-lain. Pengunaan dan tool-tool yang sangat mudah di operasikan bisa manjadi pilihan. Baca juga sedikit tentang tutorial Artisteer :
3. Pimp My Profile
Pimp My Profile adalah website layanan generator untuk merubah tampilan design ataupun layout seperti Myspace, Facebook, Twitter, Youtube, Blogger dan lain-lain. Bisa langsung di manfaatkan, monggo si tester.
4. Profile Brand
website yang ini sama seperti di atas, cuma yang ini di pergunakan hanya untuk merubah tampilan layout atau background dari Facebook, Myspace, Twitter, Yuotube, Blogger dan lain-lain.
5. Yvoschaap
Yang berikut adalah website layanan Theme Generator, namun hanya di khususkan untuk membuat template wordpress. Tool-toolnya sangat mudah di gunakan dan dengan tampilan yang sederhana template dari blog atau website wordpress Anda bisa kelihatan lebih menawan, Silahkan di coba bos.
6. Do Template
Hmmm, makin seru aja nih, next adalah website layanan generator untuk membuat template XMTL template, Blogger template dan Wordpress Theme. Penggunaannya cukup mudah.
  • Masuk ke websitenya.

  • KLIK Browse all templates…

  • Kemudian pilih pada salah satu template yang paling Anda sukai.

  • KLIK Costomize and download

  • Kemudaian ketika masuk ke panel pengeditan.

  • Tinggal di KLIK saja pada bagian yang ingin Anda Edit seperti header, posting layout atau footer.

  • Setelah selesai KLIK Download.

  • Dan pilih template apa yang ingin Anda gunakan.
7. FirdaMatic
Ini merupakan table layout generator online hanya tinggan menyesuaikan form-form yang telah tersedia. Mempunyai edit form GENERATE A 2-COLUMN LAYOUT dan GENERATE A 3-COLUMN. Tinggal di pilih.. dipilih.. di pilih sesuai kebutuhan.
8. Make Template
Dari namanya saja kita sudah dapat menebak dengan sangat tepat apa fungsinya. Yap Make Tempplate di gunakan untuk membuat layput template untuk website, dengan pengunaan form-form dan table yang telah di sediakan untuk mempermudah dalam membuat template.. asyiiikkk!
9. TemplaTr
Website Pembuat template blogger online ini hanya memerlukan 4 langkah pengeditan layout blogsot, pertama pilih layout, Upload gambar untuk background, Use the Designer berguna untuk merupah header, warna layout terkhir tinggal download dan install dalam format file zip, makyuss!.
Oke khan! dengan software dan editor template generator online di atas, kreatifitas bisa semakin mengalir sampai jauh, ha ha ha mantap.. selamat membuat template sendiri, seorang designer hebat telah hadir.. yah Anda.. betul Anda.. salam.. bos…!!!
Continue Reading... Labels: , ,


Tips & Trik Membuat Autoblog dengan WordPress

0 comments 7:31 AM Posted by Unknown

Bukan maksudku untuk mengalihkan perhatian Abers dari PR TV1-3, tapi karena banyak
yang tanya sebaiknya aku share aja di forum tentang cara aku maenan Autoblog, tadinya
aku mau share di blog tapi Abers come first deh
Cara aku mungkin berbeda dengan master-master Autoblog lain, jadi nanti di mix aja yaa
mana yang terbaik buat Abers lakukan, karena biasanya kita kan belajar dari pengalaman
sendiri bukan dari pengalaman orang lain.
Step-step nya ada banyak, jadi daripada bingung, aku close dulu ya komennya, kalau
sudah semua, boleh deh bertanya atau sumbang saran lain, ok.
Kutipan:
Saran aku sebelumnya, kalau mau cepat, jangan terpaku sama keindahan layout
blog, tambahan macem2 plugin yg ngga perlu atau opsi2 lain itu bisa dilakukan
belakangan, yang penting satu blog berjalan dan kita bisa bikin lagi yg lain dan
optimasi sesudahnya. Kalau aku target bulan 3 minggu bikin 10-20 blog lalu 1
minggu sisanya aku optimasi keluar (blog commenting, bookmarking, submit
directory etc.)
Steps
1. FAQ
2. Cari Kata Kunci (ini boleh dilakukan sebelum beli domain juga)
3. Worth to buy plugins
4. Worth to get plugins
5. Seting WordPress-nya
6. Seting WP Robot
7. Setting WP Syndicator
8. Setting WP Seopressor
9. Setting Plugin wajib lainnya
- setting Platinum SEO Plugin
- setting Simple Tags
- Setting STT2
- Setting Relevanssi
- Setting Sitemap page
10. Setting Penempatan Adsense dan Link2 Iklan
11. Instant Backlink
12. Submit RSS/submit directory/submit sitemap
13. Optimasi yang bisa oke banget kalau dikerjain: Backlinking, Submit Artikel,
Continue Reading... Labels: , ,


Subscribe to: Posts (Atom)
 
Return to top of pageCopyright © 2012 | Blog Koleksiku Saja Converted into Blogger Template by Gusmanto