Senin, 30 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com

Tips Merawat Blog WordPress Bagian 1

Posted: 30 Aug 2010 05:38 AM PDT

images1 Tips Merawat Blog Wordpress Bagian 1Merawat blog mungkin bukan lah hal yang wajib atau harus, tapi tidak ada salahnya anda merawat blog yang selama ini sudah menemani karir anda sebagai seorang blogger di dunia blogsphere ini. Beragam cara yang bisa anda lakukan untuk merawat blog anda, dari cara yang paling mudah hingga cara yang sedikit susah. Salah satu cara yang mudah adalah dengan anda selalu rajin membersihkan post revision dari hasil anda membuat sebuah postingan, setiap kali anda membuat sebuah artikel pasti akan menghasilkan beberapa post revision bahkan puluhan untuk anda yang sering menekan tombol Preview.

Post revision adalah postingan yang di edit atau di modifikasi yang tidak berguna/terpakai tetapi tersimpan di dalam database

Post revision adalah postingan yang di edit atau di modifikasi yang tidak berguna/terpakai tetapi tersimpan di dalam database anda dan akan ikut ter-load bersamaan dengan halaman blog anda. Ketika post revision sudah mencapai ratusan, sudah pasti akan menambah lambat loading blog anda. Tahukah anda akan hal ini ?

Cara saya menghapus post revision ini dengan menggunakan plugin wp-Cleanup, anda bisa membaca penjelasan saya pada artikel Bersihkan Database WordPress Dari Hal Yang Tidak Berguna. Atau optional yang lain, anda bisa menggunakan plugin wp-Optimize, plugin wp-Optimize ini selain bisa menghapus post revision dari database anda, plugin ini pun dapat mengoptimalkan kerja dari database blog anda.

Semoga tips merawat blog wordpress bagian 1 ini bermanfaat untuk anda, selamat mencoba.

Tips Merawat Blog WordPress ini akan berlanjut, untuk itu agar anda tidak ketinggalan artikel-artikel terbaru dari saya, silahkan berlangganan artikel saya melalui Rss Feed atau melalui email

Original post from :
Tips Merawat Blog WordPress Bagian 1
Tutorial Tips WordPress | Margasatrya.com

Diposting oleh di Tidak ada komentar:

Sabtu, 28 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com

20 Tools Blogging Untuk Membantu Kegiatan Blogging Anda

Posted: 28 Aug 2010 04:49 AM PDT

blogging tools 20 Tools Blogging Untuk Membantu Kegiatan Blogging Anda

blogussion.com

Selama anda menjalani kegiatan bloggging, pastilah anda banyak di mudahkan oleh tools-tools blogging baik yang free maupun yang premium :mrgreen: . Banyak sekali tools-tools blogging yang bisa anda gunakan untuk membantu kegiatan blogging anda, tapi anda harus bisa memilih tools yang benar-benar efisien dan efektif dari segi fungsionalnya. Maksudnya tidak sulit digunakan dan anda merasa sangat terbantu oleh tools tersebut.

Saya pun seperti itu, saya selalu mencari tools-tools untuk menunjang kegiatan blogging saya yang secara fungsional sangat membantu. Berikut tools-tools blogging bisa anda gunakan untuk kepentingan kegiatan anda dalam dunia blogging.

Feed Reader

Feed reader adalah tools untuk membaca artikel sebuah blog melalui feed blog tersebut, sehingga kita tidak perlu berkunjung ke blog yang bersangkutan untuk membaca artikel terbarunya. Namun walaupun saya sudah menggunakan feed reader ini, saya tetap berkunjung dan berkomentar :mrgreen: . Ada beberapa feed reader yang bisa anda coba :

  1. Google Reader Google reader adalah salah satu fasilitas gratis dari google, anda hanya tinggal login menggunakan akun google anda, kemudian anda sudah bisa memasukan daftar feed blog-blog yang anda mau.
  2. Feedly Feedly adalah sebuah add ons Firefox, untuk penjelasan lebih detil bisa anda baca di sini
  3. FeedDemon Inilah sebuah software feed reader yang saya gunakan selama ini, saya cukup nyaman menggunakannya, selain navigasi yang mudah, dengan feedDemon ini kita bisa berselancar mengunjungi blog teman-teman tanpa harus membuka browser. Penjelasan feedDemon bisa anda baca di blognya bli Budiastawa.

Source Code Editor

Source code editor adalah tools untuk membuat/mengedit kode-kode, baik itu kode HTML, CSS maupun Javascript. Ada beberapa tools gratis yang bisa anda gunakan, premium juga ada sih sebenarnya tapi bajakan :lol:

  1. Notepad ++ Notepad++ sudah lama sekali saya menggunakan tools ini, awal mula saya belajar coding menggunakan Dreamweaver, tapi selain dreamweaver itu tools premium :mrgreen: , dengan keadaan laptop saya yang masih menggunakan Intel Celeron, cukup berat ketika digunakan. Ketika mencoba notepad++ lebih enteng, akhirnya saya jadi ketagihan menggunakan notepad++.
  2. NetBeans IDE 6.9.1 Saya sangat mengagumi software yang satu ini, dari plugin, community, tutorial semuanya ada dan lengkap sehingga memudahkan kita untuk menggunakan software tersebut. Tapi sayangnya saya bisa menggunakan software ini bila sedang di warnet atau di kompi teman saja, karena cukup berat bila di gunakan di laptop saya :(
  3. jEdit Untuk tools yang satu ini saya belum pernah mencobanya, tapi sepertinya cukup bagus berhubung jEdit ini di sandingkan dengan notepad++ di sebuah situs Code Editor.

Tempat Penyimpanan File -  Sharing File

Tempat penyimpanan file disini maksudnya, tempat anda menyimpan file yang bisa di download oleh pembaca/pengujung blog anda(sharing file).  Namun ingat, bukan tempat sharing file seperti Rapidshare, ziddu atau 4share yang mengharus pen-download reguler menunggu selama waktu yang ditentukan. Ada 2 tempat penyimpanan file yang biasa saya gunakan.

  1. Box.net Box.net adalah tempat sharing file yang aman dan nyaman, mengapa nyaman ? karena tidak ada waktu menunggu ketika ada yang mau mendownload file anda. Selain itu box.net ini sudah support HTML 5, anda hanya tinggal drag file anda menuju situs box.net tersebut. Keren deh ! :mrgreen:
  2. Dropbox(referall link) Dropbox prinsipnya sama seperti dengan box.net, tapi ada yang menarik, mengapa saya menyisipkan link referall ? Ketika anda mendaftarkan diri di dropbox maka anda akan langsung mendapatkan space 2 Gb untuk menyimpan file anda, namun apabila ada yang mendaftar di bawah link anda, anda akan mendapatkan space tambahan sebesar 250mb untuk 1 orang pendaftar di bawah link anda, so, anda mau daftar melalui link saya atau pun tidak, tidak menjadi masalah buat saya :) .

Tempat Menyimpan Username dan Password

Saya yakin bila anda seorang blogger aktif maupun seorang pebisnis online aktif pastilah memiliki banyak akun yang menggunakan username dan password. Apakah anda mengingat semua username dan password dari masing-masing akun yang berbeda tersebut ? Kalo anda termasuk seseorang yang pelupa sebaiknya anda menggunakan tools tambahan untuk menyimpan seluruh username dan password anda. Ada 2 tools yang saya tahu dan patut untuk di coba :

  1. Mitto Mitto adalah tools online tempat anda menyimpan username dan password anda secara aman. Sudah lama saya menggunakan ini, sangat bermanfaat sekali, apalagi ketika saya berselancar/berinternet di warnet atau menggunakan kompi teman. Proses login ke semua akun saya, baik itu email, blog dll tidak tersendat karena lupa username atau password.
  2. KeePass KeePass ini adalah sebuah software penyimpan password, sebenarnya sih setelah saya coba sama seperti mitto, bisa menyimpan username juga :mrgreen: . Software ini baru saya pakai kemarin, untuk mengetahui lebih jauh mengenai software ini silahkan anda baca di blognya hakkyrohman.com, karena saya pun tahu software ini dari blog beliau.

Social Media

Tools social media tentu sangatlah penting untuk anda yang candu akan gemerlap dunia social media (lebay) :lol: . Tools untuk social media ini sangatlah beragam, dari mulai menggunakan aplikasi adobe air, software chat yang bisa multi fungsi sebagai social media tools, add ons firefox, extension chrome, dll. Berikut beberapa tools untuk menunjang jenjang karir anda di dunia social media :mrgreen: :

  1. Echofon Echofon ini adalah add ons firefox yang fungsinya agar anda bisa selalu mengtahui perkembangan twitter anda tanpa harus membuka situs twitternya. Salah satu tools favorit saya :D
  2. 5 aplikasi adobe air untuk maniak twitter dan Facebook Sudah di tulis oleh sahabat saya, kakak saya mba nunik :mrgreen: , silahkan anda baca di blognya beliau.
  3. Digsby Digsby ini menurut saya salah satu tools yang sangat lengkap. Dengan digsby anda bisa membuka Yahoo Messengger, facebook, twitter dan masih banyak lagi. Bisa anda baca di situs resminya untuk lebih jelasnya.
  4. NimBuzz Tidak jauh berbeda dengan digsby, tapi saya belum pernah menggunakan ini. Silahkan bila ingin mencobanya :D

Tools Mengecek Backlink

Anda bisa menggunakan beberapa tools di bawah ini untuk mengecek backlink blog anda.

  1. Backlinkwatch Biasanya saya cek backlink disini, tapi terkadang situs ini error begitu di buka.
  2. Analyzebacklinks Prinsipnya sama saja dengan backlinkwatch.
  3. Popuri.us Sangat lengkap menurut saya, alexa, google backlink, yahoo backlink dll. Silahkan anda coba.

Tools Mengecek Virus Di Blog

Ada beberapa tools untuk mengecek apakah ada virus atau tidak di blog anda, namun sayangnya untuk membasmi virus-virus bila ada pada blog, belum saya temukan caranya. Mungkin teman-teman ada yang mengetahui caranya ? Berikut tools untuk mengecek virus di blog :

  1. AVG Online Web Page Scanner
  2. URLVoid
  3. Online Link Scan

Semoga 20 tools blogging yang sudah saya tuliskan diatas dapat membantu kegiatan blogging anda. Selamat mencoba dan semoga bermanfaat.

Original post from :
20 Tools Blogging Untuk Membantu Kegiatan Blogging Anda
Tutorial Tips WordPress | Margasatrya.com

Diposting oleh di Tidak ada komentar:

Jumat, 27 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com

Rss Footer – Plugin Multi Guna

Posted: 26 Aug 2010 11:36 PM PDT

rss footer Rss Footer Plugin Multi Guna

Image © by me

Plugin ini sekarang sudah masuk ke dalam daftar plugin yang saya favoritkan, walaupun saya baru beberapa hari menggunakan plugin ini tapi manfaatnya sangat besar untuk saya pribadi. Fungsi utama dari plugin ini adalah anda bisa menyisipkan tulisan atau link di bawah artikel yang muncul di rss feed blog anda.

Sebenarnya pertama kali saya berminat menggunakan plugin ini adalah sewaktu mas Adi (rismaka.net) menyarankan saya menggunakan plugin ini karena saya saat itu sedang terbelit masalah pencurian feed blog saya kemudian di publish secara otomatis oleh orang-orang yang tidak bertanggung jawab. Setelah saya pikir-pikir, benar juga kenapa saya tidak memanfaatkan orang-orang yang tidak bertanggung jawab tersebut untuk mendapatkan backlink gratis :mrgreen: .

Rss footer bisa mengamankan artikel anda ketika feed blog anda di curi, yaitu dengan menyisipkan link menuju artikel dan homepage

Backlink ? Bagaimana caranya ? Untuk anda yang sudah berlangganan artikel saya baik melalui email maupun melalui rss feed blog saya silahkan lihat di bawah artikel yang masuk ke email atau tools reader lainnya yang anda gunakan untuk berlangganan artikel saya. Yaaa, saya setting setiap artikel yang muncul di rss akan ada anchor text menuju artikel yang bersangkutan dan link menuju homepage saya :mrgreen: . Silahkan anda lihat http://himmi.net, lumayan saya bisa kebanjiran backlink dari setiap artikelnya :D .

Karena itulah saya sebut plugin Rss Footer ini multi guna, selain bisa menyisipkan tulisan atau link, anda juga bisa mengamankan artikel anda ketika feed blog anda di curi, setidaknya anda bisa melakukan cara yang sama dengan saya yaitu dengan menyisipkan link menuju artikel dan homepage.Bagi pebisnis, anda juga bisa menyisipkan link atau tulisan promosi produk anda menggunakan plugin ini.

Artikel ini bukanlah tutorial ! Tapi saya ucapkan selamat mencoba bagi yang ingin mencobanya :mrgreen:

Original post from :
Rss Footer – Plugin Multi Guna
Tutorial Tips WordPress | Margasatrya.com

Diposting oleh di Tidak ada komentar:

Rabu, 25 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com

Security WordPress : Cara Mengganti Username “Admin” Anda Melalui phpMyAdmin

Posted: 25 Aug 2010 11:25 AM PDT

admin Security Wordpress : Cara Mengganti Username Admin Anda Melalui phpMyAdminSalah satu yang sering menjadi kesalahan pengguna wordpress adalah menggunakan username “admin”, tahukan anda bahwa dengan menggunakan username tersebut anda sudah membuka celah keamanan blog anda sendiri dan memudahkan pekerjaan para hacker.
Apa anda salah satu dari pengguna wordpress yang menggunakan username “admin” untuk login ke dashboard ? Sebaiknya anda ganti sekarang juga ! Silahkan ikuti step by step berikut ini

  1. Pertama login terlebih dahulu ke cpanel anda.
  2. Setelah itu anda cari menu Databases, lalu klik phpMyadmin

    phpmyadmin1 Security Wordpress : Cara Mengganti Username Admin Anda Melalui phpMyAdmin

  3. Setelah anda masuk ke halaman phpMyadmin, lihat sebelah kiri atas anda, kemudian anda klik nama database yang anda gunakan untuk blog anda*.
  4. Anda akan di bawa ke halaman dimana ada table-table dari database tersebut.

    table databse Security Wordpress : Cara Mengganti Username Admin Anda Melalui phpMyAdmin

  5. Kemudian anda pilih table wp_users, klik tombol tepat disebelah tulisan wp_users, lihat gambar.

    table databse1 Security Wordpress : Cara Mengganti Username Admin Anda Melalui phpMyAdmin

  6. Di halaman ini anda sudah bisa melihat username admin, klik tombol/icon pensil.

    admin1 Security Wordpress : Cara Mengganti Username Admin Anda Melalui phpMyAdmin

  7. Langkah terakhir, anda tinggal mengganti username admin tersebut, setelah selesai klik tombol GO. Anda bisa mengkombinasikan username dengan angka, huruf atau simbol.

    admin3 Security Wordpress : Cara Mengganti Username Admin Anda Melalui phpMyAdmin

Selamat mencoba dan semoga bermanfaat !

* : nama database bisa anda lihat pada file wp-config.php yang ada di dalam root, satu tempat dengan wp-admin, wp-content dan yang lainnya.

Original post from :
Security WordPress : Cara Mengganti Username “Admin” Anda Melalui phpMyAdmin
Tutorial Tips WordPress | Margasatrya.com

Tutorial Cara Membuat Iklan Melayang Dengan Tombol Close 1 kali

Posted: 24 Aug 2010 10:17 PM PDT

floating ads1 Tutorial Cara Membuat Iklan Melayang Dengan Tombol Close 1 kali

Artikel hari ini merupakan artikel request dari seseorang yang mengirimkan email pada saya kemarin. Nama beliau adalah taurida, beliau bertanya bagaimana caranya membuat iklan melayang atau Floating Ads. Iklan melayang ini, saya bahkan teman-teman pasti sering jumpai di beberapa blog project traffic, maksudnya sebuah blog yang dibuat hanya untuk kepetingan traffic dengan tema blog yang hanya berupa sesuatu yang aneh, lucu, menarik , dan lain lain.

Untuk anda pengguna platform blogger silahkan lihat cara menggunakan script floating ads ini di dhaniels.com, saya pun mendapatkan kodenya di blog tersebut. Bagi pengguna wordpress silahkan ikuti cara-cara berikut.

  1. Buka file style.css anda, kemudian copykan kode css di bawah ini. Copykan saja pada baris terakhir. 
    #topbar{ position:absolute; border: 2px red; padding: 2px; background-color: transfarent; width: 700px; visibility: hidden; z-index: 100; }

    Untuk line 5 dan 6 bisa anda sesuaikan dengan keinginan anda masing-masing.

  2. Selanjutnya, anda buka Notepad kemudian copykan script dibawah ini 
    <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 30 //set x offset of bar in pixels var startY = 5 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom" function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script>

    Setelah itu save, beri nama iklan.js

  3. Setelah itu anda upload file iklan.js tersebut ke dalam folder template yang sedang anda gunakan.pulic_HTML/wp-content/themes/templateanda
  4. Lalu anda buka file header.php, masukan kode di bawah sebelum tag < ? php wp_head(); ? >(tanpa spasi) 
    <script language="JavaScript" type="text/javascript" src="<?php bloginfo('template_url'); ?>/iklan.js"></script>
  5. Langkah selanjutnya masih di file header.php, cari tag < body >(tanpa spasi) kemudian copykan script di bawah simpan di bawah tag body tersebut. 
    <div class="clear"></div> <div id="topbar"> <a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>X</button></span></a><a style="font-weight: bold; color: black(51, 255, 51);"> << CLOSE </a><p><a style="font-weight: bold; color: black(51, 255, 51);" title="cara mudah dapatkan uang dari internet">Iklan sponsor blog ini</a>  </p><center><strong>Script Iklan Anda</strong></center>  <p></p><p></p></div>

Untuk demo dan tutorial jelasnya bisa anda baca di http://www.dhaniels.com/. Kemudian, agar tombol close harus di klik 2 kali, silahkan baca tutorialnya di http://ecaknyo.blogspot.com/, prinsip penggunaan pada wordpress sama dengan yang sudah saya paparkan di atas.

Original post from :
Tutorial Cara Membuat Iklan Melayang Dengan Tombol Close 1 kali
Tutorial Tips WordPress | Margasatrya.com

Diposting oleh di Tidak ada komentar:

Senin, 23 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Cara Membuat Multi Scroll Page w/ Jquery

Posted: 23 Aug 2010 11:00 AM PDT

jquery logo png Tutorial Cara Membuat Multi Scroll Page w/ Jquery

Jquery.com

Artikel kali ini sebenarnya tidak jauh berbeda dengan artikel saya Tips Sederhana : Membuat Link Back To Top, hanya saja tutorial kali ini menggunakan Jquery dan memberikan sentuhan lembut ketika di klik. Dan bukan hanya untuk back to top saja yang bisa di beri efek seperti itu, oleh karena itu saya menulis pada judulnya Multi Scroll Page.

Mas ardianzzz sebenarnya sudah menulis tehnik ini di kolom komentar disini, tapi agak berbeda codingnya dengan yang akan saya tulis sekarang. Oia, untuk contoh scroll page ini, teman-teman bisa mencoba link ini. Bagaimana ? Tertarik ? Kalau tertarik kita lanjut :mrgreen:

  1. Silahkan anda download terlebih dahulu script jquery.js
  2. Setelah anda download, sekarang anda harus mengakses cpanel blog anda. Upload jquery.js tadi ke dalam folder template yang anda gunakan sekarang.
  3. Setelah itu anda buka file header.php, copykan script di bawah ini tepat sebelum tag
    < / head > (tanpa spasi) 
    <script language="JavaScript" type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.js"></script>
  4. Kemudian anda copy juga script di bawah ini, di bawah script di atas yang baru saja anda copykan. 
    <script type='text/javascript'> $(document).ready(function(){ 	$(".scroll").click(function(event){ 		event.preventDefault();  		var full_url = this.href;  		var parts = full_url.split("#"); 		var trgt = parts[1];  		var target_offset = $("#"+trgt).offset(); 		var target_top = target_offset.top;  		$('html, body').animate({scrollTop:target_top}, 800); 	}); });  </script>

    Script ini artinya, setiap anchor text akan menghasilkan efek smooth atau lembut ketika di klik apabila di beri tambahan class="scroll"

  5. Contoh penggunaannya, sekarang anda buka file footer.php, biasanya di setiap template ada tulisan nama pembuat templatenya tersebut, tepat di sebelah nama pembuat template itu anda copy kan script di bawah ini. 
    <a href="#top" class="scroll">Back To Top</a>

    href="#top" merupakan lokasi yang dituju dari anchor text tersebut.

  6. Sekarang anda buka kembali file header.php, copy script di bawah tepat setelah tag
    < body >(tanpa spasi) 
    <span id="top"></span>

    Refresh halaman blog anda, kemudian anda coba klik link Back To Top yang ada di footer blog anda.

Berhasil ? Nah, bila sudah berhasil anda tinggal memberi sedikit style agar lebih rapi. Anda bisa menggunakan tehnik ini dimana saja, seperti misalkan saya menggunakannya pada tombol Go To Footer yang ada di sebelah kanan atas halaman blog saya. Selamat mencoba !

Sebagai catatan sedikit, apabila anda sudah mengikuti tutorial ini namun anchor text anda tetap tidak ada efek scroll nya, itu berarti ada javascript lain yang bertabrakan dengan jquerynya. Solusinya, coba anda matikan plugin yang mengandung javascript.

Referensi :
WebDevTuts
Bavotasan

Original post from :
Tutorial Cara Membuat Multi Scroll Page w/ Jquery
Tutorial Tips WordPress | Margasatrya.com

Ternyata “Thumbnail Image” 100% Valid XHTML

Posted: 23 Aug 2010 06:26 AM PDT

thumbnail image Ternyata Thumbnail Image 100% Valid XHTML

Terima kasih utnuk teman-teman yang sudah berkomentar di artikel saya yang kemarin. walaupun hanya beberapa orang saja yang berkomentar, tapi bagi saya sudah cukup menjadi refrensi untuk ke depannya. Saya juga mau mengklarifikasi kan mengenai masalah template saya ini. Mohon maaf sekali, template saya ini tidak akan saya free kan, mungkin teman-teman ada yang salah paham membaca tulisan saya kemarin :mrgreen: .

Klarifikasi yang kedua, adalah mengenai Thumbnail Image yang kemarin saya bilang tidak valid atau banyak menimbulkan error. Setelah saya coba menelusuri lebih jauh, ternyata ada sedikit bagian dari sistem thumbnail yang belum saya masukan :D . Sekarang pun blog saya ini sudah 100% valid XHTML (homepage only), anda bisa cek sendiri atau klik link yang ada pada  footer.

Blog ini hanya Valid 100% pada bagian homepage, karena pada bagian dalam/single terdapat beberapa element seperti facebook like yang tidak valid.

Kalau pun saya menghapus beberapa kode dari element-element yang ada pada bagian dalam agar bisa 100 % valid, untuk beberapa artikel pasti masih tetap ada error. Di karenakan saya selalu menggunakan property target="blank" pada link atau link image.

Untuk itu, semoga rencana reguler saya membuat free theme bisa terwujud. Kemarin saya masih ragu dengan sistem thumbnail yang banyak menimbulkan error. Tapi sekarang saya sudah bisa menemukan solusinya, dan mungkin saya akan menerapakan thumbnail image ini untuk template-template saya ke depannya.

Postingan ini hanyalah untuk meng-klarifikasikan pernyataan saya kemarin, mungkin karena ketidak telitian saya langsung mengeluarkan pernyataan tersebut. So, keep blogging !

Original post from :
Ternyata “Thumbnail Image” 100% Valid XHTML
Tutorial Tips WordPress | Margasatrya.com

Diposting oleh di Tidak ada komentar:

Minggu, 22 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com

Sistem “Thumbnail Image” Membuat Banyak Error Untuk Validitas

Posted: 22 Aug 2010 06:34 AM PDT

thumbnail image Sistem Thumbnail Image Membuat Banyak Error Untuk Validitas

Thumbnail adalah gambar dengan ukuran yang lebih kecil dari ukuran aslinya.

Apa itu Thumbnail ? Thumbnail adalah sebuah sistem resizer gambar secara otomatis yang bisa kita setting sesuai dengan yang kita butuhkan. Atau bahasa lebih mudahnya, thumbnail adalah gambar dengan ukuran yang lebih kecil dari ukuran aslinya. Sistem ini membutuhkan sebuah script tambahan bernama Thimbtumb script, dengan script tersebut anda bisa membuat sistem thumbnail untuk blog anda. Pada artikel ini saya tidak akan membahas bagaimana cara menggunakannya, mungkin lain kali akan saya tulis tutorialnya.

Pada template yang saya ini, saya banyak menggunakan sistem thumbnail tersebut. Anda bisa melihatnya di halaman homepage, pada sidebar yaitu pada recent post dan random post, kemudian pada bagian footer juga. Setelah saya cek validasi template ini di Validator, ternyata terdapat 133 Errors, 243 warning(s). Wow banyak banget !, lalu saya cek satu persatu errornya, ternyata karena sistem thumbnail ini.

Jujur, saya tidak mengetahui hal ini dan pengetahuan tentang hal ini pun masih sedikit, yang ternyata thumbnail banyak menimbulkan error untuk validitas. Tapi karena dari awal konsep template ini sudah seperti ini, saya tidak peduli mau seberapa banyak errornya :mrgreen: . Tapi untuk error-error yang lainnya ssedang saya perbaiki satu persatu.

Nah, karena hal ini lah, saya ingin mengetahui pendapat dari teman-teman semuanya. Seandainya saya memberikan template saya ini kepada teman-teman secara gratis. Apakah akan tetap digunakan seperti adanya dengan error yang banyak ? Atau teman-teman lebih memilih mencari template lain yang valid, baik dari segi HTML/xHTML maupun css nya ?

Silahkan tuangkan jawaban teman-teman beserta alasannya yah :) . Jawaban dari artikel ini juga sebagai bahan refrensi saya bila nanti mulai membuat free theme lagi. Happy Reading and Blogging

Original post from :
Sistem “Thumbnail Image” Membuat Banyak Error Untuk Validitas
Tutorial Tips WordPress | Margasatrya.com

Diposting oleh di Tidak ada komentar:

Sabtu, 21 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com

Tips Sederhana : Merubah Style Blogroll Menjadi 2 Kolom

Posted: 21 Aug 2010 05:28 AM PDT

blogroll Tips Sederhana : Merubah Style Blogroll Menjadi 2 KolomWidget blogroll sangat sering saya jumpai di hampir setiap blog yang saya jumpai, apabila link yang di pasang masih sedikit mungkin tidak akan mengganggu keberadaannya, namun, apabila link yang terpasang sudah banyak , widget blogroll ini akan memanjang ke bawah dan cukup mengganggu, serta membuat bagian sidebar blog anda penuh.

Solusi yang saya tawarkan adalah dengan membuat widget blogroll ini menjadi 2 kolom, sehingga bisa menghemat tempat di sidebar blog anda. Tidak terlalu sulit untuk merubah widget blogroll menjadi 2 kolom, anda hanya harus membuka file style.css pada template anda. Masih bingung cara membukanya ? baiklah, silahkan ikuti step by step caranya  di bawah ini

  1. Bila sudah login ke dashboard, silahkan anda pilih menu Appearance » Editor
  2. Kemudian anda lihat di sebelah kanan layar monitor anda, cari style.css , biasanya ada di bagian paling bawah.
  3. Kemudian anda masukan kode css berikut di dalam file style.css tersebut, untuk penyimpanan kodenya bisa anda taruh di mana saja, bisa paling bawah atau di tengah-tengah isi file style.css 
    ul.blogroll li{ float:left; width:135px; }
  4. Kolom 3 yang saya highlight, silahkan anda sesuaikan sendiri sehingga widget blogroll anda bisa menjadi 2 kolom.
  5. (Optional) Apabila ukuran width atau lebar sidebar anda 300px, kemudian anda menggunakan width:100px pada kode css yang saya berikan, dapat merubah widget blogroll menjadi 3 kolom. Tetapi harus bersih dari padding dan margin.

Tidak sulitkan :mrgreen: , selamat mencoba.
Diposting oleh di Tidak ada komentar:

Jumat, 20 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com

Redesign !

Posted: 20 Aug 2010 06:44 AM PDT

screenshot Redesign !Alhamdulilah rampung juga template ini, template ini saya buat khusus untuk blog-blog yang saya kelola, baik sekarang maupun nanti. Pengerjaan template ini cukup lama sekitar 1-2 mingguan, dalam waktu 1-2 minggu itu pula koneksi saya sedang kacau, langsung saja saya manfaatkan untuk membuat template ini :D .

Tema dari template ini lebih ke crowded atau ramai :mrgreen: , untuk anda yang kurang suka banyak link/navigasi pasti langsung kaburrr dari blog saya :lol: . Selama ini saya memang menginginkan tema template seperti ini, dari atas hingga bawah penuh terisi oleh konten maupun bagian dari blog.

Pada template ini saya menggunakan tehnik css sprite tapi ada beberapa bagian template yang saya pisah image/gambarnya karena tidak cocok apabila digabungkan dengan sprite gambarnya. Oia, saya beri nama template ini sesuai dengan nama domain blog ini sekaligus nama asli saya yaitu Marga Satrya, agak narsis sih :mrgreen:

Saya selalu senang dengan saran dan kritik anda, so, silahkan tuliskan saran dan kritik anda di kolom komentar. :)

Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)