Membuat Menu REPLY Pada Komentar Blog

Untuk sobat blogger yang ingin menambahkan menu Reply Comment pada Form komentarnya bisa memakainya sebagai Asesoris juga Sebagai menu untuk membalas komentar.

Untuk cara membuatnya ikuti langkah-langkah berikut ini:

1. Login blogger
2. Rancangan, edit Html
3. Centang menu Expand Template Widget
4. Sekarang sobat bisa memilih untuk penempatan kode dibawah ini :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4816079900001314113&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd;'>Reply Comment</a>
</b:if>

 

Keterangan :
- blogID=4816079900001314113 : bisa dilihat pada Url saat sobat Edit Html
- Yang berwarna Merah Dan biru edit atau tambahkan dengan Style yang diinginkan

Nah sekarang Untuk Penempatan kode diatas.....

Penempatan Cara 1 : Bisa ditempatkan dibawah kode <data:commentPostedByMsg/> (Ctrl+F untuk mempermudah pencarian)

Penempatan Cara ke 2 : Bisa ditempatkan dibawah kode <dd class='comment-footer'>.

Tinggal dipilih saja sesuai kebutuhan. Untuk cara ke 1 itu nanti tampilannya ada diseselah Nama dari Yang memberi komentar.
Untuk Cara ke 2 Tampilannya akan berada dibawah komentar dari pemberi komentar.

5. Simpan template dan lihat hasilnya.

Read more...

Menonaktifkan Klik Kanan Pada Blog

Untuk menghindari keprivasian artikel pada blog anda, anda bisa menggunakan tips ini untuk menghindari agar tidak ada copy-paste artikel anda.

Untuk cara mendisable Klik kanan, ikuti langkah-langkah berikut:

1. Login blogger

2. Rancangan, Elemen Laman

3. Tambah Gadget, Pilih Html/Java script, dan

4. Simpan kode Html berikut:

<script>
var message="Jangan di Ulangi Lagi Yah...^_^ !";
///////////////////////////////////
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>

yang berwarna merah silahkan ganti dengan teks yang diinginkan.

5.Simpan dan lihat hasilnya.

namun java script ini juga mempunyai kekurangan. masih bisa dinonaktifkan dengan menonaktifkan fungsi java script pada brower mozilla, tapi sekeda untuk sharing saja dan menambah koleksi tutorial di blog ini saja.

Semoga bermanfaat

Read more...

Cara Membuat Icon Twitter Burung Terbang

Hello Pengunjung Tutorial-Mega Blog. Ok, kali ini saya ingin berbagi tentang salah satu cara memperindah tampilan blog dan sedikit membuat kita tenar di twitter, (emang bisa) ga kok saya cuma sedikit berlebihan hehehe. Fly follow twitter bird in blog atau floating twitter bird in blog atau burung follow twitter di blog menggunakan script. Sebaiknya langsung saja karena saya tidak pandai berkata-kata hehehe.

Untuk melihat demo nya bisa langsung lihat di blog saya ini :)

Berikut langkah-langkahnya:
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Rancangan >> Element laman
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.

 <!-- floating twitter Bird -->
<script type="text/javascript" src="http://oktriblog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTBF30TCCWA2fFJau9XX6RM6v17hjF-V9Sz71T5ftguBqOJ7tz18BIBZv6uMGea5g0GF5iWPIkF0I5iySNHsx5EBeRBrHay90S6H9ET6B7iIA3laY9Hld59FuNYcTfCnFZAPiB9NVJ7lbM/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/oktridarmadi";var tweetThisText = "Twitter - UserID http://www.oktri.co.cc/";tripleflapInit();
</script>

• Ganti yang saya beri warna merah tebal dengan nama twitter kamu
• Ganti yang saya beri warna biru tebal dengan URL blog kamu
• Selesai :)

 Mungkin ingin menyesuaikan warna burung nya dengan layout blog kamu, saya coba bantu sedikit :D . Cukup ganti url gambar yang saya beri warna  pink tebal di atas dengan url gambar di bawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy3L-h2fhC-7KNXnxoY2fy_7nsYhYWrl-tiUyLi_hjW8FI0kPf__83BuFmcoKAwJK7mICJWseKlpTNKwlOQWNK4GQrPmvMHO10n63BwWZ6F8EttJHgd7nlUsS1tf0raHrvpaf-C2YYntg/s1600/green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSORCyJ5-NLBOHn0Xgl44rG08qONjQse8ZDVHq-1vZGQSklI-yr3UVGGNRz3paP9YTrDwlbMXXzliSvb2z0wKy1GfQaNLo-rUpms0Roc651SgXMuqrL9on578QTfiyK9W9kcbYQ49ZGzJQ/s1600/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaxnW3XHDlPOt68atczhDeL9fYSgc1Md4qiHzkgYM7J3sx7oBd2ZEGJOs8j0iqNyiB8VSy8pzEcYq4Q4bDoZhp4uO5qydd4BzLbhcQlUo1owCgn3yIgY7CcKi4fgC5wsR7rHDa6Lbh7DD/s1600/pink.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6yyTBUMUh-ZSHq2lo9tOIGqY2cYRl9bDzeLtpnk_ZZivTRDNtfbEXw7jCSBqRWu7ZSBoPJZsTdvdz4VTU0W-cBqdnqCNivfGxFs8NzqSIShjyAk9F3-VOKTWbDxiVqO0UE55uslQWWE2I/s1600/purple.png


 

Ok saya rasa cukup :D . untuk warna yang lain mungkin bisa kamu edit sendiri .
Semoga berguna ;)

Read more...

Cara Membuat Link Blok Mengeluarkan Efek

Hello Pembaca Tutorial Mega  Melanjutkan Tutorial. Pada Tutorial Blog kali ini saya akan berbagi Tutorial Cara Membuat Link Blog Mengeluarkan Efek, masih bingung? Seperti kalau teman's ingin klik link keluar efek kayak api.


Saya Akan Langsung Memulai Topik Kita..Baiklah Sobat Hanya Mengikuti Langkah Berikut :

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan /Tata Letak --> Edit HTML 
3. Kemudian Sobat Tambahkan Atau Sisipkan  CSS Berikut Ini Tepat Di Samping Kode a:hover{ yg Berdekatan Dengan a:visited{ dan a:link{

text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;

  4.Simpan Templatenya Dan Lihat Hasilnya

Read more...

Tips Mengedit HTML Blogspot

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha tutorial kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML blogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:

We were unable to save your template

Please correct the error below, and submit your template again.

Your template could not be parsed as it is not well-formed. Please make sure.....

Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tutorial dalam pembahasan kali ini. Kita jumpa lagi di tutorial berkutnya.

Read more...

Cara Menampilkan Status Off/Online Yahoo Messenger

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Read more...

Cara Pasang Code HTML/JavaScript di SideBar

HII.....FRIENDS,,Kenapa saya memposting Tips ini, karena ada temen saya tidak tao cara kode HTML/javascrpt pada blog ,,n MUngkin  Cara ini khusus buat pemula, buat master-master Blogger pasti uda pada tau,  Anda ingin meletakkan code HTML link, Gambar, Gadget, dan assesoris blog lainnya di sidebar biar penampilan blog anda menarik sesuai dengan keinginan anda.... Ne caranya:

1. Login di Blogger dengan ID anda.
2. Klik Tata Letak(layout).
3. Klik tab Element Halaman.
4. Klik Tambah Gadget,

5. Klik tanda Tambah (+) pada HTML/JavaScript.

6. Masukkan judul dikolom pertama, masukkan Code HTML dikolom kedua.
7. Klik Simpan(Save).

Lihat Blog Anda..!!

Oya lupa anggap ini catatan atau apalah menurut pemikiran anda :

Setiap gadget baru posisinya pasti di atas, untuk memindahkannya sesuai dengan keinginan anda, masuk ke Elemen Halaman (Tata Letak). Klik + tahan mouse di atas judul gadget, arahkan ketempat yang anda inginkan. Untuk mengedit ulang klik "edit" dibawah kolom gadget yang anda inginkan.

Selamat Mencoba..

Read more...