Buat Blog

Monday, October 22, 2012

Cara kesan IP address visitor blog

Statscounter.com adalah salah satu site yang menyediakan perkhidmatan visitor counter yang mempunyai ciri-ciri yang sangat menarik. Dengan mendaftar dan memasang widget statscountersecara paparan ataupun di sembunyikan(hide) pada blog, kita sebenarnya dapat mengesan dari mana datangnya visitor beserta IP address. Dengan memaparkan maklumat pelawat secara detail, kita juga mungkin dapat mengesan IP address visitor yang memberi komen berdasarkan masa yang tercatat pada komen tersebut.

Untuk mengesan IP address visitor yang masuk ke blog kita, hanya perlu klik icon Real-Time Stats and Visitor Reports (rujuk gambar) dan kemudian klik pada Recent Visitor Activity. Pada paparan Recent Visitor Activity, kita dapat melihat maklumat yang menunjukkan lokasi, ISP provider, IP address visitor, entry page, exit page dan refering URL visitor yang melawat ke blog kita.

Untuk mencubanya, anda boleh mendaftar di statscounter.com

Cara-cara untuk menjadi pengodam. How to be hacker?

Baru-baru ini berlaku serangan pengodam yang menggelarkan diri mereka ‘anonymous’ dimana mereka telah menyerang beberapa laman web milik kerajaan Malaysia. Persoalannya disini, bagaimana mereka melakukannya? Doktor komputer akan berkongsi serba sedikit berkenaan cara-cara menggodam dan lebih penting bagaimana untuk mengurangkan risiko diserang. Doktor bukan ingin mengajar anda menjadi pengodam,sekadar menjawab persoalan bagaimana melindungi dari pengodam(Hacker),

Cara/Teknik

Bukan semua laman web kerajaan berjaya digodam oleh anonymous,ada beberapa yang berjaya ditepis serangan.anonymous juga menggunakan teknik lain yang hanya dapat menganggu kelancaran laman web yang diserang. Berikut adalah cara-cara mengodam, ia bukanlah contoh teknik serangan anonymous,sekadar perkongsian umum:

1. SQL injection:Teknik sql injection adalah teknik memanipulasi input mahupun output dari pangkalan data yang terlibat dengan laman web. Secara umumnya, penggodam akan membuat scanning bagi mencari lubang-lubang kelemahan dalam sesuatu sistem atau laman web sebelum menggunakan teknik SQL injection. Lihat contoh laman web yang vulnerable(terdedah) untuk digodam(hack). http://www.artslivres.com/ShowCat.php?SFF=1&SFCtFrm=’. Masalah laman ini adalah mereka tidak mengubah setting di php.ini dimana dibawah setting show display_errors di set kepada off. Anda boleh memanipulasi command SQL hingga dapat memperolehi maklumat user name dan password admin dari table akaun admin.

2. XSS(Cross Scripting Site): Teknik ini adalah memanipulasi ruang-ruang kelemahan dalam strukutur laman web sehingga boleh diganti dengan code penggodam. Walaupun kesan teknik ini tidak sehebat dengan yang lain,namun masih boleh memberi implikasi kepada pengguna yang melihatnya jika mereka tidak tahu bahawa laman tersebut telah pun ditukar code oleh pengodam. Contoh laman web yang vulnerable untuk XSS attack:http://www.iskamrabota.bg/view_ad.php?lang=en&id=sutrudnik-ofis-prodajbi-7476%22%3E%3Ch1%3ETerdedah%20Untuk%20Di%20Godam%3C/h1%3E. Seharusnya pembina laman web tidak perlu bergantung dengan kaedah GET untuk menghantar data dari satu page ke page yang lain. Lebih elok jika tidak menggunakan teknik GET kerana terdedah pada risiko XSS dan SQL Injection. Untuk info mengelak dari teknik serangan XSS pergi ke https://www.owasp.org/index.php/XSS_(Cross_Site_Scripting)_Prevention_Cheat_Sheet.

3. Brute force: Ini adalah teknik yang klasik namun antara yang berkesan namun tidak terlalu effisien kerana anda terpaksa menunggu lama untuk mendapatkan kombinasi username dan password yang sesuai dengan padanan dalam library anda. Kebiasaannya form login adalah paling banyak diserang dengan menggunakan teknik ini. Pembina laman web boleh menggunakan captcha didalam form login bagi menambahkan kebolehan menagkis serangan ini. muatturun captcha di http://www.phpcaptcha.org/download/ untuk meningkatkan keselamatan laman web anda.

Ada banyak lagi teknik-teknik yang digunakan oleh pengodam namun tidak perlu doktor komputer menyenaraikan semuanya. Cukup sebagai seorang pembina laman web, anda seharusnya lebih peka keselamatan laman web yang anda bina. Gunakan OWASP sebagai rujukan dalam menentukan keselamatan laman web anda.

p/s: Artikel diatas sekadar penulisan peribadi, segala ketepatan maklumat bukanlah tanggungjawab doktor komputer.Sekian, Terima Kasih.

Sumber: http://doktorkomputer.wordpress.com

Shoutmix bakal menghentikan servis percuma awal Januari 2012

Widget Shoutmix yang selama ini menjadi pilihan para blogger sebagai shout box bakal menamatkan servis percuma mereka. Berita ini mungkin kurang menyenangkan ramai blogger yang selama ini selsesa menggunakan perkihdmatan tersebut. Namun sebagai langkah untuk terus maju dan menguntungkan, pihak shoutmix terpaksa menghentikan servis mereka secara percuma. Menurut apa yang diluahkan oleh pengasas Shoutmix, iaitu Snecx Tan, ianya berpunca daripada sikap pengguna yang lebih selesa menggunakan servis percuma dan tidak berkeinginan untuk menaiktarafkan shoutmix mereka kepada servis premium. Perkara ini merupakan berita buruk kepada mereka.

Servis percuma dari Shoutmix akan dihentikan sepenuhnya pada awal Januari 2012 dan menggantikannya dengan servis berbayar. Sekiranya anda masih lagi berminat untuk menggunakan perkhidmatan dari Shoutmix sebagai Shout box di blog anda, bayaran yang dikenakan adalah serendah $0.99 sebulan untuk versi 3 dan $1.67 sebulan untuk versi classic (lama).

Untuk maklumat lanjut, anda boleh baca di http://www.shoutmix.com/v3/openletter.php

Cara pasang Recent posts floating bar widget di Blogspot

Recent posts floating bar seperti yang boleh anda lihat di bahagian bawah blog ini adalah widget yang sangat menarik. Widget tersebut memaparkan tajuk post terkini yang berefek slider.

Untuk memasang widget Recent posts floating bar slider ini pada blog anda, sila ikut beberapa langkah di bawah.

1. Log in dashboard--> Template --> Edit HTML --> Proceed.

2. Seterusnya tick "Expand Widget Templates"

3. Dengan menggunakan keyboard, tekan "Ctrl+F" cari kod </head>

4. Copy dan paste kod css ini, di atas atau sebelum kod </head>

<style type='text/css'>

#bd {
float:bottom;
font-family:Arial, Helvetica, sans-serif;
line-height:1.5;
margin-top:5px;
font-size:12px
}

.text {
color:#98BF2F;
margin-left:8px
}

div#news-1 .gk_news_highlighter {
font-family:Verdana, Arial;
font-size:11px;
color:#666
}

div#news-1 {
width:960px;
height:24px;
margin-left: -10px;
display:scroll;
position:fixed;
bottom:1px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHty14Xa_Kf2gsBJQDOmBwPytBRCHBJx3tuEERdWRTItOlBtkIgqCaH8ejYV38xkDy1p1V0CloQp6P7MfDAZyjiA6ZmN1LHHwpzxnGEhFRJEIo5ZguzrLN9-qcxaZNPRG3uPKudIBQSbDg/s320/gradient.png) repeat-x 0 -100px;
clear:both;
overflow:hidden
}

div#news-1 .gk_news_highlighter_wrapper {
float:left;
width:820px;
height:24px;
line-height:24px;
overflow:hidden;
position:relative
}

div#news-1 .gk_news_highlighter_item {
width:auto;
height:24px;
padding-left:20px;
display:none;
position:absolute
}

div#news-1 .nowrap {
white-space:nowrap
}

div#news-1 .gk_news_highlighter_title {
padding-left:5px
}

div#news-1 .gk_news_highlighter_desc {
padding-right:5px
}

div#news-1 .gk_news_highlighter_interface {
float:left;
width:120px;
height:24px;
text-align:right;
line-height:24px;
z-index:1000
}

div#news-1 .gk_news_highlighter_interface .text {
float:left;
display:block;
width:auto;
padding-left:5px;
font-weight:700
}

div#news-1 .gk_news_highlighter_interface div {
width:30px;
float:right
}

div#news-1 .gk_news_highlighter_interface a.prev,div#news-1 .gk_news_highlighter_interface a.next {
cursor:pointer;
width:13px;
height:24px;
display:block;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAk41SVv2s-s-E2q1pRw8heYXUYoh1s4NJmRJL-6Th4V0S3KdcN3_RuBmAffrm_soArz1y8boZ_P3IW3rSZ8U6vfmW9rxXJG_ZtsP_7hMkaFF8K1wPedIe5NaWdJlUh_NwG01If2vOIns/s1600/play.png') no-repeat 0 50%;
float:left
}

div#news-1 .gk_news_highlighter_interface a:hover.prev {
background-position:-13px 50%
}

div#news-1 a,div#news-1 a:link,div#news-1 a:visited,div#news-1 a:active,div#news-1 a:focus {
color:#FFF
}

div#news-1 .gk_news_highlighter_interface a.next {
float:right;
background-position:-26px 50%
}

div#news-1 .gk_news_highlighter_interface a:hover.next {
background-position:-39px 50%
}

</style>

5. Seterusnya, dengan menggunakan keyboard, tekan "Ctrl+F" cari pula kod <div id='content-wrapper'>.

Bagi blog yang menggunakan template dari template designer, cari kod </footer>

6. Copy dan paste kod HTML dan Javascript ini, dibawah atau selepas kod <div id='content-wrapper'>

Bagi blog yang menggunakan template dari template designer, paste kod HTML dan Javascript ini di atas atau sebelum </footer>

<div id='bd'>
<div class='gk_news_highlighter' id='news-1'>
<div class='gk_news_highlighter_interface'>
<span class='text'>HOT NEWS</span>
<div>
<a class='prev' href='#'/>
<a class='next' href='#'/>
</div>
</div>
<div class='gk_news_highlighter_wrapper'>
<script language='JavaScript'>
imgr = new Array();
showRandomImg = false;
aBold = true;
text = "no";
showPostDate = false;
summaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";
icon = " » ";
label = "";
numposts = 30;
home_page = "http://maribinablog.blogspot.com/";
</script>
<script src='http://yourjavascript.com/11843262101/post-hotnews.js' type='text/javascript'/>
</div>
</div>
</div>
<script src='http://yourjavascript.com/01042612211/mootools.js' type='text/javascript'/>
<script src='http://javscript-code.googlecode.com/files/engine_compress.js' type='text/javascript'/>
<script type='text/javascript'>
try {$Gavick;}catch(e){$Gavick = {};};
$Gavick["gk_news_highlighternews-1"] = {
"animationType" : 3,
"animationSpeed" : 200,
"animationInterval" : 2000,
"animationFun" : Fx.Transitions.linear,
"mouseover" : 1};
</script>

7. Edit kod yang di bold dengan warna merah dengan menggantikannya kepada URL blog anda dan juga bilangan post yang hendak dipaparkan.

8. Seterusnya klik Preview. Jika kedudukan bar terlalu ke kiri atau ke kanan, sila edit nilai pada kod yang di bold dengan warna biru pada langkah 4.

width:960px; (Panjang bar)
margin-left: -10px; (Jika kedudukan bar terlalu ke kanan, edit nilai -10 kepada 10 dan sebaliknya)

9 . Akhir sekali, jika anda berpuas hati dengan kedudukan bar tersebut, klik Save.

Buat template blog dengan Artisteer Software

Artisteer adalah satu software yang digunakan untuk mereka bentuk laman web dan theme blog seperti blogger, wordpress, joomla dan drupal. Software ini membolehkan anda untuk mereka bentuk laman web dan juga theme dengan mudah dalam masa yang singkat, tanpa memerlukan anda untuk mahir dalam kod html dan juga css.

Anda tidak perlu menggunakan sebarang software tambahan seperti Adobe Photoshop untuk mengubah image gambar, Macromedia untuk menulis kod xhtml dan css, dan juga perisian lain yang berkaitan. Anda boleh mengubah layout, warna, jenis dan saiz font, background, header, menu, dan beberapa fungsi mudah lain dengan menggunakan tools yang disediakan.

Perisian ini juga sesuai untuk designer baru yang masih tercari-cari idea atau masih belajar mengenai xhtml dan css. Fungsi-fungsi yang terdapat pada Artisteer adalah sangat menarik dan mudah untuk digunakan.

Sila klik link di bawah untuk download software Artisteer

4shared.com: http://www.4shared.com/file/s4def0ea/Artisteer_20_Web_design.html?s=1

Download.com: http://download.cnet.com/Artisteer/3000-10247_4-10886734.html?part=dl-Artisteer

Tips SEO - 3 cara meningkatkan Page View dan klik pada link.

Ramai blogger sememangnya sudah maklum bahawa, terdapat berbagai teknik dan cara bagaimana untuk kita tingkatkan SEO dalam sesebuah blog. Mengubah Meta tag, menggunakan keyword, menggunakan template yang mesra SEO dan mengharapkan Backlink dari blog yang mempunyaiPage Rank tinggi adalah dari beberapa teknik dan cara untuk kita mengejar SEO. Teknik dan cara yang kita gunakan itu sebenarnya hanyalah ikhtiar kita untuk cuba mendapat kedudukan terbaik dalam search engine.

Perkara yang paling utama sekali jika anda seseorang yang mengejar SEO adalah Linking. Lingking sebenarnya adalah segala-galanya dalam SEO. Ini kerana untuk tersenarai di search engine, seseuatutitle atau keyword memerlukan jumlah klik yang sangat tinggi. Semakin tinggi link itu di klik, semakin mudahlah untuk title atau keyword link tersebut terindeks atau tersenarai pada kedudukan yang teratas dalam result carian bagi sesuatu keyword.

Cara yang paling mudah sekali untuk kita meningkatkan Page View dan klik pada link adalah seperti:

1. Membuat sambungan link pada post yang berkaitan.

Kita boleh menggunakan perkataan ataupun ayat pada tulisan yang akan di publish ke entri atau post yang sebelumnya.Cara ini sangat berkesan untuk meningkatkan Page View.

2. Memasang Read More pada post.

Read More adalah salah satu vara yang terbaik untuk anda meningkatkan klik pada link dan juga page view. Walaupun ada segelintir visitors yang mungkin kurang senang dengan Read More ini, tapi ia sebenarnya dapat meningkatkan Page View pada post tersebut.

3. Meletakkan widget Blog Archive, Recent Posts, Related Posts, Popular Posts dan Recent Comments.

Dengan memasang Blog Archive, Recent Posts, Related Posts, Popular Posts dan Recent Comments, ianya dapat meningkatkan lagi klik pada link dan juga Page View dengan lebih berkesan.

Tips untuk memilih template blogspot

Ada diantara kita yang tertanya-tanya bagaimana cara untuk mencipta logo sendiri untuk diletakkan di dalam blog sebagai header ataupun untuk dijadikan sebagai banner exchange.

Dengan Online Logo Maker, kini kita boleh membinanya secara online tanpa memerlukan kemahiran yang tinggi seperti seorang Designer. Hanya gunakan kretiviti sendiri untuk menngunakan icon dan style font yang sesuai.

Online Logo Maker adalah sebuah site yang menyediakan perkhidmatan untuk membina dan merekabentuk logo secara percuma. Kelebihan yang terdapat pada site ini ialah, tools yang di sediakan sangat mudah untuk di gunakan dan anda tidak perlu membuat sebarang pendaftaran.

Untuk mencubanya, sila lawat:

Onlinelogomaker.com