0 Membuat template sendiri

Beberapa rekan saya ada yang bertanya tentang Cara Membuat Template Blogspot? Maksudnya adalah kita ingin membuat template sendiri untuk blog kita dengan mengedit template standard bawaan blogspot yang sudah ada.
Template blogspot hasil modifikasi

Oleh karena membuat template (dari nol) memang susah, maka yang bisa saya sampaikan adalah, mulailah dengan berkreasi dengan mengedit template bawaan blogspot. Dengan cara mengedit template, termasuk membuang serta menambahkan elemen-elemen baru didalamnya maka nantinya kamu bisa menghasilkan tampilan yang makismal serta unik (dalam artian) tampilan blogmu tidak murahan seperti template kebanyakan orang.

Nah, jika kamu tertarik ingin membuat template blogspot, saya sarankan gunakan template standard blogspot, misalkan template tampilan sederhana/mudah. Kemudian, masuk ke pengaturan Design > Edit HTML dan mulailah mengekplorasi apa saja elemen-elemen dalam template kamu.

A. Pertama, mulailah mengedit tampilan halaman utama dengan menghilangkan posting artikel yang tampil sehingga nanti di halaman utama/home page hanya ditampilkan judul postingan saja.

Untuk menghilangkan artikel/hanya menampilkan judul posting saja dihalaman utama/home page lakukan hal berikut:

Mauk ke Design > Edit HTML

Lalu cari kode <b:include data='post' name='post'/>, lalu dan ganti dengan kode berikut:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;margin-bottom:2px;background:#eeeeee;color:#000000;'>
<img alt='&gt;&gt;&gt;' border='0' src='https://lh5.googleusercontent.com/-HP5XyclRQic/TXMMAKmlg5I/AAAAAAAAAQk/wrCGFu9jzmg/s1600/sidebar-icon.png'/>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Lalu Save template, lihat dulu hasilnya baru nanti kita lanjut ke langkah modifikasi template blogspot selanjutnya.

B. Langkah ke-2. Menambahkan 2 Kolom Widget dibawah atau diatas Posting

Masih di halaman Edit HTML, cari kode ]]></b:skin>, lalu paste kode berikut tepat diatas kode
]]></b:skin>

/*--bawah posting--*/
#underpost h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#underpost{
width:560px;
}
#underleft{
width:270px; /*lebar kolom kiri*/
float:left;
margin:5px;
}
#underright{
width:270px; /*lebar kolom kanan*/
float:right;
margin:5px;
}

Perhatikan kode yang berwarna merah width:560px, itu merupakan lebar dari kolom posting. Sesuaikan saja dengan lebar pada template kamu, biasanya untuk mengetahui lebar/width kolom posting, kita cari kode seperti ini :

#main-wrapper { width: 560px;

Misalkan saja lebar/width kolom posting seperti contoh diatas yaitu 560px, maka bagi lebar tersebut menjadi dua, karena kita akan membuat dua kolom dibagian kiri dan kanan, sisakan nilainya untuk margin dan padding untuk memberi jarak antara gadget yang lain dengan gadget yang lain. Untuk itu pada lebar kolom kiri dan lebar kolom kanan saya beri angka 270px.


Lalu, cari kode seperti ini :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>



Kalau sudah kamu temukan, lalu lakukan langkah berikut:

- Untuk menambahkan dua kolom dibawah posting, masukkan kode berikut ini tepat dibawah kode yang saya beri warna merah.

<div id='underpost'>
<b:section class='underleft' id='underleft'/>
<b:section class='underright' id='underright'/>
</div>




- Sedangkan kalau mau menambahkan dua kolom diatas posting, pasang kode berikut ini tepat diatas kode yang saya beri warna hijau


<div id='underpost'>
<b:section class='underleft' id='underleft'/>
<b:section class='underright' id='underright'/>
</div>


Lalu, simpan template.


C. Langkah ketiga, tambahkan 2 kolom, 3 kolom, atau 4 kolom widget diatas Footer

Menambahkan banyak kolom diatas footer berguna untuk membuat tampilan home page blog layaknya situs berita populer atau seperti Blogazine/Blog model Magazine.

Caranya, Temukan kode <div id='lower-wrapper'> lalu:

1. Untuk membuat 4 kolom diatas footer, letakkan kode berikut dibawah <div id='lower-wrapper'>

<div id='footer-column-divide'>
<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>
<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

2. Untuk membuat 3 kolom diatas footer, letakkan kode berikut dibawah <div id='lower-wrapper'>

<div id='footer-column-divide'>
<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

3. Untuk membuat 2 kolom diatas footer, letakkan kode berikut dibawah <div id='lower-wrapper'>

<div id='footer-column-divide'>
<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/> </div>
<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>

Jika sudah semuanya kamu lakukan, simpan Template, dan lihat hasilnya.

Cek pada Page element, seharusnya nanti diatas footer blog akan menjadi ada kolom-kolom untuk menempatkan widget.

Tambahkan widget-widget terbaik pilihan kamu disana, gunakan juga thumbnail gambar untuk mempercantik tampilan blog layaknya situs-situs besar yang bagus tampilannya.

Misalnya: menampilkan artikel terbaru dengan tampilan thumbnail yang menarik

Caranya: Dari halaman Page Elements, tambahkan widget HTML/Javascript, lalu masukkan kode berikut kedalam widget:


<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 10;</script>
<script type="text/javascript" src="/feeds/posts/default?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>


Atau, jika ingin menampilkan artikel dengan label tertentu saja maka gunakan kode berikut:

<script type='text/javascript'>var numposts = 2;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 10;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Download?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Download adalah label posting blog yang saya gunakan, kamu bisa menggantinya dengan Label yang kamu gunakan dalam posting-posting blog kamu.

Ok, sampai disini saya harapkan semua bisa mengikuti.



Widget menjadi multikolom dan multifungsi
Selanjutnya, kita masuk ke tahap penting dalam mendesain tampilan blog yaitu memilih bagian mana saja yang ingin ditampilan di Home Page/halaman utama dan memilih mana saja yang ingin tampil di halaman posting.

Hal ini penting untuk memberi kesan profesional pada halaman utama serta meringankan loading blog saat berada pada halaman posting.

Menampilkan/Menyembunyikan Widget tertentu dihalaman utama blog

Untuk melakukan langkah-langkah tersebut, kamu harus memilih dulu widget mana saja yang ingin kamu tampilkan dihalaman utama/home page dan mana saja yang ingin kamu hilangkan dari halaman utama/home page.

Sebagai contoh, saya akan menghilangkan Recent Post/Posting terbaru dari sidebar halaman utama (namun tetap tampil di sidebar saat membuka halaman posting), maka saya cari kode:

<b:widget id='HTML11' locked='false' title='Recent Post' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>

Lalu saya tambahkan beberapa kode didalamnya sehingga menjadi:

<b:widget id='HTML11' locked='false' title='Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>

Langkah tersebut berlaku pula jika kamu ingin menghilangkan widget yang lain.

Rahasianya:

Semua trik untuk memunculkan/menyembunyikan widget tertentu kuncinya adalah:
Cari kode <b:widget id='(disini berisi kode widgetnya)'

Lalu tinggal tambahkan kode berikut, dengan ketentuan:

a. Untuk membuat widget hanya tampil di Home Page saja

Sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>

Lalu tutup dengan kode </b:if> di bawah kode <b:include name='quickedit'/>

b. Sedangkan untuk membuat widget hanya tampil di halaman posting saja

Sisipkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> di bawah kode <b:includable id='main'>

Dan tutup dengan </b:if> di bawah kode <b:include name='quickedit'/>

Lalu simpan template.

Lakukan semua langkah-langkah diatas dengan hati-hati, pastikan backup dulu templatenya jika kamu kawatir nanti gagal dan menyembabkan eror. Atau jika belum yakin gunakan Preview dulu sebelum menyimpan templatenya.

Lakukan langkah-langkah diatas sesuai kebutuhan, semakin tinggi daya kreatifitas kamu maka template hasil desain kamu nantinya hasilnya pasti akan bagus dan maksimal, bahkan orang lain akan bertanya apakah bisa blogspot dirubah seperti website profesional? Kalau ada yang bertanya begitu tunjukkan saja hasil desain terbaikmu setelah menerapkan Cara Cepat Membuat Template Blogspot diatas tadi.

Saya yakin kamu bisa membuat desain template blogspot dengan mudah dan hasil bagus !!!
sumber: http://www.wahyu-winoto.com/

Read more

0 Modifikasi Widget Follower Blog

Membuat Link Follow Blog (Modifikasi Widget Follower Blog)

Kita semua pengguna blogspot tentu sudah familier dengan yang namanya widget follower blog. Widget follower blog adalah sebuah fasilitas standard blogspot yang digunakan untuk memudahkan seseorang untuk mengikuti perkembangan/update suatu blog.

Tampilan standard dari widget follower pada blogspot sebagai berikut:

gb.1. widget follower pada blogspot

Jika kamu ingin mengikuti/follow blog tersebut maka kamu tinggal klik saja pada tulisan Join this site

Kemudian nanti akan muncul sebuah kotak konfirmasi buat kamu (Lihat gambar berikut).

 

Untuk melanjutkan/mengikuti blog tersebut maka kamu klik saja tombol FOLLOW

Nah, posting saya kali ini ingin menunjukkan bahwa kotak widget follower blog seperti pada gambar 1 diatas itu ternyata bisa dihilangkan dari blog dan kita ganti dengan sebuah link saja.

Memangnya kenapa harus dihilangkan?

Alasannya, menurut pengalaman saya, kotak widget follower blog standard itu mengandung banyak eror css/html. Saya sudah melakukan percobaan pada blog saya, pertama pada blog ini saya pasang kotak widget follower lalu saya cek erornya menggunakan w3 validator dan ditemukan 70 eror, lalu saya hapus kotak widget follower dari sidebar blog dan saya ulangi lagi pengecekan eror css/html dengan w3 validator dan ternyata jumlah erornya berkurang lebih dari 10 buah, bukankah itu membuktikan bahwa kotak widget follower ternyata mengandung script eror dan itu tidak baik untuk blog kita? 

Lanjut lagi ke pembahasan kita.

Lantas, bagaimana menggantikan kotak widget follower blog kita agar orang lain bisa tetap mudah mem-follow blog kita sekaligus kita bisa meminimalisir eror script pada blog kita?

Untuk mengatasi permasalahan tersebut saya gunakan sebuah link untuk memudahkan orang lain mem-follow blog saya. Hasilnya seperti pada gambar berikut:

Bagaimana cara membuatnya?

Untuk membuatnya mudah saja, silahkan lihat panduan gambar dibawah ini:

- Pertama Login ke blogspot kamu

- Masuk ke menu/halaman pengaturan Tampilan/Design blog kamu

- Cari Widget Top Tabs

 - Setelah menemukan Top Tabs, lalu klik Edit

Maka akan muncul kotak seperti berikut:

 - Masukkan URL berikut http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxxxx pada kolom New Site URL. 

(Pada tulisan blogID=xxxxxxxxxxxxxxxxxx silahkan kamu ganti kode X dengan kode ID blog kamu)

ID blog merupakan deretan angka yang ada pada URL blogspot kamu saat kamu berada pada posisi halaman edit template atau posisi halaman posting.

ID Blog ada pada akhir URL halaman posting

Setelah kamu Copy URL yang saya sebutkan diatas  dan juga sudah kamu tambahkan ID blog kamu, (Misal : http://www.blogger.com/follow-blog.g?blogID=12345678901234567) lalu masukkan URL tersebut ke kolom New Site URL pada widget Top Tab

- Isi juga bagian New Site Name

- Lalu klik ADD LINK

- Terakhir klik SAVE

Read more

0 Hack Facebook Dengan Metode Fake Login / Phising / Scam

Hack Facebook Dengan Metode Fake Login / Phising / Scam

PERTAMA:
Cara ini paling banyak digunakan dan terbukti efektif untuk meng-hack facebook, sebenarnya metodenya simple saja, kita tinggal membuat halaman login palsu yang kemudian kita upload ke sebuah website bahkan website gratisan pun bisa, kemudian kita pancing pengguna facebook agar menuju halaman login facebook palsu tersebut, cara memancing pengguna facebook pun ber macam macam bisa lewat email palsu yang mengatasnamakan facebook, link login palsu dan metode social engineering lainnya. Cara mencegah hack facebook dengan metode ini : sebelum anda login atau memasukkan username dan password anda pastikan bahwa alamat url tersebut benar, jika anda tidak yakin buka saja sebuah jendela baru, masukan alamat facebook (http://www.facebook.com) dan login melalui jendela tersebut. pastikan keaslian email yang mengatasnamakan facebook yang memancing anda agar login facebook yang masuk ke inbox anda, atau abaikan saja email tersebut.
KEDUA:
Facebook banyak sekali orang yang menggunakannya di indonesia hingga ribuanpun.
hampir-hampir saja facebook diharamkan.
Sesudah saya posting tentang cara login palsu di friendster, hari ini saya posting tentang cara membuat login palsu di facebook.
1. silahkan anda daftar di http://www.700megs.com
mengapa saya suruh anda daftar disana ?
di web hosting sana sangat gratis dan support php juga dari pada di ripway.com
bila tidak bisa terdaftar langsung saja masuk di :
http://www.700megs.com/register.jsp
2. setelah anda berhasil mendaftar di 700megs.com masuk ke FILE MANAGER…hapus file index.html.(akan ada di Cpanel masing2 nantinya)
3. oke, kita mulai praktek kita.
yang dibutuhkan adalah file index.php dan write.php sebagai inti fakelogin
silahkan download scriptnya dahulu disini atau di
http://www.ziddu.com/download/5023245/scriptFakeloginFacebook.rar.html
ukuran cuma 9kb.
4. setelah anda download. Disana ada dua file sebut saja index dan write
kedua-duanya silahkan anda upload di 700megs.com yang tadi anda sudah daftar.
5. lalu tes terlebih dahulu index.php yg telah kalian upload dan login dari situ,
klo berhasil.. akan ada file baru ;Password.txt [bertujuan sebagai tempat dimana userID dan password yang akan tertampung di facebook fakelogin kamu]
6, alright! selesai sampai di sini. . .
untuk penyebarannya silahkan dengan cara masing2…
disini saya cm kasih contoh satu untuk pengambilan secara paksa account2 facebook mania..
buka file index di www.700megs.com kalian..ambil URL nya.. [penting]
terus untuk pengguna firefox: buka tools>option>main
preview:

disni fungsinya kita mengarahkan agar browser waktu pertama kali dibuka langsung mengarah ke file kita tadi. memungkinkan hasil buruan kalian lebih banyak nantinya.
boleh di sebar ke komputer temen/di warnet2 kesayangan.
atau..
bisa juga menyebarkan dengan cara seperti ini

kamu buat account baru,di yahoo,gmail,ato sejenisnya
dengan nick Facebook@ or something like that.
diatas cm contoh…silahkan kamu buat seni sendiri
enjoy..
mudahkan ??
semoga berhasil . . ..
KETIGA:
Yang paling penting siapin dulu web hosting buat naruh file fake login bisa yang gratis atau bayar terserah kalian pilih yg mana.,.,.,.,.,.,
1. download dan extract file index.html download dulu disini
2. download dan extract file logs.php download dulu disini
3. download dan extract file log.txt download dulu disini
Password : Flow
dah disiapin belum web hostingnya? ql belum aku saran mending pakek ripway.
nah kalau sudah registrasi, kalian upload dech file file yang kalian extract tadi.,.,.,.,.
pengertian:
- index.html : Halaman utama login palsu, alamat ini yang kalian sebar ke target.
Ex: http://h1.ripway.com/nama_kalian/index.html
- logs.php : Berfungsi untuk mengirimkam hasil hack dari index.html ke logs.txt
- logs.txt : Berfungsi untuk menampung hasil jerih payah kita
Ex: Email + Password Facebook.
sebarin dech alamat Fake Login kita tadi (index.html),.,.,.,
tinggal tunggu orang yang terlalu ceroboh login pakek Fake login kita.
saran bagi facebook’er :
1) Perhatikan dengan benar link address websitenya. Contoh klo FB linknya: http://www.facebook.com
2) Jangan pernah membuka link atau bahasa pemograman (CSS, XTML, XML, atau
HTML) yang aneh. Jika di klik, kemungkinan account kita akan memberikan
username dan password kita.
3) Pakailah virtual keyboard yang bisa diperoleh dengan mudah.
Untuk Windows tampilan XP, hanya cukup klik ’start’ -> All Programs ->
Accessories -> Accessibility -> ‘On-Screen Keyboard’
Untuk Windows tampilan bukan XP, hanya cukup klik ’start’ -> Program Files
-> Accessories -> Accessibility -> ‘On-Screen Keyboard’
4) Bila bermain di Warung Internet (Warnet), hindari check-list kotak
“Remember me” pada saat login, karena hal itu dapat menyimpan username
dan password di komputer tersebut. Kecuali memakai komputer pribadi.
5) Jika anda tiba-tiba diminta login ulang, sebaiknya hati hati, karena kemungkinan halaman pe-login ulang tersebut adalah halaman palsu yang sengaja dirancang. bila terlanjur cepat ganti password kalian,.,.,.,.


Sumber : disini

Read more

4 zkyE ™ Full Multi Injector

zkyE ™ Full Multi Injector

Berikut ini Update dari versi sebelumnya..

Injector Full prosess dengan multi inject file *.dll

langsung aja ya download

Read more

2 ™ zkyE FuLL Injector ™

™ zkyE FuLL Injector ™

Lama rasanya ga update blog ( maklum sibuk di dunia nyata + pekerjaan jg )
Ok..
To the point aja
Disini ane cuma mau berbagi Injector buatan ane, sebenarnya ga sepenuhnya coding dari ane sih soalnya sebagian ngambil codingan dari berbagai coding yang bertebaran di “mbah google” tapi ga jiplak lo
Disini cuma injector aja ( ga ada file *.dll untuk di inject, hanya ada file *.dll pembantu buat injector )

Fitur :

• Injecor dengan list program prosess (refresh dan kill program)
• Injector dengan prosess windows/ title aplication ( ex : PointBlank )
• Injector dengan prosess *.exe ( ex : PointBlank.exe )
• Auto inject / Inject otomatis ( Inject otomatisya di centang )
• Manual Inject ( Button Inject dan Numpad 0 untuk inject )
• Inject ke game Point Blank ( di bagian option pilih PB )
• Dengan musik SFX ( dibagian label SFX on, untuk play dan pause )

Dan fitur-fitur yang lain

Langsung download
Scan vitot

Read more