Mudah Trik Blogger

JUDUL ARTIKEL






 Mudah Trik Blogger
Contoh script atau cara yang praktis dalam mengelola sebuah blog bisa sobat temukan disini...!! so????

contoh 1
Untuk Membuat link yang jika diklik akan muncul di window baru atau Tab baru

Misalnya kita mengutip sumber blog mastor sepang dan ingin ngelink ke sana, maka taruhlah achor text-nya mastorsepang. Jika dengan cara konvensional, maka kodenya:
<a href="http://mastorsepang.blogspot.com">mastorsepang</a>
Agar saat diklik muncul di window baru, maka kodenya perlu ditambahi target="blank", sehingga menjadi:

<a href="http://mastorsepang.blogspot.com"target="blank">mastorsepang</a>

Gampang kan?!
-------------------------------------------------------------------
-------------------------------------------------------------------

Cara membuat pesan pembuka di blog
 

1. Login ke blog

  2. Klik Tata Letak

 3. Klik Edit HTML

4. Beri centang pada kotak di samping Expand Template Widget

5. Cari kode </head> lalu pastekan skrip berikut ini di atasnya:
   
<script language="JavaScript">alert("selamat datang di blog mastorsepang");</script>

   Pesan ini akan muncul sebelum blognya terbuka...dan klo Sobat ingin agar pesan tersebut muncul setelah blognya terbuka caranya...tinggal copy script diatas dan pastekan di bagian paling bawah  kode html blog sobat, diatasnya </body></html>

6. Simpan. Selesai

Keterangan:
- Ganti kata "
selamat datang di blog mastorsepang" dengan pesan sesuai keinginan anda.
- Tanda kutip jangan dihapus.
Selamat mencoba!
Gampang kan?!
-------------------------------------------------------------------
-------------------------------------------------------------------

Cara Menonaktifkan Klik Kanan | Anti Copas Content dan Foto - Tak ingin konten atau foto di blog anda di-copas? Caranya mudah, dengan menonaktifkan fungsi klik kanan. Meski, trik itu sebenarnya tetap bisa disiasati. Tapi, paling tidak membuat yang mau copas harus bekerja keras. Hehehe...

Caranya:
1. Login ke akun blog Anda.

2. Masuk 'Layout atau Tata letak'---> 'Tambah gadget'

3. Pilih 'HTML/java script'

4. Masukkan kode berikut ini:
<script language="JavaScript">
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="
Kalau mau copas ijin dulu";

///////////////////////////////////
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>
-------------------------------------------------------------------
-------------------------------------------------------------------


Cara Menambahkan Tombol 'Like' Facebook di Blog 

- Bagi yang suka fesbukan, pasti biasa lihat tombol 'Like'. Tombol seperti itu ternyata bisa dipasang di bawah postingan blog. Caranya:

1. Masuk Layout->Edit HTML->centang 'Expand widget template'

2. Cari kode <data:post.body/>

3. Letakkan kode berikut ini di bawahnya:

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

4. Simpan dan lihat hasilnya.

Selamat mencoba

=================================================================
 Cara Mudah mencari blog se kota
Kalau kita mau mencari teman blogger dari satu kota atau daerah ternyata caranya sangat simple sekali. Bagi yang berminat yo..  lanjut aja bacanya tentang cara Mencari Teman Blogger Satu Kota di bawah ini :

Caranya masukan atau copy paste kode dibawah ini ke alamat browser sobat :
  1. Mencari Teman Blogger se Indonesia :
    http://www.blogger.com/profile-find.g?t=l&loc0=ID
  2. Mencari Teman Blogger satu Propinsi & kota
    http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jayapura
    http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Papua
     
  3. Mencari Teman Blogger satu Kota /  kabupaten :
    http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa+Barat&loc2=Bandung

    ==============================================================
    Cara mudah membuat Link yang terbuka di Tab baru
    Untuk Membuat Link yang Terbuka di Tab Baru
    Ubahlah Kode HTML di Bawah Ini dengan Petunjuk yang di Berikan
    <a href="http://www.mastorsepang.blogspot.com/" target="_blank">klik disini</a>
    1. Ubahlah http://www.mastorsepang.blogspot.com/ dengan Link yang Akan Terbuka di Tab Baru
    2. dan klik disini Ubahlah dengan Nama Link tersebut
    3. Contoh klik disini
    ====================================================================

=========================================================

Cara menyembunyikan  sebagian dari isi  blog


cara ini saya sudah praktekan di dan ternyata dengan cara ini akan mengurangi beban blog untuk meload isi dari blog pada saat kita membuka tab baru..!!pokokya keren abizzz..
 
Cara menyembunyikan atau menampilkan sebagian dari isi widget di sebelah kanan atau kiri bar blog kita sangatlah mudah ,  kita hanya menambahkan dua baris kode pada setiap halaman elemen yang di tambahkan atau yang terpasang. Pilih salah satu elemen yang hanya tampil di halaman depan blog, misalkan saya memilih elemen text kemudian buka Template ->Edit HTML dan jangan lupa tandai kotak kecil di samping tulisan Expand Template Widget. Kemudian cari tulisan atau kode elemen HTML1. Setelah ketemu tambahkan dan letakan dua baris kode pada posisi seperti tulisan yang saya beri warna.

Contohnya seperti ini : 


 <b:widget id="HTML1" locked="false" title="" type="HTML">
<b:includable id="main">
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<div class="widget-content">
<data:content>
</data:content>
</div>
</b:if>

<b:include name="quickedit">

</b:includable>
</b:widget>
 


 
Ingat, hanya tambahkan saja kedua kode itu.

Agar memudahkan kita mencari kode elemen yang akan kita edit, maka sobat Sebaiknya memberikan judul pada setiap elemen. Misalnya untuk elemen HTML daftar link, Anda memberi nama dengan coba sembunyikan 1 atau mastor 1..hehehe...terserah sobat, Jangan lupa untuk menyimpanya dan sangat mudah dipraktekkan bukan ...??


 ===================================================================================
 
Pesan ini akan mucul dengan sendirinya pada saat anda meninggalkan sebuah blog yang telah anda kunjungi..!!


Cara buatnya :

1. Login ke account blogger anda.
2. Klik Layout --> Edit HTML.
3. Cari kode di dalam template anda.
4. Copy pastekan script di bawah ini tepat dibawah kode :
 

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima kasih karena telah mengunjungi blog saya by mastor sepang !!');
}
parent.window.onunload=goodbye;

</script>


5. Klik Simpan Template. 

==========================================================


Cara menyembunyikan sebagian dari isi blog 
Kebalikan dari postingan yang diatas pada saat membuka tab baru caranya sangatlah mudah!!next...


Pilih salah satu elemen yang hanya tampil di halaman depan blog, misalkan saya memilih elemen Label kemudian buka Template ->Edit HTML dan jangan lupa tandai kotak kecil di samping tulisan Expand Template Widget. Kemudian cari tulisan atau kode elemen LABEL1, setelah ketemu tambahkan dan letakan dua baris kode pada posisi seperti tulisan yang saya beri warna. 

<b:widget id="Label1" locked="false" title="" type="Label">
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<div class="widget-content">
<data:content>
</data:content>
</div>

<b:include name="quickedit">

</b:if>

</b:includable>
</b:widget>

=================================================

Agar memudahkan kita mencari kode elemen yang akan kita edit, maka sobat Sebaiknya memberikan judul pada setiap elemen. Misalnya untuk elemen HTML daftar link, Anda memberi nama dengan coba sembunyikan 1 atau mastor 1..hehehe...terserah sobat, Jangan lupa untuk menyimpanya dan sangat mudah dipraktekkan bukan ...??
 

=================================

copykan code ini dan pastekan di blog sobat klo susah di copy yach usaha dunk..heheh

<div align="center">
<table width="250" border="1">
<tr> <th colspan="100%" scope="col"bgcolor="#FFF7DB">CONTOH DAFTAR ISI TUTORIAL BLOG</th> </tr><tr><td>
<div style="font-family: arial; font-size: 12px; overflow: scroll; background: #FFFFFF; border-color: #CCCCCC; width: 250px; height: 150px;"><div style="text-align:left; width: 100%; padding: 0 px; overflow: hidden; color: #FFFFFF; background: #F6F0FF;">

isi dari alamat yang akan di masukkan ke box
contoh:
mudah trik blogger

</div>
</div>
</td></tr>
</tbody></table>
</div></div></div></td></tr>
</table></div>


=============================================

Cara mengHapus Link Subscribe To Post (Atom) yang ada dibawahnya Kotak Komentar
1. Login ke Blogger. Klik menu Design -> Edit HTML
2. Beri tanda centang pada "Expand Widget Template"
3. Lalu cari kode di bawah ini:

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

4. Kalau sudah ketemu, hapus kode tersebut lalu klik Save Template
5. Selesai. Silahkan klik View Blog untuk melihat hasilnya.
Mudah kan???

==================================================
Kegunaannya adalah Membuat blog atau website mudah dan ringan untuk di load adalah dengan mengompress CSS tersebut baik secara manual ataupun secara otomatis dengan menggunakan tool CSS Compressor.
Alamat tool CSS Compressor


Selamat Mencoba

Saya sarankan sebelum menggunakan css compressor ada baiknya back up dulu css layout anda...!! kemudian tes kecepatan blog atau web anda disini

mudah kan???

========================================


1. Login ke Blogger. Klik menu Design->Edit HTML
2. Lalu beri centang pada "Expand Template Widget"
3. Cari kode dibawah ini :

(<data:label.count/>)


4. Jika sudah ketemu, hapus kode tersebut lalu klik Save template
5. Selesai. Klik View Blog untuk melihat hasilnya

mudah kan??

==========================================
Agar blog kita lebih SEO friendly dimata search engine google, ketika orang mengetikan kayword yang sesai dengan postingan kita maka secara langsung judul dari postingan kita akan muncul di dalam search engine google. Berikut cara merubah judul blog menjadi judul postingan :

1. Login ke blogger.com
2. Pilih Tata Letak
3. Klik Edit HTML
4. Klik Expand Template Widget
5. Sebaiknya backup dulu templatenya

Ctrl F atau F3 lalu cari kode di bawah ini :
<title><data:blog.pageTitle/></title>

Bila sudah ketemu, hapus kode di atas dan ganti dengan kode yang ini
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

5. Klik simpan

mudah kan???





Read more
close
vip