Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Kamis, 22 Maret 2012

Cara Menampilkan Update Artikel Blog atau Website ke Twitter dan Facebook

Selamat Malam sobat ZonaUnlimited. Kemarin saya barusan aja posting mengenai SOTOJI, yaitu untuk mereview produknya gan. Yah, itu memang merupakan Kontes SEO yang diadakan oleh pihak SOTOJI. Yang belum tahu tentang sotoji bisa berkunjung ke sini (SOTOJI, Soto Kreasi Baru Kaya Manfaat). Nah, bagi yang udah baca, sekarang waktunya menyimak tutorial saya kali ini yaitu yang akan membahas cara untuk menampilkan update terbaru blog anda ke facebook atau twitter anda.

Blog/Website memang merupakan suatu layanan yang merajai dunia Internet saat ini. Internet memang keseluruhan isinya adalah Blog/Website, bagaimana bisa sebuah tulisan ada di Internet tanpa adanya Blog/Website. Tentunya tulisan itu hanya akan tampil di Internet lewat Blog/Website. Jadi, tanpa ada Blog/Website pasti itu tidak bisa di katakan Internet. Oke, langsung ke topik aja bro gan sist. Simak baik2 yah, kalo udah bisa langsung di praktekkan :DD

Berikut cara menghubung atau menampilkan artikel blog ke situs twitter :
  • Kunjungi situs twitterfeed.com terlebih dahulu
  • Kemudian klik Register
  • Isi form yang disediakan.
    Email address : Masuk kan alamat Email anda
    Password : Masukkan Padsword (Ingat password jangan sampai lupa)
    Confirm Password : Masukkan Passwor sekali lagi dengan Password yang sama
  • Kemudian klik Create Account
  • Selanjutnya klik Connect your feed to your twitter account
  • Selanjutnya klik Username dan Password kita kemudian klik allow
  • Setelah itu anda di suguhkan form kemudian isi form tersebut
    Feed Name : judul blog anda
    Rss Feed URL : Masukkan Rss Feed URL blog anda seperti ini
    http://zonaunlimited.blogspot.com/feeds/posts/default
    ganti tulisan yang berwarna merah dengan alamat blog anda.
  • kemudian klik Test Rss Feed
  • Apa bila berhasil maka akan muncul bacaan "Feed Parsed OK" dibawah Rss Feed URL
  • Kemudian klik Create Feed Selesai 
Berikut cara menghubung atau memasukkan artikel blog ke situs Facebook :
  • Kunjungi situs twitterfeed.com terlebih dahulu
  • Kemudian klik Register
  • Isi form yang disediakan.
    Email address : Masuk-kan alamat Email anda
    Password : Masukkan Padsword (Ingat password jangan sampai lupa)
    Confirm Password : Masukkan Passwor sekali lagi dengan Password yang sama
  • Kemudian klik Create Account
  • Selanjutnya klik Connect your feed to your facebook account
  • Selanjutnya klik Username dan Password kita kemudian klik allow
  • Setelah itu anda di suguhkan form kemudian isi form tersebut
    Feed Name : judul blog anda
    Rss Feed URL : Masukkan Rss Feed URL blog anda seperti tadi
    http://zonaunlimited.blogspot.com/feeds/posts/default
    ganti tulisan yang berwarna merah dengan alamat blog anda.
  • kemudian klik Test Rss Feed
  • Apa bila berhasil maka akan muncul bacaan "Feed Parsed OK" dibawah Rss Feed URL
  • Kemudian klik Create Feed Selesai
Sekarang blog anda sudah terhubung dengan Twitter atau Facebook, untuk melihat hasilnya anda terlebih dahulu buat posting baru di blog kemudian buka account twitter atau Facebook anda, maka postingan blog anda akan terlihat di tweet atau update account twitter / Facebook yang anda miliki.

Selengkapnya →

Sabtu, 26 November 2011

Cara Membuat Daftar Isi Blog

Daftar Isi merupakan widget yang mutlak harus di miliki oleh sebuah blog. Daftar isi ini sendiri berfungsi untuk mempermudah pembaca kita menemukan artikel-artikel lain di blog kita. Nah, kelebihan daftar isi yang satu ini yaitu tidak hanya menampilkan judul dan link-nya saja tetapi juga menampilkan label, tanggal postingan, serta ringkasan dari artikel-artikel kita.

Tidak cuman itu loh, daftar isi ini dapat di-filter untuk menampilkan beberapa artikel dengan label atau tanggal tertentu saja, dan dapat juga diurutkan sesuai tanggal atau judulnya.

Sedangkan untuk contohnya, lihat Disini.

Ikuti langkah-langkah di bawah ini :

  1. Login ke aku blogger Anda
  2. Masuk ke Posting » Entri Baru
  3. Kemudian isi judulnya dengan judul yang kamu inginkan, seperti Daftar Isi atau yang lainnya
  4. Kemudian copy-paste kode di bawah ini :
    <div id="cl_option"><img height="20px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8-4qSay2k6MOKSs92TYpIO2WX3XRJNw1Oel35OfAK0Mx0zSb7_mtBR7Tu1WzxdrLvH0b6ATBouf13ZA4Y-WBF9GrW7kh1X7QrYfZyJRe1VQKkPyYGI1Qov_ur_LXREA05ozSJcpN6T-XD/s1600/Loader-pedia.gif" width="500px" /></div>
    <div id="cl_content_list"> </div>
    <script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
    <script src="http://the-killermedia.googlecode.com/files/daftar_isi_blog.js.txt"> </script>
    <script src="http://zonaunlimited.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>

  5. Keterangan :

    » Ganti zonaunlimited.blogspot.com dengan alamat blog kamu
    » jumlah_kata_dalam_ringkasan : untuk mengatur jumlah ringkasan posting
  6. Terakhir, click Terbitkan Entri


Semoga bermanfaat!

Selengkapnya →

Membuat Widget Recent Post dengan Gambar

Widget Recent Post, ZonaUnlimited
Widget Recent Post merupakan salah satu widget yang sangat penting pada suatu blog (baca : Widget Penting Yang Harus Dimiliki Sebuah Blog). Widget recent post berfungsi untuk menampilkan update artike terbaru blog kita. Widget recent post ini biasanya terletak di sidebar. Widget Recent Post ini sendiri ada dua macam. Widget Recent Post Tanpa Gambar (baca : Memasang Widget Recent Post di Sidebar Blog) dan Widget Recent Post dengan Gambar.

Apakah blog anda sudah menggunakan / memasang widget recent post bergambar ini? Jika belum, akankah anda tertarik untuk memasangnya. Untuk memasang widget ini caranya sangat mudah, kita tinggal copy-paste  semua kode yang ada dibawah ini. Untuk Langkah - Langkahnya adalah sebagai berikut :

  • Login ke blogger
  • Click Tab Rancangan
  • Tata Letak
  • Klik tombol Tambah Gadget
  • Kemudian pilih Add HTML/Javasript
  • Copy semua kode di bawah ini, dan paste di kotak yang tersedia :
    <script language="JavaScript">
    
    imgr = new Array();
    
    
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
    
    imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
    
    imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
    
    imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
    
    imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbxwXy1hkLshG8pW7Hx7wRxWaPSu8GqGfp9YJLB5-9LzQsYimpcxwsVNmoFTqFqb8SA8xTSFyn6Jt1fE6aflXI-u7ql1S32jzkjQuy5pPwCG86clTmzEAcNX3bNy0OJ-fc2vXK1jpcceR/s1600/Bloggerpedia.co.cc+-+No+Image.png";
    showRandomImg = true;
    
    boxwidth = 298;
    
    cellspacing = 8;
    
    borderColor = "#ffffff";
    
    bgTD = "#000000";
    
    thumbwidth = 40;
    
    thumbheight = 40;
    
    fntsize = 12;
    
    acolor = "#666";
    
    aBold = true;
    
    icon = " ";
    
    text = "comments";
    
    showPostDate = false;
    
    summaryPost = 40;
    
    summaryFontsize = 10;
    
    summaryColor = "#666";
    
    icon2 = " ";
    
    numposts = 5;
    
    home_page = "http://zonaunlimited.blogspot.com/";
    
    </script>
    
    <script src="http://the-killermedia.googlecode.com/files/RecentPostThumb.js" type="text/javascript"></script>
  • Setelah itu, click Simpan

Keterangan :
boxwidth - Ukuran Lebar Widget
borderColor - Warna Border
thumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font Judul
acolor - Warna Font Judul
numposts - Jumlah recent post yang ingin di tampilkan
home_page - Alamat URL Blog Kamu (ganti alamat blog tersebut dengan alamat blog kamu)

Selengkapnya →

Cara Membuat Stripe-Ad di Blogspot

Apa anda tau apa itu Stripe-Ad ? Jika belum tahu, mari kita bahas. Stripe-Ad yaitu sebuah Navigasi yang biasanya tampil di bagian atas blog. Stripe-Ad ini sendiri berfungsi sebagai wadah atau tempat menaruh link penting bahkan sebagai tempat memasang iklan pada suatu blog. Anda bisa melihat contoh Stripe-Ad di bagian atas pada ZonaUnlimited ini.

ZonaUnlimited, Cara Membuat Stripe-Ad di Blogspot, Free Templates, Free Software, Tutorial Blogspot

Jika anda amati, sekilas terlihat hampir serupa dengan standar Navigation Bar (Navbar) Blogger. Hanya bedanya jika Stripe-Ad ini akan tetap tampil walaupun pembaca melakukan Mouse Scroll pada halaman. Dengan menggunakan Stripe-Ad ini, ketika ada pengunjung datang, mereka dapat melihat langsung navigasi ini ketika pertama kali mereka mengunjungi halaman blog Anda. Jika tertarik kemungkinan besar pembaca akan mengkliknya, jika dirasa mengganggu mereka dapat dengan mudah menutupnya dengan mengklik tombol X pada pojok kanan atas.

Nah, untuk cara membuatnya sendiri sebetulnya sangat lah mudah. Ikuti langkah-langkah untuk membuat Stripe-Ad di bawah ini :
  1. Login ke akun blogspot Anda
  2. Buka Tab Rancangan » Edit HTML
  3. Setelah itu, letakkan kode di bawah ini di atas kode </body> (tekan CTRL + F untuk mencarinya) :
    <script type='text/javascript'>
    //<![CDATA[
    var mta_arr=new Array();var mta_clear=new Array();function mtaFloat(mta){mta_arr[mta_arr.length]=this;var mtapointer=eval(mta_arr.length-1);this.pagetop=0;this.cmode=(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;this.mtasrc=document.all?document.all[mta]:document.getElementById(mta);this.mtasrc.height=this.mtasrc.offsetHeight;this.mtaheight=this.cmode.clientHeight;this.mtaoffset=mtaGetOffsetY(mta_arr[mtapointer]);var mtabar="mta_clear["+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';mtabar=mtabar;eval(mtabar)}function mtaGetOffsetY(b){var c=parseInt(b.mtasrc.offsetTop);var a=b.mtasrc.offsetParent;while(a!=null){c+=a.offsetTop;a=a.offsetParent}return c}function mtaFloatInit(a){a.pagetop=a.cmode.scrollTop;a.mtasrc.style.top=a.pagetop-a.mtaoffset+"px"}function closeTopAds(){document.getElementById("mta_bar").style.visibility="hidden"};
    //]]>
    </script>
  4. Langkah selanjutnya, letakkan kode di bawah ini di atas kode ]]></b:skin> (tekan CTRL + F untuk mencarinya) :
    /*-- (mta bar) --*/
    #mta_bar{background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcr4ZTkhX0oFVn8EdvJ-gdq7i4KB_WjkNg5Pm2lzzoDlXtaM85T_qiZA7RzmU3B0fBfTMcPSkMiyP2WmEDleaMU_W4MQZA54ZGrI_MfaG-dGTdxyNW4p057PcEd-OSUhnd3IGPyWekPyzl/s200/topnavbar-c.png') repeat-x; border-bottom:1px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:6px}
    * html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
    #mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:55%}
    #mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:30%}
    #mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
    #mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}
    #mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
    #left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV64e5duFXMGpSTgAhEKhS02oGTnmMsIys2YP_xNiY_ZojEsshSyDldQAeCF1dNTcSULakIys0FP9K2FLXm5Zlt6sdGIleiEqHWnUlcfKWVFjH8YrAhbyuWejsDqx6ZtdjErfIFeHQzlU/s200/feed-c.png') no-repeat; font-weight:bold;text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:10px}
    #left_bar a:hover{text-decoration:underline; color:#fff}
    #left_bar2 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb599-x8D8q6QEvQ6wRK7aMU4AV7tBKjhAzdggNlYI7WQVACBtXFTtIqGMXFBSFJa2vMDp1PEMYxlr8PR00C2sawjeVueS4WP9MiBh6NOX4lkfPkdbbzz63FjN5Ixd7_uhw-ukblWjdlRg/s200/check-c.png) no-repeat 2px; text-decoration:none; font-weight:bold; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0px}
  5. Setelah itu, click Simpan
  6. Setelah langkah di atas selesai, buka Tab Rancangan » Elemen Halaman / Tata Letak
  7. Setelah itu, click Tambah Gadget » HTML / JavaScript
  8. Lalu, letakkan kode di bawah ini di kotak munculan :
    <div id='mta_bar'>
    <div id='left_bar2'>
    <span class='left'>
    
    Masukkan link/iklan anda di sini (tampil di bagian kiri). 
    
    </span>
    </div>
    <div id='left_bar'>
    <span class='center' style='margin-left:20px;'>
    
    Masukkan link/iklan anda di sini (tampil di bagian kanan). 
    
    </span></div></div>
  9. Kemudian, click Simpan

Nah, bagaimana. Mudah bukan. Semoga dengan Stripe-Ad ini blog anda lebih terlihat Proffesional. hhe

Selamat mencoba dan semoga berhasil! :)

Selengkapnya →

Jumat, 25 November 2011

Cara Melakukan Review Blog di Alexa

Alexa Review,Tutorial Blog
Alexa adalah sebuah website yang berfungsi memberikan ranking terhadap blog kita. Dengan Alexa, kita bisa mengetahui berapa ranking blog kita di dunia versi Alexa. Lalu, seberapa pentingkah ranking blog versi Alexa itu? Menurut artikel yang pernah saya baca, ranking dari Alexa itu menunjukkan kualitas blog kita. Nah, jika ranking Alexa kita semakin kecil, maka kualitas blog kita semakin bagus. Namun sebaliknya, jika ranking Alexa kita semakin besar, maka kualitas blog kita semakin menurun / jelek.

Lalu apa saja tips-tips untuk mengecilkan ranking alexa itu (baca : Cara Cepat Menurunkan Ranking Alexa Blog) ? Ya, salah satu tipsnya yaitu dengan melakukan review blog kita di Alexa. Dengan begitu, Alexa akan memandang lebih kepada blog kita jika blog kita memiliki banyak review di Alexa.

Tutorial Blog, Alexa Review, Alexa Site Audit

Lalu, bagaimana cara melakukan review sebuah blog di Alexa? Jika anda belum tahu, ikuti langkah-langkahnya di bawah ini :

  1. Pertama, buka Alexa.com
  2. Setelah itu, ketikkan alamat blog orang tersebut di kotak search.
  3. Setelah itu, click Search
  4. Kemudian, click  Get Details 
  5. Setelah itu, di bagian tab (Traffic Stats, Audience, dsb) click Tab Review.
  6. Kemudian, click  Write a Review 
  7. Nah, kemudian akan muncul kotak login. Jika anda sudah mempunyai Account di Alexa, anda isi kotak login di bagian kiri. Namun, jika anda tidak mempunyai Account Alexa, anda bisa pilih yang kanan yaitu menghubungkan dengan Account Facebook anda.
  8. Setelah anda berhasil Login, anda bisa baca keterangannya di bawah ini :
    • Review Headline : Silahkan anda isi dengan Judul Review anda ( Bahasa Inggris ). Misal > The Big and The Excelent Blog
    • Site Rating : Silahkan anda isi dengan rating penuh.
    • Optional Information : Silahkan anda pilih / centang sesuka anda. Saya sarankan agar What do you dislike? di kosongkan..
    • Comments : Silahkan anda isi pendapat anda tentang blog yang akan anda review ( Bahasa Inggris ).
    • Dan, Pilih Yes, i'd recommend it!
  9. Terakhir, click Submit.

Selamat mencoba, semoga berhasil :D

Selengkapnya →

Tips SEO ( Search Engine Optimization) Lengkap

Tips SEO,Tips Blogspot,SEO,Black Hack SEO
SEO (Search Engine Optimization) menurut saya adalah cara-cara yang dilakukan oleh sebagian besar blogger untuk mengoptimalkan situs atau blog mereka agar mendapatkan rangking yang baik pada search engine. SEO ini sendiri sangatlah penting bagia suatu blog yang ingin mendapatkan traffic tinggi dari Search Engine seperti Google. Tanpa SEO, blog yang kita miliki tidak dapat terlihat populer seperti blog-blog lainnya.

Silahkan anda baca Tips SEO di bawah ini :


  • Original Content / isi yang orsinil.





  • Hal pertama yang harus di ingat agar blog anda mendapatkan rangking yang bagus pada mesin pencari adalah isi dari blog anda adalah orsinil buah karya tulisan anda sendiri atau dengan kata lain bukanlah hasil copy paste dari hasil karya orang lain. Selain sebagai optimalisasi terhadap mesin pencari, tindakan copy paste sering mengundang permasalahan dari pemilik asli karya tersebut, apalagi yang anda copy paste tersebut di lindungi oleh undang-undang atau dengan kata lain copyright, anda bisa benar-benar akan mendapatkan masalah yang serius.



  • Memasang Meta tag pada bagian header kode template.





  • Hal kedua yang jangan sampai di lupakan adalah harus memasang meta tag pada bagian header kode template anda. Kalau anda ingin memasang meta tag seperti yang saya pakai, kodenya adalah seperti ini :

    <b:if cond='data:blog.pageType == "archive"'> 
    <meta content='index,follow' name='robots'/> 
    </b:if>
    <b:if cond='data:blog.pageType == "index"'> 
    <b:if cond='data:blog.url != data:blog.homepageUrl'>  
    <meta content='index,follow' name='robots'/>  
    </b:if> 
    </b:if> 
    
    <title><data:blog.pageTitle/></title>
    
    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
    <meta content='ZonaUnlimited' name='Author'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='ZonaUnlimited (ZU) merupakan blog yang berisi berbagai tutorial blog, tips trik blog, tutorial wordpress, serta berbagai tutorial dan tips trik lainnya hanya di zonaunlimited (ZU)' name='description'/>
    <meta content='Tutorial, Blogspot, Wordpress, Trik, Tips, SEO, Facebook, Twitter, Tutorial Blog, Game, Kontes SEO, Internet Gratis, Download Gratis, Komputer, HP' name='keywords'/>
    <meta content='-5;120' name='geo.position'/>
    <meta content='id' name='geo.country'/>
    

    Untuk author serta meta keyword tentu saja harus di sesuaikan dengan milik anda sendiri. Khusus untuk para master, mohon di koreksi apabila ada kesalahan pemasangan kode (maklum pemula, pasang kode tidak tahu bener atau nggaknya).

    Setelah memasang meta tag, sebaiknya anda menganalisa meta tag yang anda pasang tersebut dengan meta tag analizer.



  • Pasang keyword yang sesuai dengan isi blog anda.





  • Dalam memasang meta keyword, sebaiknya keyword yang anda gunakan adalah yang berhubungan dengan isi blog anda. Misalkan blog anda mempunyai topik tentang kesehatan, maka keyword yang anda gunakanpun harus keyword tentang kesehatan.

    Selain harus berhubungan dengan isi dari blog anda, keyword yang di pasangpun haruslah keyword yang banyak di cari oleh orang (pengguna internet), percuma saja rangking blog anda mendapatkan posisi pertama di mesin pencari dengan keyword tertentu namun keyword tersebut jarang dicari atau bahkan tidak pernah di cari oleh orang banyak. Sebagai contoh anda memasang keyword borokokok pada meta keyword anda, dan ketika anda ketik borokokok pada mesin pencari posisi blog anda berada pada posisi teratas alias nomor satu, namun perlu di ingat bahwa apakah keyword borokokok tersebut akan di cari oleh orang banyak atau tidak? Jika kira-kira keyword tersebut tidak akan di cari oleh orang, maka sebaiknya jangan memasang keyword tersebut dan silahkan cari keyword yang lain yang sekiranya banyak di cari oleh orang banyak.

    Untuk masalah keyword ini, andapun bisa mencari tool-tool gratisan yang bisa memberikan anda sugesti keyword-keyword apa saja yang banyak di cari oleh orang banyak.



  • Pemilihan template blog yang baik.





  • Yang di maksud dengan memilih template yang baik di sini antara lain template yang kita pakai yang pertama kali di loading adalah bagian posting bukan bagian sidebar apalagi bagian footer. Apabila anda jeli, ketika anda membuka blog milik saya ini maka yang terbuka pertama kali adalah bagian header kemudian bagian posting, lalu bagian sidebar dan terakhir adalah bagian footer. Jika anda mengalami hal sama dengan yang saya tulis tadi, maka hal tersebut terjadi pula pada spider mesin pencari, ketika crawler mesin pencari menyambangi blog anda, bagian yang di crawler alurnya seperti yang saya tulis tadi. Nah apabila blog anda yang di akses adalah bagian sidebar terlebih dahulu maka dapat di pastikan blog anda akan kalah posisi dengan blog yang di aksesnya bagian posting nya dahulu.

    Untuk hal ini tentu saja tergantung dari sang desainer template dalam hal menempatkan kode posting di tempatkan pada posisi di atas sidebar atau di bawah sidebar.



  • Sebaiknya jangan memilih template yang sidebarnya berada di sebelah kiri serta kanan





  • Seperti yang saya tulis di atas bahwa sebaiknya yang di loading adalah bagian posting dahulu bukan bagian sidebar. Apabila anda menggunakan template yang 3 kolom yang sidebar nya berada di sebelah kiri serta kanan, maka dapat di pastikan yang pertama kali di loading adalah sidebar yang di sebelah kiri dahulu kemudian bagian posting. Berbeda halnya dengan template 3 kolom yang kedua sidebarnya berada di sebelah kiri ataupun keduanya di sebelah kanan, karena walaupun kedua sidebar berada di sebelah kiri, kode posting masih bisa di tempatkan di atas kode sidebar dengan mengatur kode float pada template.



  • Jangan terlalu sering mengganti template.





  • Bagi anda yang suka gonta-ganti wajah blog dengan yang baru, saya sarankan untuk menghentikan kebiasaan tersebut karena itu bisa menurunkan kualitas blog anda di mata search engine.



  • Jangan terlalu menjejali sidebar kiri atau kanan dengan data yang berat.





  • Jika anda terlalu cinta dengan template 3 kolom yang sidebar nya berada di sebelah kiri serta kanan, maka sebaiknya jangan terlalu menjejali sidebar kiri dengan data yang berat. Data yang di kategorikan berat misalnya banner atau gambar, animasi, javascript, dan lain-lain. Jika anda menyimpan data yang terlalu berat di bagian sidebar kiri, maka pada saat crawling oleh mesin pencari akan sangat susah mencapai kepada isi postingan anda, sehingga posisi anda akan di kalahkan oleh blog yang postingannya lebih dahulu di crawling. Jadi sebaiknya yang di simpan di sebelah kiri adalah hanya tulisan-tulisan biasa yang ringan untuk di akses/loading.



  • Jangan menghilangkan kode heading pada template.





  • Bagi anda yang senang mengotak-atik kode template, sebaiknya jangan menghilangkan kode heading pada template anda. Kode heading yang di maksud adalah mungkin anda sering melihat kode h1, h2, h3, h4 pada kode template anda, nah kode tersebut jangan sampai di hilangkan atau tidak di buat karena yang pertama kali di lihat oleh mesin pencari adalah data yang ada pada kode h1 h2, h3 serta berikutnya. h1 pada umumnya adalah untuk judul blog, maka dari itu membuat judul blog jangan sampai asal-asalah karena judul blog adalah front face yang pertama kali di lihat oleh mesin pencari. Misal, judul blog saya ini akan lebih berbobot apabila memakai judul ZonaUnlimited | Tutorial Blog | Tips dan Trik di banding dengan judul blog ZonaUnlimited karena keyword (kata kunci) yang saya incar pada mesin pencari adalah News.



  • Pergunakan hurup tebal, miring, atau garis bawah.



  • Penggunaan hurup tebal, miring, atau garis bawah pada keyword-keyword yang di rasa penting pada postingan sangatlah baik untuk optimalisasi mesin pencari. Misalkan postingan kita membahas tentang free template, maka pada tulisan –tulisan free template tersebut kita cetak secara tebal, miring, atau garis bawah. Namun walaupun demikian janganlah menebalkan suatu tulisan yang sama terlalu banyak pada satu postingan karena bisa di anggap spam oleh mesin pencari dalam hal ini adalah google, jadi ya yang wajar saja.



  • Selalu gunakan tag "alt" dan "title" pada kode gambar





  • Mesin pencari pada umumnya tidak terlalu mengerti makna dari sebuah gambar, maka dari itu perlu menambahkan kode "alt" dan "title" pada kode gambar anda. Dengan menambah Tag "alt" dan "title" pada setiap gambar pada postingan anda, mesin pencari akan lebih mengenali maksud gambar anda apabila memakai tag "alt" dan "title".



  • Jangan membuat hidden text atau hidden link.






  • Yang dimaksud dengan hidden text atau hidden link adalah membuat s ebuah text atau link berwarna sama dengan backgroundnya sehingga tidak terlihat oleh pengunjung blog. Jadi untuk yang satu ini jangan di lakukan, sebab akan membuat google murka terhadap blog anda karena di anggap menipu mata pengunjung.



  • Usahakan agar blog anda di link oleh banyak blog atau website





  • Semakin banyak blog atau situs membuat link ke blog anda, maka semakin baik pula penilaian mesin pencari terhadap blog anda, dan yang lebih baik lagi apabila blog anda di link oleh yang mempunyai page rank yang tinggi.



  • Buatlah antara suatu postingan tertaut (linking) dengan postingan yang lain





  • Salah satu usaha yang bisa dilakukan oleh anda sendiri adalah antara suatu postingan yang satu terkait dengan postingan yang lain, misalkan saya sering menuliskan kata-kata yang mengandung link seperti silahkan baca di sini, silahkan baca postingan ini, dan lain-lain sehingga antara postingan yang satu dengan yang lainnya jadi saling nge link.



  • Usahakan jangan ada link yang rusak (broken link).





  • Yang di maksud dengan link yang rusak adalah anda membuat suatu link, tapi ketika di klik halaman yang di link tersebut tidak ada atau tidak di temukan. Apabila anda mempunyai link yang seperti ini, maka sebaiknya link ini di perbaiki atau ya di rubah saja menjadi teks biasa bukan merupakan suatu link.



  • Selalu perbaharui (update) blog anda dengan postingan yang baru





  • Mesin pencari sangat suka terhadap blog atau website yang isinya selalu fresh atau segar, jadi kalau anda rajin memposting suatu artikel maka blog anda akan lebih sering di kunjungi oleh mesin pencari. Dan perlu diingat juga bahwa semakin banyak tulisan pada blog anda tentunya semakin banyak pula keyword atau kata kunci yang mewakili blog anda. Jadi, ayo kita berlomba untuk mengisi blog kita dengan postingan yang baru.



  • Bagi pengguna blog blogger, gunakan kotak komentar asli dari blogger





  • Banyak pengguna blog dari blogger merasa kecewa dengan kotak komentar yang di buat oleh pihak blogger sendiri dengan alasan ribet dan dalam bentuk pop-up sehingga menggunakan kotak komentar 3rd-party semisal haloscan dan lain sebagainya. Mungkin jika di lihat d ari bentuknya kotak komentar yang di buat oleh blogger memang sedikit mengecewakan, namun untuk masalah SEO jangan anggap enteng, kenapa demikian? Karena apabila ada pengunjung yang mengomentari postingan anda, maka komentar tersebut di anggap oleh mesin pencari sebagai bagian dari postingan anda. Jadi pada intinya semakin banyak yang berkomentar maka semakin banyak pula tabungan keyword yang kita miliki pada postingan tersebut, oleh karenanya soklah pada komentar di postingan ini..heuheuheu. dan satu keunggulan yang lain adalah setiap ada komentar yang masuk, komentar tersebut bisa langsung di antar ke alamat email kita, sehingga kita dapat mengetahui perkembangan komentar yang masuk pada suatu postingan.

    Bagaimana dengan yang memakai kotak komentar lain semisal haloscan. Apabila anda menggunakan kotak komentar dari haloscan, untuk masalah tampilan bolehlah di bilang lebih unggul namun di lihat dari segi SEO di rasa kurang baik karena setiap komentar yang masuk tidak akan terindeks oleh mesin pencari sebagai bagian dari postingan anda, jadi sayang sekali apabila beribu-ribu keyword sumbangan dari pengunjung tidak bisa menjadi milik anda. Selain itu apabila ada yang berkomentar, pihak haloscan tidak mau mengantarkan komentar tersebut ke alamat email kita, so.. yang pasti kita akan tidak mengetahui perkembangan terbaru dari kimentar yang masuk.



  • Judul posting harus mewakili seluruh isi posting





  • Yang satu ini terkadang banyak terlupakan oleh para blogger, membuat judul posting yang sedikit asal-asalan, padahal judul posting adalah wakil dari seluruh postingan. Kenapa demikian, karena secara umum judul posting di set pada kode template sebagai heading 2 (h2) atau heading 3 (h3), oleh karenanya sebelum melihat isi posting, sang mesin pencari terlebih dahulu akan melihat judul posting. Jadi, membuat judul posting harus dengan kata-kata yang semenarik mungkin serta dapat mewakili isi dari posting.


    Itulah tadi beberapa Tips SEO, sebenarnya masih banyak yang bisa dilakukan dalam meningkatkan rangking kita di mesin pencari, namun berhubung jari saya yang sudah pegel karena ngetik terus, saya rasa di cukupkan dulu sekian, mungkin di lain waktu akan di sambung lagi.

    Selengkapnya →

    Cara Membuat Widget Sharing is Sexy

    Widget Sharing memang widget yang penting dalam suatu blog. Widget sharing berfungsi untuk memudahkan pengunjung berbagi dengan orang lain lewat beberapa sosial media yang ada. Salah satu contohnya yaitu Facebook. Jika sobat melihat langsung di bawah postingan artikel ini, terdapat kotak subscribe email (baca : Cara Membuat Kotak Subscribe Email) yang di atasnya terpasang widget sharing is sexy seperti yang dimaksud. Tampilannya begitu simple dan tentunya juga sangat irit tempat.

    Widget Sharing is Sexy

    Untuk versi lain dari Widget Sharing ini yaitu Widget Sharing Is Caring (baca : Cara Membuat Widget Sharing Is Caring). Nah, dari pada kelamaan mendingan angsung saja, berikut adalah tutorial Cara Membuat Widget Sharing is Sexy :

    Silakan sobat menuju ke Tab Rancangan » Edit HTML, lalu pastekan kode di bawah ini tepat setelah kode ]]></b:skin>

    <style type='text/css'>
    div.sexy-bookmarks { height:54px;background:url(http://img709.imageshack.us/img709/57/sharing.png)  no-repeat left bottom;position:relative; width:540px }
    div.sexy-bookmarks  span.sexy-rightside { width:17px; height:54px;  background:url(http://img709.imageshack.us/img709/57/sharing.png)  no-repeat right bottom; position:absolute; right:-17px }
    div.sexy-bookmarks  ul.socials { margin:0 !important;padding:0 !important;  position:absolute; bottom:0;left:10px }
    div.sexy-bookmarks   ul.socials li { display:inline-block !important; float:left  !important;  list-style-type:none !important; margin:0 !important;  height:29px  !important; width:48px !important; cursor:pointer  !important; padding:0  !important }
    div.sexy-bookmarks  ul.socials a { display:block  !important; width:48px !important;  height:29px !important;f ont-size:0  !important; color:transparent  !important}
    .sexy-furl,   .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit,   .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious,   .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover,  .sexy-blinklist,  .sexy-blinklist:hover, .sexy-technorati,  .sexy-technorati:hover,  .sexy-facebook, .sexy-facebook:hover,  .sexy-twitter,  .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover,  .sexy-mixx,  .sexy-mixx:hover, .sexy-script-style,  .sexy-script-style:hover,  .sexy-designfloat, .sexy-designfloat:hover,  .sexy-syndicate,  .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {   background:url(http://img406.imageshack.us/img406/9198/sexyy.png)  no-repeat !important }
    .sexy-furl {  background-position:-300px top !important }
    .sexy-furl:hover  { background-position:-300px bottom !important }
    .sexy-digg  { background-position:-500px top !important }
    .sexy-digg:hover  { background-position:-500px bottom !important }
    .sexy-reddit  { background-position:-100px top !important }
    .sexy-reddit:hover  { background-position:-100px bottom !important }
    .sexy-stumble  { background-position:-50px top !important }
    .sexy-stumble:hover  { background-position:-50px bottom !important }
    .sexy-delicious  { background-position:left top !important }
    .sexy-delicious:hover  { background-position:left bottom !important }
    .sexy-yahoo {  background-position:-650px top !important }
    .sexy-blinklist  { background-position:-600px top !important }
    .sexy-blinklist:hover  { background-position:-600px bottom !important }
    .sexy-technorati  { background-position:-700px top !important }
    .sexy-technorati:hover  { background-position:-700px bottom !important }
    .sexy-myspace  { background-position:-200px top !important }
    .sexy-myspace:hover  { background-position:-200px bottom !important }
    .sexy-twitter  { background-position:-350px top !important }
    .sexy-twitter:hover  { background-position:-350px bottom !important }
    .sexy-facebook  { background-position:-450px top !important }
    .sexy-facebook:hover  { background-position:-450px bottom !important }
    .sexy-mixx  { background-position:-250px top !important }
    .sexy-mixx:hover  { background-position:-250px bottom !important }
    .sexy-script-style  { background-position:-400px top !important }
    .sexy-script-style:hover  { background-position:-400px bottom !important }
    .sexy-designfloat  { background-position:-550px top !important }
    .sexy-designfloat:hover  { background-position:-550px bottom !important }
    .sexy-syndicate  { background-position:-150px top !important }
    .sexy-syndicate:hover  { background-position:-150px bottom !important }
    .sexy-email  { background-position:-753px top !important }
    .sexy-email:hover  { background-position:-753px bottom !important }
    </style>
    

    Click Expand Template Widget (kanan atas). Tekan CTRL + F di keyboard, lalu ketik kode <data:post.body/>. Jika sobat sudah menggunakan read more, maka akan terdapat 2 kode <data:post.body/>. Letakkan kode dibawah ini setelah kode <data:post.body/> yang pertama

    <div  class='sexy-bookmarks'>
    <ul class='socials'>
    <li class='sexy-delicious'><a  expr:href='&quot;http://del.icio.us/post?url=&quot;  +  data:post.url + &quot;&amp;title=&quot; +  data:post.title'  target='_blank'/></li>
    <li  class='sexy-digg'><a expr:href='&quot;   http://digg.com/submit?url=&quot; + data:post.url +   &quot;&amp;title=&quot; + data:post.title'   target='_blank'/></li>
    <li  class='sexy-technorati'><a expr:href='&quot;   http://technorati.com/faves?add=&quot; + data:post.url +   &quot;&amp;title=&quot; + data:post.title'   target='_blank'/></li>
    <li  class='sexy-reddit'><a expr:href='&quot;   http://www.reddit.com/submit?url=&quot; + data:post.url +   &quot;&amp;title=&quot; + data:post.title'   target='_blank'/></li>
    <li  class='sexy-stumble'><a expr:href='&quot;   http://www.stumbleupon.com/submit?url=&quot; + data:post.url +   &quot;&amp;title=&quot; + data:post.title'   target='_blank'/></li>
    <li  class='sexy-designfloat'><a  expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;   + data:post.url + &quot;&amp;title=&quot; +   data:post.title' target='_blank'/></li>
    <li  class='sexy-facebook'><a expr:href='&quot;   http://www.facebook.com/sharer.php?u=&quot; + data:post.url +   &quot;&amp;title=&quot; + data:post.title'   target='_blank'/></li>
    <li  class='sexy-twitter'><a expr:href='&quot;   http://twitthis.com/twit?url=&quot; + data:post.url +   &quot;&amp;title=&quot; + data:post.title'   target='_blank'/></li>
    <li  class='sexy-furl'><a expr:href='&quot;   http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url +   &quot;&amp;title=&quot; + data:post.title'   target='_blank'/></li>
    <li  class='sexy-syndicate'><a href='http://feeds2.feedburner.com/ZonaUnlimited' title='Subscribe to  RSS'/></li>
    <li class='sexy-email'><a  expr:href='&quot;  mailto:?subject=&quot; + data:post.url +   &quot;&amp;title=&quot; + data:post.title'   target='_blank'/></li>
    </ul>
    <span  class='sexy-rightside'/></div>
    

    Kemudian Simpan Template.

    Selengkapnya →

    Kamis, 24 November 2011

    Cara Memodifikasi Tampilan Facebook Fans Page

    Facebook merupakan situs jejaring sosial terbesar di dunia. Facebook merupakan sebuah website yang menyediakan sarana dan prasarana untuk orang-orang di seluruh dunia untuk berbagi. Kalau kita amati, Facebook memang pantas menjadi jejaring sosial terbesar karena Facebook memberikan fitur-fitur yang bagus, keren dan menawan.

    Salah satu fitur yang Facebook berikan yaitu Facebook Fans Page. Facebook Fans Page berfungsi memberikan halaman tersendiri untuk para member. Facebook Fans Page ini bisa di bilang Grup. Dengan Facebook Fans Page kita bisa berbagi dengan orang-orang di dunia namun terbatas pada orang yang melakukan Like pada halaman anda tersebut.

    Nah, untuk para blogger sendiri Facebook Fans Page merupakan hal yang tidak asing lagi. Sebagian besar blogger telah memasang widget Facebook Fans Page ini di blog mereka. Tampilan Facebook Fans Page ini sendiri sudah sangat menawan, tetapi kadang kurang sesuai dengan blog kita. Untuk itu kita harus memodifikasinya supaya bisa cocok di blog kita.

    Jika anda belum memasangnya, ikuti Langkah-Langkah di bawah ini untuk memasangnya :

    1. Login ke akun blogger Anda
    2. Masuk ke Tab Rancangan » Elemen Halaman
    3. Kemudian, click Tambah Gadget
    4. Masukkan code di bawah ini di kotak munculan :
    <iframe src="http://www.facebook.com/plugins/likebox.php?id=ID-Halaman&amp;width=300&amp;connections=5&amp;stream=false&amp;header=true&amp;height=200" scrolling="no" frameborder="0" style="overflow:hidden; width:300px; height:190px;" allowtransparency="true"></iframe>
    Keterangan :
    Kode berwarna Merah : ganti dengan ID Halaman Kamu
    Kode berwarna Orange : untuk mengatur lebar Facebook Fans Page
    Kode berwarna Hijau : untuk mengatur tinggi/panjang Facebook Fans Page
    Kode berwarna Ungu : untuk mengatur berapa banyak Fans yang akan di tampilkan
    Kode berwarna Pink/Magenta : untuk mengatur stream. Ganti True jika anda ingin menampilkannya
    Kode berwarna Coklat : untuk mengatur header Facebook Fans Page. Jika anda ingin menghilangkannya, ganti kodenya dengan False

    5. Click Simpan

    Nah, dan untuk mengeditnya mudah sekali. Ganti kode FB Fans Page yang lama dengan kode di bawah ini :

    <iframe src="http://www.facebook.com/plugins/likebox.php?id=ID-Halaman&amp;width=300&amp;connections=5&amp;stream=false&amp;header=true&amp;height=200" scrolling="no" frameborder="0" style="background: none repeat scroll 0% 0% #e8f0f9; border: 1px solid #abd2e9; overflow:hidden; width:300px; height:200px;" allowtransparency="true"></iframe>

    Sebetulnya anda cukup menambahkan kode berwarna merah di atas ke kode Facebook Fans Page anda yang lama.

    Nah, sekian tutorial saya kali ini. Semoga bermanfaat :D

    Selengkapnya →

    Minggu, 26 Juni 2011

    Cara Membuat Widget Related Post / Artikel Terkait di Sidebar

    Pada kesempatan kali ini saya ingin membagikan tutorial mengenai cara membuat related post atau artikel terkait. Widget related post ini sendiri merupakan widget yang ada di blog saya ini juga. Lebih jelasnya silahkan tengok ke kanan (sidebar). Nah, kurang lebih widget yang akan saya berikan kali ini seperti itu.


    Di atas merupakan screen shoot widget related post yang saya ambil dari blog sebelah. hihihi Nah, bagaimana. Kerenn bukan. Anda sudah tidak sabar ingin memasangnya, okelah langsung cekidot ke langkah-langkahnya :

    1. Login ke Blogger

    2. Klik Tab RancanganEdit Html

    3. Tekan CTRL + F dan masukkan kode ]]></b:skin>

    4. Letakkan kode di bawah ini di atas kode di atas :
    #related-post {
    background: none repeat scroll 0% 0% blue;
    border: 1px solid blue;
    width:300;
    color:#fff;
    padding-left:4px;
    padding-right:4px
    }

    5. Masih di Edit Html, tekan CTRL + F lagi dan masukkan kode </head>

    6. Letakkan kode di bawah ini di atas kode di atas :
    <script type='text/javascript'>
    //<![CDATA[
    var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(){var b=Math.floor((relatedTitles.length-1)*Math.random());var a=0;document.write("<ul>");while(a<relatedTitles.length&&a<30){document.write('<li><a title="'+relatedUrls[b]+'" href="'+relatedUrls[b]+'">'+relatedTitles[b]+"</a></li>");if(b<relatedTitles.length-1){b++}else{b=0}a++}document.write("</ul>")};
    //]]>
    </script>

    7. Setelah itu Simpan

    Setelah proses di atas selesai, silahkan ikuti instruksi di bawah ini :

    1. Buka Tab RancanganElemen Halaman

    2. Click Tambah Gadget (pilih bagian sidebar) → HTML / Javascript

    3. Masukkan kode di bawah ini di kotak munculan :
    <div id='related-post'>
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </div>

    4. Setelah itu, click Simpan dan lihat hasilnya. Kalau berhasil jangan lupa pencet tombol Share di atas

    Selengkapnya →

    Sabtu, 25 Juni 2011

    Cara Mengganti Template di Blogspot

    Sekilas tentang template blog, Template website atau blog adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template.

    Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan keinginan. Selain itu, anda dapat pula mengunduh atau mendownload template blogger gratis dari penyedia template blogger. Namun, jika anda menggunakan template gratis, syarat yang harus ditaati adalah tidak boleh menghapus atau menghilangkan credit link dari pembuat template tersebut. Dengan tidak membuang link credit pembuat template, itu adalah sebagai apresiasi atas kerja keras mereka dalam menyediakan template secara gratis.

    Langsung ke topik utama, Cara mengganti template di blogspot atau blogger ada dua cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template. kita. Berikut ulasannya :

    Mengganti Template dengan Template yang disediakan blogger
    Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:
    1. Silahkan login ke blogger dengan ID anda.
    2. Klik Rancangan.
      rancangan
    3. Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger.
      perancang template
    4. Klik pada pilihan template yang tersedia (saat tartikel ini ditulis template yang terdia berjumlah 6 template). Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template,  klik APPLY TO BLOG.
      blogger template designer
    5. Selesai.
    Mengganti Template dengan template dari penyedia template
    Berikut cara-cara untuk mengganti template dengan template dari penyedia template :
    1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. (http://zonaunlimited.blogspot.com/)
    2. File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip.
      ekstrak template
    3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
    4. Silahkan login ke blogger dengan ID anda.
    5. Klik Rancangan.
      rancangan
    6. Klik menu Edit HTML.
      edit html
    7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
      download template lengkap
    8. Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.
      unggah template
    9. Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET.
      pertahankan-widget
    10. Selesai.

    Kini tampilan blog anda  lebih terasa fresh dibanding sebelumnya Winking
    Selamat mencoba!

    Selengkapnya →

    Kamis, 23 Juni 2011

    Memodifikasi Tampilan Template "Bloggerpedia 007 Style Template"

    ==================================================================

    .::MOHON MAAF, ARTIKEL INI TELAH DITUTUP::.

    ==================================================================

    Bloggerpedia 007 Style Template merupakan template hasil kreasi saya dengan melakukan kloning template O-Om.com . Ya, o-om.com memang merupakan blog yang sangat populer. Hampir para semua blogger di Indonesia kenal dengan blog o-om.com . Sebagian besar dari mereka menyukai blog o-om.com dikarenakan blog tersebut mempunyai tampilan (template) yang sangat menawan.

    Nah, pada kesempatan kali ini saya ingin memberikan arahan untuk memodifikasi template kloningan saya tersebut agar mempunyai tampilan hampir seperti blog ini / blog o-om.com. Dalam template hasil kloningan saya tersebut memang sudah saya sertakan semua widget seperti blog ini namun dikarenakan blogger menggunakan id untuk setiap widget maka jika ada id widget yg sama dari template hasil kloningan saya tersebut maka otomatis tidak akan bisa muncul.

    Nah, langsung saja cekidot :
    1. Tentunya login ke akun blogger sobat
    2. Masuk Tab Rancangan » Elemen Halaman
    3. Buka link-link artikel di bawah ini dan ikuti tutorial dari masing-masing artikel :

    4. Nah, setelah semua artikel di atas sudah sobat terapkan di blog sobat saya jamin tampilan blog sobat akan hampir menyamai tampilan blog saya / blog o-om.com.


    Nah, sekian tutorial saya kali ini. Semoga bermanfaat :D

    Selengkapnya →

    Minggu, 15 Mei 2011

    Membuat Widget Recent Post Slider

    Dalam tempo 2 tahun terakhir ini, saya rasa kualitas artikel blog dengan berplatform blogspot semakin menurun drastis. Sebenarnya bukan menurun kualitasnya, tetapi posisi di search engine. Kebanyakan hasil dari mesin pencari yaitu blog yang berplatform Wordpress dan parahnya lagi blog itu adalah blog AGC ( baca : Blog Auto Generate Content ). Seandainya saya itu pemilik Google, sudah saya musnahkan tuh semua blog AGC dari hasil search Google.

    ZonaUnlimited, Widget Recent Post Slider

    Nah, dari pada bahas blog AGC yang nggak jelas mending kita coba buat artikel yang bisa nandingin blog AGC di SE. Pada tutorial kali ini, saya akan memberikan sedikit tutorial Cara Membuat Widget Recent Post dengan Slider di blogspot. Karena widget Recent Post merupakan salah satu widget yang sangat penting pada suatu blog (baca : Widget Penting Yang Harus Dimiliki Sebuah Blog), maka saya sangat menyarankan anda untuk memasangnya di blog anda. Untuk membuatnya cukup simple, ikuti langkah-langkahnya di bawah ini :
    1. Login ke blogspot
    2. Buka Tab Rancangan » Tata Letak / Elemen Halaman
    3. Click Tambah Gadget
    4. Kemudian pilih HTML/JavaScript
    5. Masukkan kode di bawah ini :

      <style type="text/css">
      #rp_plus_img{height:212px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;}
      #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
      #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
      #rp_plus_img li{height:60px;padding:5px;list-style:none;}
      #rp_plus_img a{color:blue;}
      #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;color:blue;}
      #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
      #rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
      </style>
      <script type="text/javascript" src="hhttp://the-killermedia.googlecode.com/files/rpplusimgnt-v1.js.txt"></script>
      <script type="text/javascript">
      var speed = 800;
      var pause = 2500;
      $(document).ready(function(){
      rpnewsticker();
      interval = setInterval(rpnewsticker, pause);
      });
      </script>
      <ul id="rp_plus_img">
      <script style="text/javascript">
      var numposts = 10;
      var numchars = 50;
      </script>
      <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>
    6. Kemudian, click Simpan.
    Setelah ke 5 point di atas selesai, ikuti langkah-langkah berikutnya di bawah ini :

    1. Login ke blogspot
    2. Buka Tab Rancangan » Edit HTML
    3. Tekan Ctrl + F dan tulis ]]></b:skin>
    4. Kemudian letakkan kode di bawah ini di bawah ]]></b:skin> :

      <script>
      function split_date(d){
      var da = d.split(&#39; &#39;);
      day = &quot;<strong class='day'>&quot;+da[0]+&quot;</strong>&quot;;
      month = &quot;<strong class='month'>&quot;+da[1].slice(0,3)+&quot;</strong>&quot;;
      document.write(day+month);
      }
      </script>
      <link href='http://www.blogger.com/static/v1/widgets/119427095-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
      <!-- Jquery library -->
      <script src='http://www.google.com/jsapi?autoload=%7B%22modules%22+%3A+%5B%7B%22name%22+%3A+%22jquery%22%2C%22version%22+%3A+%221.4.2%22%7D%5D%7D' type='text/javascript'/>
      <!-- End Jquery library -->
      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    5. Setelah itu, click simpan.

    Semoga tutorial kali ini bisa bermanfaat!!

    Selengkapnya →

    Kamis, 28 April 2011

    Tata Cara Tukeran Link di Blog Ini

    Zonaunlimited, Tukeran Link di Blog
    Pada posting saya kali ini, saya berpikir untuk mengajak sobat para blogger untuk bertukaran link dengan saya. Tukaran link merupakan salah satu cara untuk mendongkrak blog kita di mata search engine seperti Google. Semakin banyak sobat bertukaran link, maka dapat dipastikan blog anda akan menjadi blog yang terkenal. Menurut beberapa pakar blog, tukaran link merupakan suatu hal yang wajib jika sobat ingin membangun sebuah blog maupun website.

    Bagi anda yang berminat untuk tukeran link, WAJIB membaca tata cara untuk tukeran link ini!

    Cara Tukeran Link
    • Anda pertama-tama harus menCOPAS code di bawah ini :

    • Kedua, setelah itu Tempatkan kode di atas di halaman Bagian Exchange Link Blog Anda Atau Kalau tidak di sidebar ( bagian samping blog namanya sidebar, bagi yang belum tau sidebar ). Tempatkan di tempat yang Lazim Selazim-Lazimnya okay.
    • Ketiga, anda cukup memberikan suatu komentar di bagian bawah postingan ini! Ingat, hanya dibawah artikel ini saja. Yang cukup anda berikan di kotak komentar yaitu :
      Misalnya :

      Nama Blog Saya : ZonaUnlimited
      Tempat Menaruh : Sidebar Blog
      Alamat Linknya : http://zonaunlimited.blogspot.com/

      Nah, hanya itu saja dan setelah itu.....
    • Keempat, saya akan langsung mengecek apakah link saya sudah ditaruh dengan benar di bLog anda, jika sudah benar saya pasti akan langsung me-linkback atau menaruh link blog anda di bagian Exchange Link.
    • Kelima, Saya berharap Anda bisa sabar dalam menunggu Link Anda ditampilkan di sidebar blog ini! Saya sangat menghargai kesabaran anda karena saya juga manusia pasti butuh makan, butuh tidur, butuh belajar, butuh berpergian, dll! So, intinya anda harus BERSABAR!


    Nah, mudah kan caranya! Tunggu Apalagiiiiiiiii....,! Buruan anda mendaftarkan Link Anda Disini karena anda dijamin tidak akan rugi karena 100% GRATIS & SAYA JAMIN AKAN SALING MENGUNTUNGKAN bagi Kita!

    Selengkapnya →

    Sabtu, 23 April 2011

    Cara Mendaftarkan Blog di Ask.Com

    Ask.com adalah salah satu search engine yang ada di dunia maya. Ask.com sama fungsinya seperti Google, Yahoo!, Bing, dll. Dan Anda pun juga bisa mendaftarkan blog anda ke Ask.com seperti search engine lainnya. Bagi Anda yang ingin mendaftarkan blog Anda di Ask.com, silahkan masukkan URL dengan format berikut ini di address bar Anda lalau tekan Enter.

    http://submissions.ask.com/ping?sitemap=http://alamatsitemapblogAnda.xml

    Untuk blogspot, silahkan Anda masukkan url berikut ini:
    http://submissions.ask.com/ping?sitemap=http://www.alamatbloganda.blogspot.com/rss.xml

    dan agar lebih optimal, submit juga:
    http://submissions.ask.com/ping?sitemap=http://www.alamatbloganda.blogspot.com/atom.xml

    Zonaunlimited, Ask.com Screen Shoot Page

    Jika sukses, maka akan ada pesan sukses Your Sitemap Submission Was Successful. Semoga postingan ringan ini bermanfaat untuk Anda. Saya sangat merekomendasikan anda untuk membaca artikel SEO yang bermanfaat di blog ini. Semoga bisa membantu. Trims

    Selengkapnya →
     
    Valid XHTML