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

Cara Membuat Read More di Blogpsot

Cara membuat read more di Blogspot atau blogger sangat mudah, hanya dengan manupulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Sebenarnya teknik ini bisa digunakan untuk menerapkan salah satu teknik Black Hat SEO di blogspot, untuk teknik SEO haram ini tidak akan saya bahas disini, yang berminat silakan explore dan dicoba sendiri.

Berikut ini langkah-langkah untuk membuat read more blogger
* Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
* Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.
* Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>

# Cari <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>

# Selesai. Sekarang setiap posting letakkan
<span class="hidenpost">  sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost">dan</span> posting harus dalam mode Edit HTML bukan Compose ) pastikan juga diantara <span class="hidenpost">  dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div>
demikian juga sebaliknya

Read more...

Pasang Widget Translate

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script> 

5. Kemudian simpan.


Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan...

Read more...

Update Status di FB Via ini...itu....

Dulu saya pernah membahas tentang cara update status facebook via telepon umum, kantor Pos, wartel, warnet, HP pinjaman, blueberry dan kaskus. Lalu bagaimana cara update status di facebook via blog / website, via hati atau via "terserah kamu". Buat para facebooker mungkin ngak aneh kalo kita nge-update status via mobile web atau biar lebih keliahatan gengsinya gunain via facebook For BlackBerry

Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu
Aku akan coba kasi trik agar kita merubah sesuka keinginan kita via apa yang kita gunain. sebagai contoh biar ngak bingung bisa liat gambar dibawah ini

Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu

Keren kan, selain itu kisa memberikan pada alamat via tersebut itu ke blog kita. Lumayan kan nambah vistor kali – kali aja ada yang ngeklik. biar ngak memperpanjang mukadimah. cikedot kita mulai

1. Silahkan login ke facebook terlebih dahulu

2. Selanjutnya silahkan ketikkan http://www.facebook.com/developers/ pada browser rekans, maka akan muncul halaman seperti ini
Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu

3. Lalu pilih Button atau Menu “Set Up New Application” Maka akan muncul halaman berikut
Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu

Isi nama aplikasi yang rekans inginkan, nah dalam kasus ini yang akan kita gunakan sebagai via nya ntar. Jika sudah dibuat nama aplikasinya jangan lupa pilih option “agree” sebelum menekan tombol “Create Aplication”

4. Selanjutnya akan muncul halaman seperti dibawah ini
Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu
Karena kita hanya gunakan untuk menggunakan untuk vianya saja. maka silahkan diisikan form diatas alakadarnya, yang aku sarankan hanya untuk menambahkan icon pada aplikasi kita buat. Jika Sudah selesai mengisi silahkan pilih menu “Back to My Applications” lalu klik Uji Konsol (API, FBML, Feed) yg ada di bawah. Atau jika ingin langsung silahkan buka link disamping ini http://developers.facebook.com/tools.php?connect_wizard

5. Selanjutnya akan terbuka halaman seperti dibawah ini
Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu


Pilih tab “facebook Connect Playground“
Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu



Pada menu “Markup and Publishing” pilih “Publishing to facebook“
Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu

Pastikan Step – step urutan menu diatas beraturan dilakukan. Setelah halaman ini muncul klik button/tombol “Preview Dialog” (Lihat gambar) maka akan muncul pop up seperti gambar dibawah
Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu

Untuk mencoba apakah via yang kita buat berhasil atau tidak, silahkan coba isi textarea yang telah disiapkan pada pop up diatas. Setelah menekan tombol “publish“, coba anda liat pada halaman profil rekans.
Update Status di Facebook Via Blog / Website, Via Hati atau Via Terserah Kamu


Selesai…..

Sumber: http://forantum.blogspot.com/2010/01/update-status-di-facebook-via-blog.html

Read more...

Cara Membuat Judul Postingan Berkedip

Tutorial ini sama dengan tutorial sebelumnya, yaitu Cara Membuat Judul Postingan Bergerak. Yang berbeda hanyalah efek yang dikeluarkan, kalau tutorial sebelumnya mengeluarkan efek judul postingan bergerak, sedangkan yang ini mengeluarkan efek judul postingan berkedip, seperti di atas. Caranya sangatlah mudah dan gampang, tanpa basa-basi lagi saya akan memberi tahu.

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Klik Entri Baru

3. Nah, saat memberi judul, beri kode <blink>....</blink> .

4. Format judulnya seperti ini,
<blink>Disini Judul Blog</blink>

5. Isi postinganmu

6. Lalu klik Tebitkan Entri

Read more...

Cara Membuat Judul Postingan Bergerak

Apa yang kamu liat dipostingan ini ??? Apa yang berbeda postingan ini dengan postingan-postingan lainnya diblog ini ??? Jika kamu teliti, judul postingan ini bergerak dari kanan ke kiri. Sesuai dengan judul postingan ini, yaitu Cara Membuat Judul Postingan Bergerak, saya juga sesuaikan dengan postingan yang saya buat. Cara membuat bergerak sangatlah mudah dan praktis kok.

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Klik Entri Baru

3. Nah, saat memberi judul, beri kode <marquee>....</marquee> .

4. Format judulnya seperti ini,
<marquee>Disini Judul Blog</marquee>

5. Isi postinganmu

6. Lalu klik Tebitkan Entri

SEMOGA BERMANFAAT !!!

Sumber Trik: http://www.whiteangel.co.cc

Read more...

Cara Mengganti Icon Pada Adress Bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://i1124.photobucket.com/albums/l579/mega_oc/00020389.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

 
http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif
http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

Read more...

Cara Membuat ANU Berada di Pojok

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir  eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untuknya itu gini saya nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar helikopter sebelah kanan atas.. Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.  

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

 

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok"><a href="http:/tutorial-mega.blogspot.com">
<img src="http://i1124.photobucket.com/albums/l579/mega_oc/00020389.gif" border="0" /></a></div>

"http://tutorial-mega.blogspot.com" adalah link. ganti dengan link kamu.
"http://http://i1124.photobucket.com/albums/l579/mega_oc/00020389.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya. 

 

Read more...

Hal-Hal yang Harus diPerhatikan dalam Mengganti Templates Blogger

Blog adalah ibarat rumah kita, dan tentunya kita ingin blog tersebut tampil menjadil lebih cantik dan indah. Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan/template blog. Jika kita mengganti template dengan template yang sudah disediakan blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga kita seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis. Namun jika kita menganti template dengan template lain yang disediakan oleh selain blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yg disediakan blogger, karena ada beberapa efek sampingnya, diantaranya yaitu kamu akan kehilangan element2 kamu ato malah blog kamu jadi rusak. Nha berikut ini akan aku jelaskan hal-hal apa aja yang harus diperhatikan jika kamu pingin ganti template dengan jasa lain.

Pertama kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu "Layout --> Edit HTML", trus klik link bertuliskan "Download Full Template" terus simpan file yang diberikan.

Kedua yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu "Page Element", nha disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada link bertiliskan "edit" klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di "add page elements".

Ketiga, jika template dan elemen-elemen sudah kamu backup langkah selanjutnya yaitu mengupload template yang sudah kamu download. Biasanya file template yang di download berextenxi "xml" tapi kadang-kadang ada juga yang berekstensi "zip atau rar", kalo begitu kamu harus mengekstraknya dulu sehingga kamu akan mendapat file berekstensi "xml". Trus gini cara ngaploadnya, Kembali ke menu "Edit HTML", trus disitu kan ada tombol "brows" klik tombol tersebut terus cari file template yg pingin kamu pakai sudah kamu download, trus klik tombol :upload".

Keempat, biasanya kamu akan mendapat konfirmasi seperti gambar dibawah ini, itu artinya elemen-elemen kamu akan dihapus. Klik tombol "Confirm & Save"


Kelima, jika ternyata yang muncul adalah seperti gambar dibawah ini maka itu artinya ada yang tidak beres dengan template kamu dan kamu tidak bisa memakai template tersebut di blog kamu, jadi kamu ganti aja dengan template yang lain.


Keenam, coba preview blog baru kamu, merasa sudah cocok ikuti langkah

Ketujuh. Jika kamu mendapati ada gambar header yang sebelumnya kamu pake buat header masih muncul di template baru kamu dan posisinya sepertinya tidak cocok, maka kamu harus menghilangkannya dulu gambar header tersebut, caranya masuk kembali ke menu "Page Element", dibagian header coba kemu edit dan hapus gambar kamu. Jika di bagian header tidak ada link "edit" coba kamu ganti dulu templatenya dengan template yang disediakan oleh blogger dan kembali ke "Page Element" trus "edit dibagian header dan hapus gambar header kamu kemudian ikuti lagi langkah-langkah ketiga

Ketuju, Kembalikan elemen-elemen yang sudah kamu backup tadi sehingga kini kamu memiliki template baru dan elemen-elemen yang dulu tidak ilang.

Kedelapan, Selamat bermumet-mumet :z

Link templates bisa didapat disini http://www.eblogtemplates.com/

Read more...

Cara Membuat Blog di Blogspot

1. Apa itu Blog ?

Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.

Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet. 

Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah  blogspot atau blogger, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : contohsaja.blogspot.com

Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.

Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com

Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.<span class="hidenpost">

Daftar Blog di blogger

1. Silahkan kunjungi situs http://www.blogger.com
2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger 
3. Klik tombol bertuliskan CIPTAKAN BLOG ANDA. 
4. Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN. 
5. Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.  
6. Akan ada tulisan “Blog Anda Sudah Jadi!”. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING. 
7. Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik. 
8. Klik “Lihat Entri” untuk melihat blog anda. 
9. Selesai. 

Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.</span>

Read more...