Review Template Simplex Blog News by simplexdesign.blogspot.com

Trik -tips blog , banditzkraksaan - Ok mungkin udah sebagian para blogger udah punya template yang sip dan elegan , tapi banditz kraksaan kali ini akan coba membahas template punya empu simplex design by Dinh Quang Huy " Template Simplex Blog News "... Template ini sangat mudah di amplikasikan terutama beberapa fitur - fitur pendukung yang sudah pas ( slide , foto galery , video , FLICKR PHOTO STREAM dan lain -lain ) dengan tampilan yang profesional dan juga sangat enak di pandang mata ... tapi yang belum terpasang di template ini adalah meta tagnya .... untuk tampilannya atau privew masih dapat terlihat optimal di browser ( mozilla , opera , IE dan google crome ).




life demo
download template
download tutorial install template

NB : sebelum pakai template ini usahkan semua gadget anda hilangkan terlebih dahulu ( shout box , jam , kalender , dll) karena akan dapat mengganggu tam[ilan blog ini

SERP SEO Tool Khusus Untuk Kontes SEO

Kali ini banditzkraksaan akan membagi tips "Search Engine Results Page (SERP) Tool" tips ini saya dapat dari o-om.com , oke langsung cap cuzz aja SEO Tools yang dirancang khusus untuk memudahkan sobat melacak kata kunci target di Search Engine Google. Ini sangat berguna buat sobat yang sedang ikutan kontes atau sekedar hanya untuk melacak posisi keyword target di Google.





Cara melacak:
1. Untuk mencobanya silahkan Langsung ke Sini
2. Masukan Kata Kunci (keyword) yang sedang di ikutkan dalam Lomba SEO Kontes.
3. Masukan Alamat URL Blog yang sedang di lombakan (bisa url saingan atau url sendiri).
4. Pilih target URL Google misalkan lomba diadakan pada Google.com atau Google.co.id (Indonesia).
5. Selalu pastikan memilih YES untuk membersihkan Cache Browser agar hasil pencarian Maksimal.
6. Jika target ditemukan, hasil Pencarian dilacak per 10 result dan ditandai dengan pada nomor halaman.
Semoga Tool diatas bermanfaat :)

New Interface Blogger, Sudah Bisa di Blogger.Com

Kita telah menunggu lama janji Google tentang tampilan baru yang lebih mantap sampai akhirnya benar-benar direalisasikan di draft.blogger.com. Akhirnya sekarang Anda bisa menikmatinya di blogger.com. Ketika Anda login Anda akan menemukan saran untuk mencoba fitur baru ini pada bagian kanan atas dashboard, silahkan klik Coba Antarmuka Blogger yang Diperbarui untuk mencobanya.


Dan bagi Anda yang menerapkannya, kemudian merasa masih susah atau belum terbiasa, Anda dapat dengan mudah mengembalikannya ke tampilan lama dengan klik switch back to the old interface. Akan ada dua pilihan tombol, silahkan klik provide feedback jika Anda ingin memberikan tanggapan Anda atau saran tentang new interface blogger kepada Google, dan silahkan klik skip jika Anda tidak ingin kirimkan saran ke Google.



Bila lebih jelas lagi monggo ke mas doyok untuk gambaran tambilan yang lengkap
klik

FREE TEMPLATE BLOGGER TOKO ONLINE

Toko Online Std Green-banditz kraksaan ,sebelumnya banditz mengucapkan selamat hari raya ramadhan buat teman teman banditz , hari ini sambil berpuasa banditz coba meluncur ke dunia maya maklum jhon banditz masih sibuk ngatur waktu di www.kraksaan-online.com jadi banditz belum sempet update di positngan ini, pada kali ini bandit akan berbagi template untuk toko online standard green karya " Solo Futuristic Blogger Design Designer by mangNYOBI "

pembahasan template>>
- 2 kolom
- slider
- multi posting

buat agan agan yang pengin membangun toko online ni banditz saranin pakai template ini , dan kita akan tuggu template toko online selanjutnya

download disini

Adobe Photoshop (Free) template punya o-om.com

Blog template - banditz kraksaan ,Adobe Photoshop Blogger Template didesain khusus buat pencinta Adobe Photoshop, dengan template ini anda bisa memajang gambar hasil kreasi anda atau tidak menutup kemungkinan bagi anda yang jago mengolah gambar bisa juga bisa berbagi tutorial melalui template ini.Ya template ini di usung oleh empunya o-om.com yang dulunya prabayar sekarang dapat di unduh gratissssssssss...tiss ... waahhhh semoga allah membalas kebaikan beliau amin....


Live Demo / Free Download

Template Features:
* SEO Optimized
* 2 Coloum
* 1 Right Sidebar
* Fixed Width
* Widgets Ready
* Auto Readmore
* Auto Thumbnail
* Hide Navigation Bar
* Custom Menu
* All Image Host into Blogspot

SEO Tour: Gonta Ganti Template Buruk Untuk SEO?

"Apakah Gonta-ganti template buruk untuk SEO, apakah akan menyebabkan posisi kita di Google Anjlok?"

Jawabannya? Jelas Bisa!, tapi... kita bisa meminimalisir effect pergantian template terhadap SEO. Apa yang harus kita lakukan?

Back-Up Template Lama
Jangan lupa untuk selalu backup template terlebih dahulu ketika Anda akan berganti template. Hal ini dilakukan untuk pengamanan jika ternyata template baru tidak cocok atau ada hal lain yang menyebabkan Anda ingin kembali ke template lama.

Benahi Meta Tag
Meta tag adalah hal yang cukup riskan jika berubah sedikit saja. Jika Anda berganti template dan tidak segera merubah meta tag blog Anda seperti semula sehari saja, maka ini akan memberikan effect yang sangat besar pada posisi Anda di mesin pencari. Jika Anda sudah memodifikasi meta tag Anda, silahkan simpan meta tag Anda di ms word ataupun notepad, sehingga segera bisa dipasang di template baru Anda.

Benahi Tag Headings
Tag heading adalah tingkat kepentingan pada bagian judul ketika Robot merayapi blog Anda. Berurutan dari yang terpenting h1, h2, h3, h4, h5 dan h6. Dalam keadaan standart, h1 diterapkan untuk judul blog, h2 diterapkan untuk judul widget, h3 diterapkan untuk judul postingan dan h4 diterapkan untuk komentar. Ini berarti ketika robot mesin pencari merayapi blog Anda, maka urutan kepentingan index berurutan mulai judul blog - judul widget - judul postingan - kemudian komentar. Anda bisa mengubahnya untuk lebih memperkuat postingan Anda di Google dengan mengubah tag judul artikel menjadi h2 dan menukarnya dengan judul widget. Atau Anda bisa gunakan trik yang saya dapat dari blog choen

Nah, perubahan tag headings juga berpengaruh sangat besar. Oleh karena setelah ganti template sesegara mungkin, periksa susunan tag headings di blog Anda.

Benahi Struktur Link
Ketika Anda mengganti template maka struktur template Anda akan berubah. Yang tadinya 3 kolom menjadi 2 kolom, yang tadinya sidebar di kiri menjadi di kanan. Namun yang lebih penting sejatinya adalah soal struktur link. Yang termasuk bagian ini adalah menubar Anda dan beberapa link yang ada di gadget Anda. Ketika Anda mengganti template, kemudian menubar Anda hilang atau berubah daftarnya, maka segera benahi seperti semula. Bukan di benahi dalam artian Anda kembalikan ukuran ataupun warnanya, namun dalam arti Anda mengembalikan daftar link yang tertera pada menubar seperti semula lagi. Jika tidak segera dibenahi, Anda berpotensi kehilangan sitelink Anda.


Benahi Widget
Pergantian template bisa menyebabkan beberapa widget tidak tampil. Padahal ada beberapa widget penting yang berpengaruh besar ketika dilepas satu jam saja. Misalnya widget alexa dan berbagai widget pemeringkatan seperti tiops of blogs dan lain-lain (baca: Cara Claim Alexa). Pastikan widget-widget itu menjadi prioritas tercepat daripada widget lain untuk segera ditampilkan kembali setelah pergantian template.


Di Akhir...
Langkah yang lebih bijak adalah mengedit dahulu template yang akan Anda pakai di blog percobaan. Atur susunan meta tag, tag headings, menubar hingga widget penting hingga sesuai dengan template yang sedang dipakai di blog utama Anda. Setelah sesuai, barulah Anda pasang di blog utama Anda.

Semoga bermanfaat... Ingat untuk selalu gunakan template yang lebih ringan yang membuat robot Google menemukan lebih banyak data bermanfaat dari blog Anda dalam waktunya yang terbatas...

Tambahan Icon Pada Post Footer

dalam blog kang noval tersebut post-footernya menarik karena ada tambahan Iconya, jadi post footer akan kelihatan sedikit lebih expressif.
Jika belum tau apa itu post footer area lihat aja gambar diatas, Nah post footer adalah informasi dari postingan yang kita tulis di blogger yang tempatnya dibawah postingan kita, dalam post footer area terdapat infromasi-informasi tentang postingan yang ada diatasnya, misalnya siapa penulisnya, jam berapa dipublikasikan, sudah ada berapa komentar, artikel tersebut masuk dalam kategori apa dan juga yang lainya.

Gimana apakah Anda ingin membuat post footer area Anda lebih expressif dengan tambahan Icon?
Ikuti petualangan saya dibawah ini.

Seperti biasa yaitu masuk menu Layout (tata letak) lalu masuk meni Edit HTML.

taruh code CSS dibawah ini diatas code ]]></b:skin>


/* post fotter

---------------------------*/

.post-author {

background: url(http://i296.photobucket.com/albums/mm169/anasku/profile.gif) no-repeat;

padding-left: 20px;

color: #c70823;}

.post-timestamp {


background: url(http://i296.photobucket.com/albums/mm169/anasku/jam.gif) no-repeat;

padding-left: 15px; margin-left: 10px;

}

.post-labels {

background: url(http://i296.photobucket.com/albums/mm169/anasku/forder-biru.png) no-repeat;

padding-left: 25px; margin-left: 10px;

}


.comment-link {

background: url(http://i296.photobucket.com/albums/mm169/anasku/comment-icon.gif) no-repeat;

padding-left: 15px; margin-left: 10px;

}

.post-backlinks {

background: url(http://i296.photobucket.com/albums/mm169/anasku/favorit.gif) no-repeat;

padding-left: 15px;


}


Kalau sudah tinggal Save dan jadi deh...

Nah code yang berwarna merah diatas adalah URL gambar... bisa kamu ganti dengan gambar sendiri, ingat sesuaikan ukuranya..

Nah gimana caranya gampang kan??

log ...! Membuat Screen Saver / Energy Saving Mode Pada Blog ...!

blog hack - banditzkraksaan Screen saver...? itu adalah kata yang biasa kita dengan didunia komputer, saat komputer tidak kita pakai ( dalam keadaan hidup ) atau saat komputer dalam keadaan idle. nah biasanya screen saver akan muncul dengan tampilan yang beraneka ragam.

bagaimana dengan Blog...? apa bisa kita memasang fasilitas screen saver ini pada blog...? Jawabannya pasti bisa. Untuk itu silahkan ikuti Langkah2 Berikut:

1. Login ke Blogger kalian
2. masuk ke Rancangan / Tata Letak
3. EDIT HTML ( jangan lupa back up template )
4. cari kode </Head> dan Copy script berikut diatasnya.

<!-- save your energy -->
<script language='javascript' src='http://myscriptforme.googlecode.com/files/EnergySaving.js' type='text/javascript'/>
<!-- save your energy end -->

5. Simpan Template.


untuk melihat hasilnya, kalian buka blog kalian dan diamkan beberapa menit, jangan diotak-atik, intinya kalian mau facebookan dulu, twitter-an dulu, atau apa dulu, yang penting diemin aja tu blog. pasti screen saver nya akan muncul.

Untuk script tahap no. 4 itu adalah jenis screen saver dengan Text/tulisan. Jika ingin menggunakan gambar bisa menggunakan script dibawah ini;

<!-- save your energy -->
<script language='javascript' src='http://myscriptforme.googlecode.com/files/ScreenMode.js' type='text/javascript'/>
<!-- save your energy end -->

demonya seperti punya ku tunggu beberapa menit

Menambah Sexy Sliding Sidebar di Blogspot

Bloghack - (banditzkraksaan) Sexy sliding Sidebar ini adalah alternatif lain pengganti Navigation Menu biasa, nah bila blog anda belum mempunyai Navigation Menu ataupun tidak ingin memakai Navigation Menu karena satu dan lain hal, Sexy sliding sidebar ini bisa menjadi alternatifnya.

Sekarang Mari Lihat Bagaimana Cara Memasangnya ....

* Pertama login ke blogger
* Pergi ke ---> Tata Letak
* Klik Di Tambah Gadget
* Pilih Html / Javascript
* Dan Copy Paste Kode yang dibawah ini :

<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/prototype.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/effects.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/side-bar.js" type="text/javascript"></script>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#FFFFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 10px 3px 10px;
padding:2px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
color:#FFFFFF;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
}
#sideBar li a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(http://i49.tinypic.com/121abrq.jpg);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>side<span>bar</span></h2>
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div> </div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="http://i46.tinypic.com/ao8h9u.jpg" title="sideBar"/></a>
</div>

Sekarang Klik Simpan ...

Rubah Kode warna Merah Dengan Link Dan Teks Dari Pilihan Anda

Sekarang lihat hasilnya Blog Anda....