Ghulam Blogerz Communnity

Tukeran Link dan Manfaatnya
1 Hit Kill |Ninja saga
Membuat Style Border (Bingkai Pada Blog)
Panduan Pembuatan Read More (Lengkap)

Posted: 16 Jan 2011 06:35 AM PST

http://lizphobee.files.wordpress.com/2010/11/tukeran-link.png

Manfaat Bertukaran Link

Banyak manfaat yang akan kita dapatkan dengan bertukar link antar sesama blogger, diantara manfaatnya selain untuk mendongkrak page rank, meningkatkan trafk pengunjung, menambah back link dan memudahkan deteksi blog dimata mesin pencari, yang paling utama adalah mempererat persahabatan dengan saling berkunjung atau silaturahim keblog lainnya.
Pertemanan kita lewat blog dengan saling berkunjung dan bersilaturahim, membaca karya teman, atau postingan yang berupa informasi dapat dipastikan sedikit banyak akan menambah ilmu, wawasan dan memperluas pola pikir kita yang tentu suatu saat, kalau tidak sekarang maka akan sangat berguna dimasa yang akan datang sebagai modal katika kita terjun kemasyarakat.
Hal yang perlu kita perhatikan pula, jangan lupa untuk memberikan apresiasi atas karya teman setelah kita membaca dan mengambil manfaat dengan memberikan komentar, baik berupa ungkapan terima kasih atau saran dan kritik yang membangun.

Tukeran Link

Nah untuk itu Saya mengajak teman teman sesama blogger untuk bertukaran link, dengan syarat... wah ada syaratnya? Jangan khawatir syaratnya mudah saja kok!
Hanya satu yang saya harapkan, yaitu blog teman bukanlah blog spam, blog yang mengandung content pornografi, pornoaksi atau yang mengandung unsur SARA!
Nah siapa yang berminat bertukaran link dengan blog ini, silahkan Copy kode di bawah ini sob masukan di blog sobat, insya allah saya akan segera linkback kembali Secepat mungkin.

Ghulam Blogerz

Jika Sobat Mau Bertukaran Link Silahkan Kodenya di bawah ini :

Maaf kalau Banner Saya hanya Button hehehe ..soalnya kalau buat baner besar susah.Link sobat-sobat ada di kanan pojok blog ini di bawah tutorial blog.
kalau berminat untuk bertukaran link dengan saya silahkan konfirmasi melalui buku tamu atau komentar dan juga bisa langsung disini :

Terimakasih ... :)

1 Hit Kill |Ninja saga

Posted: 15 Jan 2011 06:35 PM PST

Care terbaru 1 hit kill by CE, cara agak ribet tapi moga2 masih work ^_^

soalnya ninja saga sangat ketat sekrang. langsung aja ikuti tutorialnya

tool :

Cheat engine 5.6

Step :

1. buka browser diCE (klo pake mozilla pilih aja plugin-container.exe)

2. masuk ke hunting house dan pilih boss yg mau kalian bantai

3. ganti value type nya jadi 8 bytes

4. scan darah boss

5. kluar adress ditable sebelah kiri CE

6. copy semua adress kebawah table CE

7. attack aja dulu bossnya

8. lihat value ditable bawah CE, pasti ada 1 adress yg valuenya berubah, tinggal delete adressnya dan adress sisanya ganti valuenya jadi 0

9. bantai deh bossnya

10. selamat menikmati

nih list darah bossnya :

LEVEL 10: 7293

LEVEL 20: 12760

LEVEL 25: 27950

LEVEL 30:

tengu fire: 15819

tengu wind: 12052

LEVEL 40: 75816

LEVEL 50: 90720

LEVEL 55: 132800

Terima kasih atas kunjuangnnya....! Jangan Lupa tinggalkan komentar dan Follow..!

Source : |TM|

Membuat Style Border (Bingkai Pada Blog)

Posted: 15 Jan 2011 06:18 PM PST

Pernahkah anda melihat bagian tulisan pada blog orang lain yang ditonjolkan atau dibedakan tampilannya dari yang lain. Biasanya bingkai pada tulisan itu dibuat orang untuk menonjolkan letak-letak kode html didalam postingan, hal ini ditujukan agar sipembaca yang mungkin memiliki keperluan dengan kode itu dapat dengan mudah mencari letak kode tersebut. Tetapi bukan hanya untuk menonjolkan tulisan kode html atau tulisan biasa saja. Style border ini juga dapat digunakan untuk memberi bingkai pada elemen-elemen penyusun blog kita sebagai contoh untuk memberi bingkai pada postingan seperti tutorial blog yang saya posting ini salah satu permintaan pengunjung blog saya

ajarkan saya buat KOTAK BERWARNA KUNING.. YANG ISINYA KODE CSS

Baiklah tidak usah memperbanyak basa basi lagi sekarang mari langsung saja kita ikuti tutorial membuat style border atau bingkai pada blog ini.

Sebelumnya perlu diketahui bahwa border yang dikenal pada blog iu ada 5 macam tampilan, yaitu sebagai berikut :

dotted

dashed

double

solid

groove

ridge

inset

outset

Nah sekarang anda sudah tahu jenis-jenisnyakan sekarang mari kita bahas tentang cara memasangnya.caranya sangat mudah kok anda tinggal memasukkan kode ini disebelum tulisan atau kode yang ingin anda beri bingkai dan kemudian tutup dengan kode pada akhir kata yang ingin diberi bingkai.atau kalo gak perlu di hafal kodenya untuk postingan tinggal ikuti tutorial berikut

Login Ke Blogger.com
klik pengaturan
klik menu format
copas(copy paste) kode bingkai di Templat Entri
simpan setelan

contoh cara penulisannya seperti ini :

<div style="background:#F6FF6D; border:3px dotted #F5003D; padding:5px;">
DISINI POSTINGAN YANG MAU DITONJOLKAN
</div>

naah kode di atas adalah kode kotak bewarna kuning yang saya punya

keterangan :

1. kata tulisan #F2F2F2 yang berwarna biru tersebut adalah warna yang akan dipakai sebagai background atau latar belakang tulisannya dapat diganti dengan kode warna lain silahkan dicari (disini)

2. tulisan border:3px yang berwarna ungu itu artinya ketebalan style bingkai atau garis itu adalah sebesar tiga pixel anda dapat mengganti angkanya dengan angka lain yang lebih besar agar garis tepi atau bingkainya dapat terlihat lebih jelas

3. tulisan dotted yang berwarna abu-abu itu menandakan bahwa jenis bingkai yang dipakai adalah bingkai mode dashed anda dapat menggantinya dengan jenis bingkai lain yang dah saya terangin diatas

4. tulisan #F5003D yang berwarna hijau berarti menandakan warna bingkai merah dapat diganti dengan warna lain (disini)

5. tulisan yang berwarna merah tersebut merupakan kata atau kode yang ingin diberi bingkai

6.sebelum memakai kode ditas copykan terlebih dahulu kode ini ke notepad dan kemudian baru pastekan kode ini dari notepad ke tulisan yang akan diberi bingkai

selamat mencoba ide

Panduan Pembuatan Read More (Lengkap)

Posted: 15 Jan 2011 04:43 PM PST

Pada Postingan kali ini saya akan memberi sedikit tips untuk membuat readmore yang diminta oleh pengujung blog saya.sebenarnya gak cocok dengan judul diatas Panduan Pembuatan Read More (Lengkap) tapi mau di kasih judul apa lagi.dan saya akan hanya memberikan tips pembuatan readmore 3 buah aja yang sudah pernah terpasang di blog ini berikut Tutorialnya :

Pembuatan Readmore Biasa :

1. Login Ke Blogger.com
2. Klik Rancangan ---> Edit HTML
3. Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan HTML
4. Beri tanda centang pada kotak di sebelah tulisan "Expand Template Widget"
5. Cari kode seperti ini <p><data:post.body/></p>
6. Kemudian ganti kode tersebut dengan kode ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More...</a>
</b:if>

7. Kemudian klik tombol simpan template

Catatan : Teks Readmore Bewarna merah bisa diganti dengan teks sesuka kalian seperti Baca Selengkapnya atau yang lainnya sesuai selera sobat masing2 ...

Baik lah sekarang pembuatan Readmore yang kedua yaitu :

Pembuatan Readmore Button/Image

pada postingan Diatas saya hanya memberikan tips tentang cara membuat ReadMore biasa, sekarang saya akan memeberikan tips untuk menjadikan ReadMore menjadi bergambar supaya website kita terlihat lebih menarik lagi. Kalau begitu nggak usah banyak bacot lagi langsung aja kita pelajari cara membuat ReadMore bergambar.caranya sama koq hanya sedikit berbeda

1. Login Ke Blogger.com
2. Klik Rancangan ---> Edit HTML
3. Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan HTML
4. Beri tanda centang pada kotak di sebelah tulisan "Expand Template Widget"
5. Cari kode seperti ini <p><data:post.body/></p>
6. Kemudian ganti kode tersebut dengan kode ini :

Catatan :
Jika pada postingan sebelumnya tulisan Read Morenya seperti tulisan yang berwarna merah. Tetapi pada postingan ini kita akan mengganti tulisan tersebut menjadi gambar. Caranya ganti kode "Read More" yang berwarna merah dengan kode ini

Maka hasilnya kurang lebih akan jadi seperti ni :

7. Kemudian klik tombol simpan template

Baiklah selanjutnya pembuatan :

Pembuatan Readmore Otomatis

Fungsi read more kali ini sedikit berbeda dan lebih modern dan memudahkan kita untuk tidak lagi membatasi artikel yang akan disembunyikan dengan readmore.

Fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-float image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman kita sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter.

1. jumlah karakter yang ditampilkan, jika ada image yang diikutsertakan dalam postingan

2, jumlah karakter tanpa image. apabila masih bingung langsung aja kita bahas dengan praktek.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula !!

Pertama Klik EDIT HTML, Cari kode :

</head>

kemudian letakan script dibawah ini di atas atau dibawah kode </head>.

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 500;
summary_img = 400;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

Kalau sudah jangan lupa disimpan terlebih dahulu.

2. Masih pada EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> menjadi seperti kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right'> <a expr:href='data:post.url'>Read More... <data:post.title/></a> </span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>

Keterangan:
Tulisan yang berwarna Ungu itu menandakan readmore+judul postingan jika kita tidak menghendakinya tinggal di hapus.
dan tulisan right yang berwarna biru menandakan letak daripada tulisan read more tersebut.
jika left : berarti berada di sebelah kiri. tetapi jika kita ganti menjadi
right : berarti berada di sebelah kanan (seperti pada contoh gambar di atas)

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)

summary_noimg = 500; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)

summary_img = 400; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)

img_thumb_height = 150; (Thumbnail 'tinggi dalam piksel)

img_thumb_width = 150; (Thumbnail 'lebar dalam piksel)

silahkan disimpan dan lihat hasilnya :)

ok selamat mencoba dan semoga berhasil !! amieen.. pertamax

Auto blog 637

Pages

Minggu, 16 Januari 2011