Pasang Iklan di Bawah Postingan

Pasang iklan dibawah postingan bertujuan supaya iklan muncul saat pengunjung membuka postingan anda yang letaknya tepat dibawah postingan, hal ini membantu supaya iklan anda lebih sering dilihat oleh pengunjung, untuk membuatnya anda tinggal mengedit HTML layout nya saja secara otomatis iklan anda akan muncul disetiap postingan anda seperti contoh iklan yang bisa anda lihat di bawah postingan saya ini

Silahkan ikuti langkah-langkah dibawah ini untuk pasang iklan di bawah postingan:

1. Sepert biasa silahkan sign in di blogger

2. pada halaman Dasboard--> Layout-->Edit HTML-->jangan lupa klik "Expand Widget Template"

3.Silahkan temukan kode dibawah ini (berwarna hitam)

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>


Kode iklan yang sudah di parse


<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Kode iklan yang akan dimasukkan harus diparse terlebih dahulu
untuk parse kode HTML silakan kunjungi disini

4.Langkah terakhir Save template

Selamat Mencoba

Menampilkan Photo di Kotak Komentar

Untuk menampilkan photo di kotak komentar seperti yang anda lihat pada screenshoot pada blog saya dibawah ini dan untuk membuatnya silakan ikuti langkah-langkah berikut:

1. seperti biasa Login ke blogger anda
2. pada halaman Dashboard-->Layout--Edit HTML jgn lupa centang kotak 'Expand Widget Templates"
3.Silakan temukan kode dibawah ini tanpa kode yang berwarna merah dan setelah ketemu silakan tambahkan kode yang berwarna merahnya

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<div class='commentphoto' style='float:right;'/>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl>

untuk mempermudah menemukan kode nya silakan ketik Ctrl + F di browser anda

4.Selanjutnya cari kode </head> dan silakan copy paste kode berikut diatas kode </head>

<script src='http://www.geocities.com/miz_doc86/comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.imageWidth = 30;
BloggerProfiles.imageHeight = 30;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>

Angka 30 merupakan ukuran fhoto seperti ukuran pada blog saya, silakan ganti ukurannya sesuai keinginan anda

5. Langkah terakhir Save Template,,

GOOD LUCK,,,

Cara Membuat Sreenshoot

Mengambil screenshots dari sebuah situs web atau blog merupakan hal yang sering dilakukan di dunia blogging dan internet pada umumnya; baik untuk melengkapi gambar dari sebuah review web/blog, mengirim artikel tentang sebuah web ke suratkabar, majalah dan tabloid atau untuk keperluan lainnya. Mungkin kita biasa menggunakan metode standar yaitu dengan menggunakan program adobe photoshop, F11 di keyboard untuk menampilkan fullscreen pada browser dan tekan PrintScreenSysRq pada keyboard lalu paste pada photoshop dan edit sedimikian rupa kemudian save dalam format JPEG maka jadilah sebuah screenshot.

Namun pada kesempatan ini saya coba tinggalkan cara lama di atas dan kita coba menggunakan beberapa layanan berupa browser plugin (addon), program aplikasi dan pengambilan screenshot berbasis web online agar kita dapat secara praktis membuat screenshot untuk melengkapi penulisan review dan keperluan lainnya.

Berikut ini merupakan 13 cara membuat screenshot untuk sebuah web atau blog.

Menggunakan Addon Firefox

1. Abduction! 2.019 - Jika Anda pengguna browser firefox (mozilla) sungguh beruntung Anda karena firefox dilengkapi berbagai macam plugins (addon) yang terus dikembangkan dari hari ke hari dan plugin satu ini berupa pembuatan screenshot “Save Page as Image” untuk menggunakannya Anda tinggal menginstal addon firefox “Abduction! 2.019″ restart lalu buka alamat web atau blog yang akan diambil screenshotnya lalu klik kanan atau klik File pada menu browser dan Save Page as Image simpan pada hard drive komputer Anda jadilah sebuah screenshot.

2. Pearl Crescent Page Saver - Pearl merupakan bagian dari extension firefox untuk menyimpan screenshot dari sebuah halaman web dalam bentuk jpg atau png; menyimpan seluruh halaman atau sekedar suatu bagiannya saja dan secara otomatis mengconvert screenshot dalam ukuran yang lebih kecil.

3. Picnik for Firefox - Picnic pun merupakan plugin firefox lainnya untuk pengambilan screenshot hanya saja picnic memiliki keunikan tersendiri yaitu dilengkapi dengan editor gambar secara online. Untuk menggunakannya Anda cukup menginstal, restart dan buka web/blog yang akan diambil screenshotnya klik kanan atau klik Tools pada browser firefox lalu send page to picnic pilih visible page atau full page, tunggu beberapa saat Anda akan dihubungkan pada halaman dimana Anda bisa mengedit screenshot secara online.

4. Screengrab 0.93 - Demikian halnya dengan screengrab ini yang merupakan bagian dari plugin firefox dan memungkinkan Anda untuk menyimpan screenshot web/blog terbuka, seluruh halaman, pilihan atau bingkai tertentu.

Menggunakan Program Aplikasi

5. SnagIt - Program seharga $39.95 ini merupakan salah satu program terbaik untuk membuat screenshot dengan banyak option yang Anda perlukan. Dengan integrasi firefox, Anda dapat menggantikan fungsi PrintScreen pada windows, dan memungkinkan Anda untuk membuat profil-profil untuk berbagai jenis berguna lainnya. Sebelum membeli Anda bisa menggunakan trial versionnya.

6. FastStone Capture - Aplikasi yang cukup mantab untuk mengambil screenshots dengan suatu panel kendali yang “mengambang” seperti juga kemampuan untuk menangkap apapun di layar termasuk jendela, object, layar penuh, daerah-daerah segiempat panjang, dan bahkan memilih daerah-daerah sebuah webpage. Anda bisa langsung membeli product seharga $24.95 ini atau cukup mencoba dahulu trial versionnya selama 30 hari.

7. WebShot - Fungsinya hampir sama dengan Abduction! 2.019 Program aplikasi WebShot ini mengizinkan Anda mengambil screenshots sebagian kecil halaman web atau keseluruhannya. kelebihannya adalah WebShot memiliki menu command yang memungkinkan Anda secara otomatis memproses pengambilan screenshots.
8. Paparazzi - Aplikasi sederhana untuk Mac OS X yang memungkinkan Anda untuk mengambil screenshots dari halaman sebuah web/blog.

9. PrintKey - Menggantikan fungsi PrintScreen dengan lebih banyak fitur. Ada suatu versi berbayar tetapi Anda dapat juga menemukan freewarenya.

10. I4X Screencatcher - Dengan alat ini Anda dapat mengambil screenshots dari window aktif, seluruh layar, atau hanya yang terpilih saja.

11. InstantShot - salah satu program freeware unggulan namun aplikasi freeware ini hanya untuk Mac OS X. Program ini memberi Anda banyak sekali opsi untuk menangkap screenshot, termasuk menangkap sebagian halaman, hotkeys, beberapa bentuk keluaran, penskalaan gambar dan banyak yang lainnya.

Screenshot Berbasis Web

12. WebShotsPro - Jika ingin secara instant membuat screenshot Anda dapat menggunakan layanan web ini dengan cukup memasukan URL web atau blog yang Anda inginkan dan screenshot akan segera ditampilkan. Namun kekurangan dari WebShotsPro ini adalah kurang uptodate mengambil screenshot dari sebuah web atau blog.

13. Thumbalizr - Selain menggunakan extension addon firefox saya sering menggunakan layanan yang satu ini untuk membuat screenshot, tentunya selain mudah, dia bisa mengambil screenshoot sebuah postingan meski memang kadang tidak sepenuhnya lancar dan bekerja namun lumayan untuk mengambil homepage web/blog.

Membuat Artikel Berhubungan (Related Post)

Untuk membuat Atikel yang Berhubungan atau Related Post seperti pada postingan saya paling bawah atau lihat screenshoot dibawah ini, silakan ikuti langkah2 berikut:


1. Login ke Blogger anda

2. Layout-->Edit HTML

3. Jangan lupa centang kotak Expand Widgets Template

4. Temukan kode berikut:

<data:post.body/>

catatan: untuk postingan yang sudah menggunakan "Read More" terdapat 2 kode silakan pilih kode yang pertama

5. Silakan Download kode ini dan letakkan tepat dibawah kode <data:post.body/>

6. Kemudian Save Setting

Anda bisa mengganti tulisan "Related Posts by Categories" di dalam kode yang anda download tadi sesuai dengan keinginan anda

Silakan dicoba dan semoga berhasil :) :z

Membuat Emoticon Yahoo di Postingan

Supaya postingan terlihat lebih expressive maka kita bisa pasang emoticon-emoticon seperti pada Yahoo messenger seperti pada contoh postingan saya beberapa hari yang lalu dengan judul Thank's Alexa :p gimana ;) tertarik kan ;) ya udah silakan coba langkah-langkah dibawah ini semoga berhasil ya kalo gak berhasil yang coba lagi dan klo masih gak berhasil ya coba lagi kalo tetap gak berhasil berarti anda belum beruntung :O just kidding friend.. :)

1. Login ke blogger anda

2. Silakan masuk menu Layout-->Edit HTML

3. Jangan lupa klik "Expand Widget Templates"

4. Silakan cari kode di bawah ini


]]></b:skin>


5. Copy paste kode dibawah ini tepat berada dibawah kode ]]></b:skin>

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

6. Kemudian seperti biasa save setting


Silakan anda coba postingan anda dengan memakai kode icon dibawah ini :

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

Silakan mencoba,,semoga berhasil ;)

Membuat Recent Post

Widget recent post adalah suatu widget untuk menampilkan postingan terbaru dalam suatu blog, untuk membuat widget recent post silakan ikuti langkah berikut:

1.Login ke Blogger.com

2.pilih Menu Setting-->Layout--Add Gadget-->HTML/Javascript

3.Copy Paste kode HTML berikut:

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 8; var showpostdate = false; var showpostsummary = false; var numchars = 100;</script>
<script src="http://tutorialbikinblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

4. angka 8 merupakan jumlah postingan yang akan tampil, silakan ganti sesuai keinginan anda

5.Ganti alamat blog yang berwarna merah dengan alamat URL anda

6.Save Setting

Selesai,,

silakan lihat hasil kerjaan anda sekarang,,,GOOD LUCK.. :z

Membuat Kotak Komentar dibawah Postingan

Sebelum nya jika pengunjung ingin comment ke blig anda harus klik bacaan post Comment, sekarang saya akan berbagi ilmu bagaimana buat kotak komentar langsung dibawah postingan sehingga pengunjung bisa langsung mengetikkan komentarnya seperti pada contoh blog saya

untuk membuatnya silakan ikuti langkah-langkah berikut:

1. Silakan login di http://draft.blogger.com bukan www.blogger.com

2.Kemudian ke menu Setting-->Comment--silakan ganti Comment Form Placement menjadi Embedded below post

3. Kemudian Save Setting

Silakan lihat blog anda apakah sudah berhasil atau belum,,jika belum berhasil silakan ikuti langkah dibawah ini

1. Login ke blogger anda-->Layout-->Edit HTML-->jgn lupa klik "Expand widget templates"

2. Kemudian cari kode berikut

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

3. Kemudian ganti kode tersebut dengan kode berikut

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> </a>
</b:if> </b:if> </p> </b:if>

4. Save Setting

Silakan lihat hasilnya..SELAMAT MENCOBA!!!