Snippet
Showing posts with label tips blog. Show all posts
Showing posts with label tips blog. Show all posts
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


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 :

1.
dotted

2.
dashed

3.
double

4.
solid

5.
groove

6.
ridge

7.
inset

8.
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 #
F6FF6D yang berwarna biru tersebut adalah warna yang akan dipakai sebagai background atau latar belakang tulisannya dapat diganti dengan kode warna lain.
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.
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
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 :


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 :


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

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
</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


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



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 

Hal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa Setting atau pengaturan. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut Kolom Tutorial tuliskan cara pengaturan blog di blogger (pastikan anda (pastikan anda memilih bahasa indonesia agar sesuai dengan tutorial dibawah) :


* Silahkan login ke blogger dengan ID anda.
* Klik Pengaturan.
 pengaturan blog di blogger 
* Akan terlihat tab-tab menu berisi hal-hal yang harus anda atur :
menu pengaturan blog di blogspot





Dasar

Beberapa pengaturan dalam menu Dasar:
  • Alat Blog : Impor blog ? ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. Ekspor blog > ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas Backup blog. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. Hapus blog > Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini.
  • Judul : isi dengan judul blog yang anda inginkan. Contoh : My personal blog
  • Uraian : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik.
  • Tambahkan blog Anda ke daftar kami? : disarankan untuk memilih opsi Ya.
  • Biarkan mesin pencari menemukan blog Anda? : Pilih Ya, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.
  • Tampilkan Editing Cepat di Blog Anda? : Boleh pilih Ya atau Tidak.
  • Tampilkan Link Posting Email? : Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih Ya. Namun jika tidak, silahkan pilih Tidak.
  • Konten Dewasa? : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.
  • Pilih editor entri  : Ini adalah pilihan untuk post editor. Editor yang diperbarui ? ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol More untuk memotong artikel di blog anda. Editor lama ? ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. Sembunyikan mode penyusunan ?  pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini.
  • Aktifkan transliterasi? : Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut.
  • Akhiri pengaturan menu Basic dengan klik tombol SIMPAN SETELAN.

Publikasikan

Ini adalah fasilitas untuk mengubah nama domain anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com.
Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini. Tutorial tentang custom domain di blogger bisa anda baca pada artikel Cara Custom Domain di Blogger.

Format

Beberapa pengaturan dalam menu Format :
  • Tampilkan sebanyak mungkin : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi posting, jangan hari.
  • Format Header Tanggal : Pilih format tampilan tanggal yang anda sukai.
  • Format Tanggal Index Arsip : pilih format tampilan arsip yang anda inginkan.
  • Format Timestamp : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog.
  • Zona Waktu : Sesuikan dengan zona waktu dimana tempat anda berada.
  • Bahasa : Pilih bahasa yang dipakai untuk blog anda.
  • Konversi ganti baris : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih Tidak, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya.
  • Tampilkan Field Judul : Pilih Ya ataupun Tidak juga tidak ada masalah.
  • Tampilkan kolom Link : Pilih Tidak atau Ya juga tidak ada masalah.
  • Aktifkan perataan float : Pilih Ya, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja Tidak.
  • Templat Entri : ini adalah fasilitas agar isi dari Templat Entri ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam Templat Entri, sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang.
  • Akhiri Pengaturan menu Format dengan klik tombol SIMPAN SETELAN

Komentar

Beberapa pengaturan dalam menu Komentar :
  • Komentar: Pilih Tampilkan, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih Sembunyikan, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung.
  • Siapa yang Bisa Berkomentar ? : Siapa pun - termasuk Pengguna Anonim  ? untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk Pengguna Anonim atau tanpa identitas jelas. Pengguna Terdaftar - termasuk OpenID ? hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk Pengguna Terdaftar adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. Pengguna dengan Google Account ? Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. Hanya anggota blog ini ? Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan.
  • Penempatan Formulir Komentar : Halaman penuh ? halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. Jendela munculan ? Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. Disemat di bawah entri  ? kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah Disemat di bawah entri.
  • Default Komentar untuk Entri : pilih Entri baru memiliki komentar jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih Entri baru tidak memiliki komentar jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting.
  • Tautbalik : Pilih Tampilkan jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih Sembunyikan jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat.
  • Bawaan Tautbalik untuk Posting : pilih Entri baru memiliki Tautbalik jika setiap artikel yang di posting memiliki Backlinks. Pilih Entri baru tidak memiliki Tautbalik jika setiap artikel yang di posting tidak ingin memiliki Backlinks.
  • Format Timestamp Komentar : pilih format tampilan tanggal komentar yang anda sukai.
  • Pesan Formulir Komentar : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.
  • Moderasi komentar : Pilih Selalu jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih Hanya pada entri yang lebih lawas dari jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih Tidak pernah, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar.
  • Tampilkan verifikasi kata untuk komentar? : Pilih Ya jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih Ya jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan.
  • Tampilkan gambar profil dalam komentar? : Pilih Ya jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih Tidak jika tidak ingin menampilkan gambar profile pemberi komentar.
  • Email Pemberitahuan Komentar : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email.
  • Akhiri pengaturan menu Komentar dengan klik tombol SIMPAN SETELAN.

Arsipkan

Beberapa pengaturan dalam menu Arsipkan :
  • Frekuensi Arsip : pilih arsip yang ingin di tampilkan apakah Arsip tidak ada, Harian,Mingguan, atau Tiap Bulan. Disarankan untuk memilih Tiap Bulan.
  • Aktifkan Halaman Posting? : Silahkan pilih Ya atau Tidak.
  • Akhiri pengaturan menu Arsipkan dengan klik tombol SIMPAN SETELAN.

Feed Situs

Beberapa pengaturan dalam menu Feed Situs :
  • Izinkan Feed Blog : Silahkan pilih Tak satupun, Singkat, atau Penuh. Disarankan untuk memilih opsi Penuh.
  • Posting URL Pengubahan Arah Feed : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu. Untuk pembahasan feed burner akan di posting pada posting selanjutnya.
  • Post Feed Footer : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu.
  • Akhiri Pengaturan menu Feed Situs dengan klik tombol SIMPAN SETELAN.

Email & Seluler

Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui email ataupun perangkat seluler anda.
Beberapa pengaturan dalam menu Email & Seluler :
Alamat BlogSend : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ).
Alamat Pengeposan via Email : buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat seluler dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda
alamat pengeposan via email


Untuk mengaktifkan fitur ini, anda harus memilih opsi Publikasikan segera email, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah Simpan email sebagai entri konsep, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep.
Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi Dinonaktifkan. Fungsi ini banyak juga dipilih dengan alasan keamanan.
Jangan lupa akhiri pengaturan menu Email & Seluler dengan klik tombol SIMPAN SETELAN.

OpenID

Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID. Apa itu OpenID? Mungkin lain kali akan dibahas.

Izin

Pada menu ini anda dapat menambahkan penulis dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda.
Pada Siapa yang bisa melihat blog ini? Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi Siapapun berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. Hanya Orang-orang yang saya pilih  yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. Hanya penulis blog berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi Hanya penulis blog terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template.
Untuk pembahasan Cara Pengaturan Blog Di blogger sepertinya sudah cukup, apa opini anda tentang ini?
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8qm3Az2s6WnzMpayIIo0MKYSphnaQ_P7sKbSpd6WL_YNilXgxECIdBQBfhy8gzIum6IXP4tMJaBj_AH70GuECRedbukXDNtH4rT2zJ6UCEmDMAxYSuhk4MqiULRGzvKmxlJqCPEHL0Bs/s1600/rss.gif

Bagi sebagian orang, tampilan border image atau bingkai photo dirasa kurang cantik, namun bagi sebagian orang lagi punya pendapat sebaliknya. Nah jika Anda termasuk bagian dari sebagian orang dalam kategori pertama, Anda bisa mengikuti cara ini untuk menghilangkan border Image di Blog Anda.

Gimana apakah Anda tertarik? Jika iya, mari ikuti Cara Menghilangkan Border Image di Blog, sebagai berikut :


1. Login ke Blogspot Anda;

2. Tata letak;

3. Edit HTML;

4. Cari kode di bawah ini:
.post img {
border:1pxsolid $bordercolor;
margin:4px;
padding:4px
}


Untuk kemudahan pencarian kode di atas, gunakan tombol Find atau tekan Ctrl + F, masukan kode
.post img {

ke kotak Find, ketemu dech.

5. Ganti nilai border:1px menjadi border:0px;

6. Save Tamplate, selesai!!!
Tutorial Blog Kali ini Link nya ajaib bLum smpat di klik dah trbuka..wah bagus nih untuk iklan adsense blum di klik dah terbuka.
Sesuai dengan judul di atas, kali ini kita akan membuat link yang langsung terbuka tanpa harus di klik, caranya kita tinggal mengarahkan cursor mouse ke tulisan link tersebut..
Bagi anda yang baru memulai karir didunia blogger atau senang dengan yang unik-unik untuk blog anda, maka jangan tinggalkan cara yang satu ini,,

Tapi saran saya jangan terlalu banyak memasang link seperti ini, soalnya cara seperti ini sangat merepotkan pengunjung blog kita.. karena jika cursor mouse kita sekali melintas saja di link tersebut maka akan langsung Berpindah ke alamat link tersebut,
Sudah paham dengan penjelasan diatas�
Jika belum arah kan saja cursor mouse anda ke Link di bawah ini�!!!

boland


Dibawah ini adalah Script kode di atas


Jika Anda Ingin membuatnya cara nya Sangat mudah koq� Tinggal Copy Paste aja script kode dibawah ini..?


Ganti alamat URL link Dan Judul dengan versi anda sendiri,,
Selamat Mencoba!!! Semoga Berhasil�
Haii sobat ada postingan baru nich .hehehe di malam yang sunyi ini saya mau menjelaskan bagaimana Cara Menghilangkan Link Berlangganan Entri Atom di Blog.Kamu tentunya pernah melihat tulisan seperti ini kan Langgan: Poskan Komentar (Atom)  ?yupzz tulisan ini biasanya ada di bawah postingan blog kita. bagi sebagian orang tulisan ini mungkin membuat risih,atau ga enak aja buat dipandang .hehehehe bagaimana cara menghilangkanya ? yuupzz..Cara Menghilangkan Link Berlangganan Entri Atom
di Blog ini Cukup mudah.Caranya tinggal ikuti aja langkah-langkah Menghilangkan Link Berlangganan Entri Atom Berikut Ini.

1.Login Ke blogger Dengan ID kamu.

2.Klik Tata Letak Kemudian Klik Edit HTML.

3.Selanjutnya Cari Kode :

]]></b:skin>

4.Kalo Udah ketemu copy dan paste kode berikut diatasnya.

.feed-links{
display:none;
}

5.Kalo Udah selesai jangan lupa klik Simpan Template.

6.Tinggal kamu lihat hasilnya dech .pasti itu link udah ilang.hehehe
wah-wah jumpa lagi kita di postingan saya kali ini ,saya akan membearitahu sobat2 yang belum tahu tentang teks roller itu seperti teks yang menonjol dan mengecil baik lah nie scriptnya gw kasih :::



<script>

/*
Teks Roller Script-
By ridhocommunity.blogspot.com
*/

var fs=1
var direction="right"
function rollertext(whichone){
var thetext=whichone
for (i=0;i<thetext.length;i++){
document.write(thetext.charAt(i).fontsize(fs))

if (fs<7&&direction=="right")
fs++
else if (fs==7){
direction="left"
fs--
}
else if (fs==1){
direction="right"
fs++
}
else if (fs>1&&direction=="left")
fs--

}
}
//MAsukan teks anda dalam tanda kurung dibawah
rollertext("Selamat Datang... Dan Terima Kasih Atas Kunjungannya !")
</script>

nanti hasilnya akan seperi ini :

Selamat Datang... Dan Terima Kasih Atas Kunjungannya !
Baik lah selamat Mencoba!!!
Terinspirasi oleh blognya vhyrgo yang memiliki link read more.
Nah pada link read more yang seperti blog saya tersisip judul postingnya sesuai dengan postingan yang diberi read more.

yang kita bahas kali ini adalah cara membuat link Read More beserta Judul postingnya di Read More versi pertama

Oke kita langsung aja ke cara pembuatanya dehh

1. Log In ke Blogger Dan masuk ke menu Layout lalu masuk Edit HTML

2. Jangan Lupa centang kotak "Expand Widget Templates"

3. Kemudian Cari Link Raed More Anda misalnya Punya aku seperti ini


<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya </a></p>

Kamu Lihat tulisan yang tercetak tebal diatas itu adalah Link Read More punya aku

4. Kamu tambahkan Code <data:post.title/> dan Kamu tempatkan di sebelah Link read More, Lihat Contoh Dibawah



<p><data:post.body/>

<a expr:href='data:post.url'>...Baca Selengkapnya dari.."<data:post.title/>" </a></p>

Nah diatas Adalah Contoh dari Link read More Punya ku.. kamu bisa merubah sesuai keinginan kamu

5. Save..

Sekian deh semoga bermanfaat bagi Anda...

Salam .Blogger Indonesia.Kmaren Saya pernah pernah posting tentangSciript Unik Untuk Menyambut Pengunjung Kali ini saya akan menjelaskan tentang cara  untuk membuat browser bergerak berputar,,

Maksud dari judul Di atas adalah perubahan pada browser yang bergerak mengecil lalu membesar kembali,,

jadi tampilan browser seperti berputar, lalu akan kembali ke awal seperti semula lagi

Sebagai contoh lihatlah perubahan blog anda setelah memasang nya,,dan lihat lah apa yang terjadi
Sudah jelas Terlihat perubahan yang terjadi pada browser anda,, dengan script browser bergerak ini maka tampilan saat membuka blog anda akan semakin unik dan menarik...
Tertarik untuk membuatnya langsung saja ikuti langkah - langkah di bawah ini :

Copy Paste Script Kode Di Bawah Ini :

<script>
window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",30);
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0.3)
}
</script>

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan..
kali ini saya akan memposting tentang cara Script Unik untuk Menyambut Pengunjung di blog
Yang bertujuan biar jendela pengunjung yang tadinya diperkecil, kemudian ketika mengunjugi blog tsb. Jendelanya otomatis melebar dengan sendirinya contohnya bisa dilihat saat sobat membuka blog ini. Cuman yang ini lebih simple.
Scriptnya sebagai berikut:


Simpan script tersebut di atas code <head> ...!

 simple bukan , selamat mencoba!!! 

facebook icon
Buton facebook like ini fungsi nya adalah akan memudahkan pengunjung berkongsi  artikel pada blog dengan rekan-rekan di facebook.Buton ini adalah satu cara bagi meningkatkan trafik ke blog kerana facebook adalah web jaringan sosial paling popular waktu ini.Jika ingin memasang buton tersebut pada blog pada dasarnya kod boleh diambil di facebook developer dengan hanya memasukkan beberapa setting dan kod facebook like akan dihasilkan
facebook like






Langkah membuatnya:
Masuk ke design�pilih edit HTML

edit template




tandakan pada Expand template widget
expand template





Kemudian cari kod ini(gunakan Ctrl+F untuk memudahkan pencarian):
find code



<data:post.body/>

Kemudian letak kod dibawah ini selepas  kod diatas
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Perkataan like boleh juga  ditukar pada perkataan lain yang bersesuaian.
Font=selain dari arial  boleh ditukar kepada jenis font lain seperti  lucida,Tahoma,verdana,trebuchet,lucida
Colorscheme= terdapat tiga warna selain dari light iaitu evil dan dark

Fungsi bagi disable right click adalah bagi melindungi artikel atau imej dari dicopy.Mesej akan keluar jika  right click cuba digunakan.Walaupun ada right click tapi masih boleh dicopy juga kerana ada cara lain yang boleh digunakan. Jadi untuk imej yang dimasukkan eloklah diletak watermark supaya tidak disalah gunakan.



Cara membuatnya:










Masuk kedesign--pilih pagelements
Add a gadget--pilih HTML/javascript
masukkan kod dibawah ini:

<script>
var message="ma'af dilarang mengambil tanpa izin";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

Gantikan ma'af dilarang mengambil tanpa izin dengan mesege yang ingin ditampilkan
Kemudian save.
Pemasangan back to top pada blog adalah bagi memudahkan pengunjung kembali semula keatas setelah menggunakan scroll untuk membaca artikel sampai kebawah.Jika menggunakan nya adalah lebih cepat dari menggunakan scroll.Kadang kadang back to top ada pada blog tapi kita dah biasa guna scroll tak nampak pun  button tu..terlupa..termasuk lah saya.

Cara membuatnya:
Masuk ke design dan pilih page elements
Klik pada add gadget-pilih HTM/Javascript

Masukkan kode dibawah ini:

style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://img179.imageshack.us/img179/1849/backtotop.png"/></a></div>

*Kode ini hendaklah diletakkan dibahagian bawah sekali pada page element supaya tidak terlindung
kemudian klik save...selamat mencoba
Cursor yang bertabur bintang adalah salah satu cara untuk mempercantik tampilan blog.karena saat cursor di geser kursor tersebut akan mengeluarkan bintang-bintang.seperti kursor blog saya.

Setelah melihat Contohnya Tertarik tidak sobat untuk membuatnya ?jika tertarik silakan ikuti tutorial Cara Membuat Cursor Bertabur Bintang di bawah ini untuk Membuat Cursor Bertabur Bintang.


1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.



5.Letakkan HTML di bagian paling atas..

6.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Bintang biru

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script> 
 
Bintang  hijau

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script> 
 
Bintang  merah

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

Bintang  putih

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-putih.js" type="text/javascript"></script>

Bintang ungu

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

lalu simpan
Bedanya yang ini pengunjung bisa memasukkan namanya di pesan selamat datang

udah jangan banyak bacot langsung aja :

  1. login ke blogger
  2. Klik rancangan
  3. klik tambah gadget
  4.  Klik HTML/JavaScript
masukkan script ini :

<script quality='high' type='text/javascript'>
var name = prompt("selamat datang di blog ane nama kamu siapa???", "isi nama kamu disini ");
alert("waaahh nama yang bagus Salam kenal ya "+name)
//</script>

 ganti yang bewarna merah dengan pesan sobat !!!


Membuat efek salju di blog, kenapa harus nulis ini saya? Sekedar hanya ingin berbagi kepada blogger yang lain khususnya yang mempunyai template dengan background atau warna dasar hitam.Akan kelihatan lebih menarik lagi tentunya jika diseimbangkan dengan warna putih, dan warna putih itu berasal dari efek hujan salju. Dingin :)

Walau lagi musim salju atau tidak. Kita tetap bisa kan membuat hujan salju di blog kita. Memang di sini tidak ada hujan salju, masih tetap juga kita bisa buat hujan salju di blog kita. Bagaimana caranya membuat hujan salju di blog kita? Mudah kok :)
Cara Membuat Hujan Salju di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4/jquery.min.js"></script> <script 
src='http://blogergadgets.googlecode.com/files
/snowfall.min.jquery.js' type='text/javascript'></script> <script 
type="text/javascript"> $(document).snowfall({flakeCount:199}); 
</script>

5. simpan jika sudah selesai
semoga berhasil... 
Hanya Dengan Rp 7.000 per bulan atau paket Rp 30.000 per 6 bulan. Iklan banner anda (125 x 125) atau (468 x 60) akan tampil 1500 kali perhari di blog� di bawah ini:


Dan jika anda berminat hubungi
boland capzlock dengan E-mail arman_syah63@rocketmail.com atau
SMS ke 085396514714 
iini adalah no.handphone boland hihihi,, bagi fans yg ingin menghubungi silahkan ajja..
bisa juga d'jadikan sebagai tempat curhat kogh..

@jerukeriput. Powered by Blogger.
blogwalking.. Selamat datang di blog saya.