Tutorial for Website, Blogger, wordpress Tutorial

Membuat "SMILE" pada blogger

2008-11-16T17:32:00.000-08:00

Labels: Blog Tips, Tips dan Trik, Tutorial

Halo semuannya dimanapun anda berada, Semua pasti dah tau apa yang akan saya jelaskan yaitu membuat "smile" pada postingan blog ,kalo kita coba membuat tanda smile apa yang terjadi....yang keluar bukan :), nah untuk membuat smile kita perlu tambahkan sedikit kata ajaib. Caranya gimana? ikuti tutorial ini...

Login ke blogger trus pilih Layout -->> Edit HTML
2. Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>

Jangan lupa disimpan, trus coba deh kamu posting dengan memakai kode-kode tersebut, Insya4JJI berhasil. kalo gagal coba lagi, kalo masih gagal ya coba sekali lagi, kalo masih gagal lagi ya mengkin servernya lagi down atau itu emang karena kamu kurang beruntung.

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) -->
:D -->
:$ -->
:( -->
:p -->
;) -->
:k -->
:@ -->
:# -->
:x -->
:o -->
:L -->
:O -->
:r -->
:y -->
:t -->
:s -->
:~ -->
:v -->
:f -->
:d -->
:c -->
:z -->

Sebelum mengetikkan kodenya, harus di spasi dulu.
untuk sementera itu dulu, icon-smile selanjutnya masih dalam penelitian di laboratorium

cara membuat gambar / sesuatu selalu berada di pojok

2008-11-16T17:12:00.000-08:00

Beberapa hari yang lalu ada salah seorang pengunjung blog ini yang bertanya tentang cara menampilkan gambar foto atau sesutu agar selalu berada di pojok terus (untuk melihat contohnya silahkan lihat poto saya yang berada di pojok kiri bawah yang ada yahoo messengernya), sebenernya pertanyaan ini sudah banyak yang masuk di blog ini baik lewat media chat box maupun langsung lewat yahoo messenger saya, tapi sebelumnya saya minta maaf karena tidak langsung memposting tutorial tentang ini karena keterbatasan waktu dan di tambah lagi kebingungan saya untuk memposting postingan di blog ini ( yang mana dulu yah yang musti saya posting duluan..? saking banyaknya bahan pembahasan untuk di jadikan tutorial.. ) perasaan inilah yang kerap mucul di pikiran saya dan yang akhirnya membuat saya jadi binun dan ga jadi memposting hehehe.... tapi saya sudah mengambil suatu kebijakan yang mana saya akan mendahulukan pertanyaan pertanyaan yang masuk lewat komentar blog ini ( biar ga binun lagi, hehehehe.. )...
Ah udah dulu ah ocehannya keburu di tinggal tidur para pembaca... hehehe. Sekarang kita menuju ke topik pembahasan yaitu cara membuat / menampilkan gambar poto atau sesuatu agar selalu berada di pojok.
Sekarang anda cukup mengcopy seluruh code di bawah ini :

#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); }

Lalu masukkan ke bagian HEAD dan untuk lebh tepatnya biar ga binun taruhlah tepat di atas code :

]]>

Dan sedikit tambahan jika anda ingin mengubah posisi atau tempat ke yang lain, semisal mau anda taruh di bagian pojok kanan bawah atau pojok kanan atas atau pojok kiri atas atau bahkan berada tepat di tengah tengah blog (kalo yg ini ga mungkin dech... sangat menggangu pengunjung blog yang membaca artikel anda jadinya) silahkan anda berfokus pada tulisan :

position:fixed;_position:absolute;bottom:0px; left:0px;

(#) kata bottom : menunjukkan posisi di bawah, jika anda ingin mengubah posisi di atas silahkan ganti kata " bottom " menjadi " top " (tanpa tanda petik) dan nilai 0px; bisa anda sesuikan sendiri (pokoknya di coba2 aja dech... ga meledak, hehehe)

(#) kemudian lihat pada kata left : menunjukkan posisi berada di kiri, jika anda ingin mengubah posisi menjadi di kanan silahkan ganti kata " left " menjadi " right " (tanpa tanda petik) dan nila 0px; bisa nada sesuikan sendiri juga...

Kemudian tahap selanjutnya adalah pemasangan code script pada bagian body blog yaitu caranya copy seluruh code di bawah ini :

SEBELUM ANDA MENCOPY SELURUH CODE DIBAWAH INI MOHON DI BACA DAN DI TELITI, KARENA ADA KATA KATA YANG MUSTI DI IKUTI DAN DI GANTI DI DALAM CODE TERSEBUT...!! (jangan asal comot/copy aja tanpa memperhatikannya)

http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isiterserahanda' width='isiterserahanda'/>

( contoh script diatas jika hanya menampilkan image aja, jika ingin menampilkan image dengan link silahkan pilih code yang di bawah ini.. )

http://alamat-blog-anda.blogspot.com'>http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isiterserahanda' width='isiterserahanda'/>

(dan jika anda ingin menampilkan gambar beserta sedikit tambahan tulisan, seperti pada blog ini silahkan copy code script di bawah ini..)

http://alamat-url-poto-anda.jpg'/>

TULISAN INI GANTI DENGAN ID YAHOO MESSENGER ANDA'>TULISAN INI GANTI DENGAN ID YAHOO MESSENGER ANDA&m=g&t=2' width='95'/>

MASUKKAN KATA KATA ATAU PESAN ANDA DISINI

Nah setelah anda memilih salah satu atau bahkan semua script yang saya tunjukkan di atas, kemudian taruhlah tepat di atas code :

mudah kan..? selamat mencoba yah... kalo masih binun tanyakan aja yah... n tinggalkan di kotak komentar di bawah ini... thx

How to add a comment form beneath your blog posts

2008-11-11T11:58:00.000-08:00

Blogger have developed an inline (embedded) comment form which can be enabled throughBlogger in Draft. This is probably the most requested feature for Blogger, and I'm sure many of you will want to use this straight away!

To enable inline comments for your Blogger powered blog, you need to log into your dashboard through Blogger in Draft. Then go to Settings>Comments and scroll down the page to see the new "Comment form placement" setting:

Check the radio setting for "Embedded below post" which will enable the display of the comment form below your blog posts.

If you have customized your template, you will need to make a small change to your template code for this comment form to display. But don't worry, it's a very simple customization to make!

Simply go to Layout>Edit HTML in your blog's dashboard and check the "Expand widget templates" box. Then search for this section of code:

Replace this entire section of code with the following instead:

Then save your template. Now when you view a post page in your blog, you should see the new comment form in place!

Update: As many of you have pointed out in the comments, not all templates feature the code I've described above.

Luckily, Is has offered a method which is much easier to use, and has worked for every template I've tried so far. So if my original method isn't working for you, try this instead:

Search for this line in your template code:

Immediately after this line, add the following line of code:

Then save your template. This method adds the required code for the comment form without having to alter the whole comment area, and is very useful if you have experienced problems using the original method Thanks for the hint, Is!

If you don't see your comment form, make sure you have changed this setting through Blogger in Draft and have added your code in the correct place in your template.

You can see this comment form in action beneath this post. Using this comment form allows readers to comment using their Google account, OpenID, Name/URL and all of the settings previously available when using a pop-up or full page comment form (depending on the settings you have chosen).

I am very happy to see that Blogger have listened to our requests and have added this great functionality to our blogs. There are also some other new features added to Blogger in Draft including an improved posting page and import/export features which you can read about in the Blogger in Draft blog.

Please let me know what you think of this new feature by leaving your comments below.

Posted by Amanda at 10:16 AMPermalink

Free Tutorial

2008-11-09T10:58:00.000-08:00

website undercontruction !!!