Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Friday, June 8, 2012

Cara Reset (Format)Template Seperti awal Bikin Blog

Cara MeReset Template Seperti Awal Buat Blog dan Membersihkan Junk CSS dan JS bekas sisa

Salah satu kelebihan blogging di blogger.com di banding dengan di wordpress.com adalah kita di beri kebebasan untuk menggantiataupun mengedit template dengan sesuka hati, sehingga ini memungkinkan kita untuk mendapatkan tampilan blog sesuai dengan keinginan. Namun dari kebebasan tersebut ada sedikit efek negatifnya yaitu kita menjadi lebih sering mengedit atau bahkan mengganti template dibanding memposting artikel.
Akibat dari seringnya melakukan editting terhadap template yang kita miliki, terkadang ada hasil yang mengecewakan di suatu waktu, ambil contoh banyak blogger yang ingin mengembalikan kotak komentar dari haloscan ke kotak komentar original blogger serta hal-hal lainnya yang terkadang membuat kita frustasi karena tidak bisa mengembalikannya sesuai keinginan. Bagi anda yang mempunyai masalah-masalah seperti ini, Ane mempunyai cara me-reset template blogger agar kembali seperti saat kita baru membuat blog, yup benar-benar kembali seperti awal anda membuat blog. penasaran?  lanjut deh.
Namun agar tidak ada hal-hal yang tidak di inginkan, silahkan coba dulu trik ini pada blog percoban anda, karena trik ini terbilang ekstrim. Catatan pertama yang harus anda ketahui adalah :
  • Semua widget yang ada akan hilang, jadi jangan lupa untuk membuat backup data sebelum melakukan reset. Tentang cara membackup data dalam widget pernah kang ane bahas pada postingan  Tips Membackup Data Dalam Widgets.
  • Isi posting anda tidak akan terlihat, namun tidak terhapus. Pada saat memilih template yang baru, posting yang ada akan di tampilkan kembali.

Siap untuk tantangan ekstrim? yuk kita mulai!
Langkah #1
  1. Silahkan login ke Blogger dengan ID anda
  2. Klik Tata Letak
  3. Klik tab Edit HTML
  4. Alihkan perhatian anda ke bagian bawah kode template anda, cari kode <body> dan </body>
5.    Hapus semua kode yang ada antara kode <body> dan </body>. Contoh :
<body> <= yg ini jangan di hapus
  <div id=’outer-wrapper’><div id=’wrap2′>
    <!– skip links for text browsers –>
    <span id=’skiplinks’ style=’display:none;’>
      <a href=’#main’>skip to main </a> |
      <a href=’#sidebar’>skip to sidebar</a>
    </span>
    <div id=’header-wrapper’>
      <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Template Tutorial (Header)’ type=’Header’/>
</b:section>
    </div>
    <div id=’content-wrapper’>
      <div id=’crosscol-wrapper’ style=’text-align:center’>
        <b:section class=’crosscol’ id=’crosscol’ showaddelement=’no’/>
      </div>
      <div id=’main-wrapper’>
        <b:section class=’main’ id=’main’ showaddelement=’no’>
<b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/>
</b:section>
      </div>
      <div id=’sidebar-wrapper’>
        <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’/>
<b:widget id=’BloggerButton1′ locked=’false’ title=” type=’BloggerButton’/>
</b:section>
      </div>
      <!– spacer for skins that want sidebar and main to be the same height–>
      <div class=’clear’> </div>
    </div> <!– end content-wrapper –>
    <div id=’footer-wrapper’>
      <b:section class=’footer’ id=’footer’/>
    </div>
  </div></div> <!– end outer-wrapper –>
</body> <= yg ini jangan di hapus
6.    Klik tombol Simpan Template.
7.    Akan keluar peringatan semua widget akan di hapus. Klik tombol KONFIRMASI & SIMPAN (ingat! anda harus sudah membuat backup sebelumnya)
konfirmasi
8.    Silahkan lihat blog anda, dan hasilnya blog anda kosong tidak ada isinya.
9.    Langkah #1 selesai.

langkah #2
1.    Masih dalam kondisi login. silahkan klik tab Pilih Template baru
  1. Silahkan pilih template yang anda sukai ( atau sembarang saja).
3.    Klik tombol SIMPAN TEMPLATE
4.    Silahkan lihat blog anda, seharusnya postingan sudah bisa muncul kembali seperti sedia kala.
5.    Selesai.

Jika anda melakukan trik di atas, maka template anda akan kembali ke template standar blogger yang belum di utak-atik. Sekarang terserah anda mau di apakan lagi, mau di ganti template dengan yang baru sesuai keinginan anda? mau di edit atau di apakan, up to you deh. atau di ganti dgn template buatan anda sendiri

Salam ekstrim dari ane.

Tuesday, May 22, 2012

Cara Membuat Buku Tamu Auto Hide di Blog(Chat Box)


Cara Membuat Buku Tamu Auto Hide di Blog

buku tamu cbox
chat box Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog - Apa kabar sobat blogger??? Pertama - tama saya memohon maaf atas komentar - komentar sobat blogger yang belum sempat saya balas sebelumnya, karena hidungku ( mampet ), aktivitas blogging ku terhenti hampir seminggu. Setelah sebelumnya memposting artikel cara memasang artikel acak di blog, kali ini dengan hidung yang masih cenat - cenut saya akan menjawab permintaan dari salah satu sobat blogger yang meminta cara membuat buku tamu auto hide di blog seperti yang tampak di sidebar blog ini.

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut diHTML/Javascript blog sobat.

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="300" height="275" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4100717" style="border:#FFFFFF 1px solid;" id="cboxmain4-4100717"></iframe></div>
<div><iframe frameborder="0" width="300" height="75" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4100717" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform4-4100717"></iframe></div>
</div>
<!-- END CBOX -->
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank"href="http://naufal-anis-ramadhan.blogspot.com/2012/05/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Caranya :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan kodenya di kotak yang di sediakan.
  3. Klik Save 
Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fiboxshoutchamp atau pada penyedia chatbox gratisan lainnya.

Monday, May 21, 2012

GZIP OPTIMASI BLOGSPOT


Cara Cek Kecepatan Blog GZIP OPTIMASI BLOGSPOT













Web Page Content Compression Verification

This tool checks your server to see if it is sending out compressed data. It will work with any form of compression: mod_gzip, mod_deflate, or gzip compression through any server-side language, like PHP. Only textual data is compressed: HTML, CSS, JavaScript etc. Images are already compressed and are not gzip'ed through a web server. This tool only checks the exact document you enter. To check CSS or JavaScript files, enter the address of that file.A common misconception is that compressing web pages on the fly will slow down a web server. This is not the case. It does take a little CPU to do the compression, but the result is that your web server is handling significantly less data, which reduces the total CPU load on the server.
Check this link out for an easy way to use PHP to gzip compress your pages
 

Tuesday, May 15, 2012

Cara Mendaftar di Technorati terbaru 2012 RH9ZGS34H7Q4


Cara Mendaftar di Technorati Cara Mendaftar di Technorati Cara Mendaftar di Technorati Cara Mendaftar di Technorati Cara Mendaftar di Technorati terbaru 2012 update .Ngomong-ngomong apa Anda sudah mengenal tentang Technorati ? Bagi yang belum mengenalnya, saya akan kasih penjelasan singkat tentang Technorati, Technorati adalah sebuah direktori terbesar saat ini dan memiliki fasilitas/fungsi yang cukup besar yaitu sebagai BlogSearch, Tags Aggregator dan Online Bookmarks. Dengan mendaftar di Technorati, akan meningkatkan traffic pengunjung ke blog kita, dan blog/ yang kita kelola lebih dapat dikenal oleh blogger lain, dan ini pun bisa disebut sebagai salah satu strategi SEO untuk blog/website kita.

Dengan mendaftarkan blog kita di Technorati, kita juga bisa mengetahui situs atau blog mana saja yang memasang link ke blog kita. Untuk mempersingkat waktu, ikuti langkah-langkah di bawah ini untuk mendaftar di Technorati :
  • Masuklah ke alamat Technorati.com
  • lalu Klik menu Join (seperti gambar dibawah ini :
3S6YXY4VKCDR
  • Isilah data secara lengkap lalu klik join
  • Setelah itu, akan muncul sebuah confirmation code. Lalu cek email anda yang telah didaftarkan di technorati tadi, lalu klik link yang telah diberikan melalui email anda.
  • Setelah itu masukan url blog Anda (seperti gambar dibawah ini), dan kemudian klik Begin Claim.
3S6YXY4VKCDR
  • Setelah itu, Anda tinggal menunggu Proses Claim, dan lakukan Complete Claim seperti gambar dibawah ini :
  • Anda akan dihadapkan pada Form seperti ini :
3S6YXY4VKCDR
  • Salin kode berikut dan publikasikannya dalam sebuah posting di blog Anda. Technorati harus dapat menemukan kode klaim dalam blog Anda via feed (RSS atau Atom). Caranya adalah dengan menerbitkan posting baru dan menyisipkan kode klaim di dalamnya.
  • Untuk Kode Klaim Blog/Website ini adalah : RH9ZGS34H7Q4
  • Dan sesudah itu, Anda tinggal klik Complete Claim
  • Berikutnya, Anda tinggal menunggu Kode Klaim yang sudah di masukkan dalam Postingan Anda di periksa oleh Technorati, untuk memastikan bahwa memang benar alamat URL yang diberikan, benar-benar milik Anda.
  • Dan yang terakhir (karena blog inipun belum terdaftar di Technorati), anda buat satu link dengan kode seperti dibawah ini, dan tampilkan di blog anda.
<a href=”http://technorati.com/faves?sub=addfavbtn&add=http://url blog anda”><img alt=”3S6YXY4VKCDR” src=”http://static.technorati.com/pix/fave/btn-fave2.png”/></a>
  • Gantilah kode url blog anda diatas dengan kode URL anda.
Itu tadi sedikit informasi mengenai Cara Mendaftar di Technorati, semoga bermanfaat bagi Anda semua. Terimakasih.







”RH9ZGS34H7Q4”

Sunday, May 13, 2012

Cara Memasang Foto Gambar Di Sudut Blog


cara memasang foto gambar di sudut blog seperti blog saya di bawah kiri ada foto saya hehehe... Memasang gambar di sudut blog adalah salah satu trik untuk membuat blog kita kelihatan lebih menarik. pemasangan gambar bisa di sudut atas, kiri,kanan dan bawah. untuk membuat nya sangat lah mudah. bagi yang berkenan ikuti langkah-langkah di bawah ini
·         Log in dulu ke blogger
·         Tata letak
·         Edit HTML
·         Cari kode ]]></b:skin>
·         letakkan kode berikut di atas kode ]]></b:skin>

#anima_sudut {
position:fixed;_position:
relative;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }
·         Ganti kode yang berwarna biru dengan posisi image yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri)
·         Kemudian tambah kan kode di bawah ini diatas kode </body>


<div id='anima_sudut'>
<a href='http://
jayaputrasbloq.blogspot.com/'>
<img alt='' border='0'
src='
http://i647.photobucket.com/albums/uu191/ariamsi/disiniann.gif'/></a>
</div>
·         Ganti kode yang berwarna merah dengan alamat blog kamu dan alamat penyimpanan image kamu
·         Kemudian simpan tamplate.

Selamat mencoba...........

Saturday, April 28, 2012

Cara Bikin Banner Blog Animasi


cara membuat logo blog cara membuat banner animasi cara membuat iklan di blog Komunitas blogwalker tentunya sudah sangat akrab dengan teknik SEO Off Page yang satu ini, yaitu dengan cara link Exchange atau bertukar link antar sesama blogger. Jika anda tertarik untuk membuat banner/logo blog anda sebagai sarana untuk tukar link, tentunya anda harus menyiapkan gambarnya dahulu, jika anda merasa cukup dengan sebuah logo static, bisa anda buat dengan menggunakan microsoft office Power Point dengan sedikit sentuhan di adobe photoshop atau tidak sama sekali. Silahkan 'save as' gambar yang anda buat di Power point tersebut dengan format JPEG atau PNG, kemudian upload di photobucket,picasaatau di imageshack. Saya sarankan di picasa atau photobucket saja, karena simple dan dijamin akun anda akan awet disitu, kalau di tempat lain jangan kaget kalau lama-lama gambar anda berubah jadi kodok.  Jangan lupa setelah di upload diphotobucket silahkan ambil URL dirrect link gambar anda. Jika anda menginginkan logo jenis banner bergerak berupa file gif silahkan anda kustomisasi di textspace.net atau di cooltext.com, setelah selesai dengan cara yang sama silahkan upload file anda di photobucket.com, ambil URL dirrect link-nya.


Langkah selanjutnya :


  • Silahkan masuk ke akun blogger sampeyan, klik 'design' kemudian 'add a gadget' pilih 'HTML/javascript'
  • Kemudian pastekan kode berikut pada area 'HTML/javascript'
<a href="http://www.frewaremini.com/"><img alt="freewaremini"width="120"height="25"
src="http://i448.photobucket.com/albums/qq201/tiyangsae/frewaremini.png" /></a>
<textarea code="" width="250" height="60" name="">
<a href="http://www.frewaremini.com/"><img alt="software gratis"
src="http://i448.photobucket.com/albums/qq201/tiyangsae/frewaremini.png"width="120"height="25"
/></a></textarea>
  • Ganti tulisan berwarna merah dengan link URL blog anda dan nama blog anda, silahkan sesuaikan juga ukuran banner anda dengan merubah besaran width dan height-nya.
  • Ganti tulisan berwarna biru dengan URL dirrect link dari gambar yang anda upload di photobucket tadi.
  • Kode dengan area kuning akan menampilkan gambar banner/logo tukar link anda, sedangkan kode pada area hijau adalah teks area kode yang akan diambil  oleh rekan anda untuk ditaruh di blog mereka saat anda melakukan tukar link, sehingga logo/banner blog anda beserta URL link blog anda akan tertanam dalam blog mereka.
  • Setelah proses edit selesai silahkan lakukan save, kemudia lihat hasilnya, kira-kira seperti gambar di bawah ini. selesai.
    Naufal Opal Blog
    Naufal Opal Blog
     

Oke sobat,
 tips/cara membuat logo/banner Tukar Link ini saya tujukan bagi para nubi seperti ane, bagi yang sudah master dilarang senyam-senyum. terus berkarya dan berbagi. Semoga artikel ini bermanfaat. Salam.

Cara Membuat backlink otomatis dengan Dummy Blog


cara backlink jutaan dummy blog cara dummy blog adalah apa itu dummy blog Bagaimana cara membuat backlink otomatis dengan dummy blog? Ini pertanyaan yang sering diajukan oleh blogger-blogger yang sudah tidak bisa dibilang pemula lagi. Hari ini saya akan menjelaskan tentang cara buat backlink dengan dummy blog sesuai dengan apa yang diajarkan guru-guru saya, apa yang saya baca dan apa yang saya rasa membawa hasil maksimal ketika saya terapkan.
Buat kamu yang mau punya backlink kuat tanpa harus membeli link, cara yang paling murah meriah adalah dengan membuat blog-blog di penyedia hosting gratisan. Karena blog-blog itu nantinya cuma bakal dipake untuk memberi backlink ke blog utama, maka seringkali blog-blog itu diistilahkan sebagai dummy blog (blog palsu).

Ada banyak sekali tempat bikin blog gratisan yang bisa kita manfaatkan untuk membuat dummy blog. Di sini saya cuma menulis beberapa tempat yang saya rekomendasikan:
wordpress.com
blogspot.com
blog.com
friendster.com
edublogs.org atau blogetery.com 
(pake salah satu saja)
blogmas.com
dagdigdug.com
blogdetik.com
Sebaiknya kamu membuat satu akun untuk masing-masing blog. Hindari membuat beberapa dummy blog dalam satu akun. Misalnya di blogspot.com kamu bikin akun dan membuat 5 dummy blog yang semua link-nya mengarah ke blog utama yang sama, maka itu beresiko terdeteksi Google. Boleh kamu membuat beberapa dummy blog dalam akun yang sama tapi pastikan tiap dummy blog ‘melayani’ blog utama yang berbeda. Atau kalau cuma punya satu blog utama, maka buatlah beberapa akun berbeda yang masing-masing satu dummy blog.
Capish?
Oke, setelah kamu membuat akun di masing-masing situs di atas (atau beberapa situs lain yang sejenis), maka kita mulai bekerja. Katakanlah kamu sudah membuat 5 blog dan kita asumsikan masing-masing bernama A, B, C, sampe E. Ingat, dummy blog sebaiknya sama temanya dengan blog utama.
1. Lakukan pendaftaran dan pembuatan dummy blog secara natural. Hindari membuat, mengisi konten dan memasang link ke blog utama dalam hari yang sama. Untuk urusan dummy blog kita harus sabar dan pelan-pelan saja. Biarkan dummy blog itu tumbuh dan nampak alami. Berikan jeda beberapa hari sebelum membuat blog berikutnya.
2. Setelah blog dibuat, isilah dengan 5 sampai 10 artikel. Usahakan jangan copas. Kalo copas nanti dummy blog-nya lemes dan susah ngasih backlink ke blog utama. Ingat, blog dengan konten yang nda asli bakal dicuekin Google. Diindeks sih diindeks, tapi nanti di hasil pencarian Google nongolnya jauh di halaman belakaaaaaaaaang…dekat empang!
3. Pasang link menuju ke blog utama di sidebar. Lakukan ini setelah kurang lebih semingguan setelah dummy blog tersebut dibuat. Link yang datang secara natural akan lebih membawa hasil daripada link yang datang bertubi-tubi dalam sehari kemudian besok-besoknya sepi. Main cantik dong, coy!
Selanjutnya lakukan secara bertahap, natural dan KONSISTEN sehingga terbentuk skema seperti ini:

Apabila gambar di atas kelihatan jelek dan tidak rapi, segera periksakan mata anda. Mungkin anda terlalu lelah bekerja di depan monitor…
Oke, sini saya jelaskan maksud di balik gambar nda karu-karuan di atas. Perhatikan bahwa yang di tengah yang ditandai dengan ‘x’ adalah blog utama. Kemudian ada 5 blog A, B, C, D dan E. Lima blog ini masing-masing memberi link ke:
-Blogutama
- Satu dummy blog lainnya
Jelas ya?
Nah, kalo kamu ada waktu silakan membuat blog dummy lagi. Sebagai contoh dalam gambar jelek di atas adalah F, G, H dan I. Blog-blog ini nda menyuplai link ke bog utama tapi hanya ke SATU dummy blog. Kenapa mesti begitu? Supaya dummy blog juga ada backlink-nya dan akan tampak lebih natural (tidak nampak seperti aliran link yang tersusun rapi untuk HANYA mendukung blog utama).
Ngerti kan?
4. Kalo kamu mau, kamu bisa membuat banner yang mempromosikan blog utama kamu dan kamu tempatkan di dummy blog.
5. Usahakan meng-update dummy blog minimal sekali seminggu.
6. Submit dummy blog ke sitemap google, MSN, yahoo dan direktori-direktori untuk memperkuat si dummy blog.
7. Eh hampir lupa! Jangan pernah ente pasang link dari blog utama menuju ke dummy blog ya!
Saya rasa itu saja tentang cara buat backlink otomatis dengan dummy blog. Kalo misalnya kamu malas melakukan semua ini, kamu bisa membeli link saja dari blog-blog orang lain. Tentunya kalo kamu punya dana untuk itu. Kalo tertarik belajar tentang apa dan bagaimana membeli link, silakan cekitot tulisan saya yang judulnya Bagaimana Membeli Link yang Oke Buat SEO.
Wassalam!!!