Cara Membuat Recent post seperti Headline News

Recent Post Widget Seperti Headline News merupakan salah satu widget yang banyak digemari oleh para blogger. selain tidak memakan tempat yang banyak di blog, Recent Post Widget Seperti Headline News juga membuat tampilan blog lebih menarik.

Ok untuk mempersingkat waktu langsung saja berikan langkah-langkah untuk mebuat Recent Post Widget seperti Headline News:
1. masuk ke akun blogger anda.
2. setelah anda berada di dasbor, kemudian pilih tab Rancangan.
3. klik tambah gadget. akan muncul tampilan seperti gambar dibawah ini.

4. tambahkan HTML/JavaScript. maka akan muncul lagi tampilan seperti dibawah ini.

5. pada bagian judul kosongkan saja. pada bagian conten isikan kode berikut.

 <script type="text/javascript">

        var jc_url_blog = "http://johancomputers.blogspot.com/";

        var jc_count_post = 20;

        var jc_color_backgroud = "white";

        var jc_color_line = "black";

        var jc_position = "bottom";

        var jc_show_title = true;

        var jc_backlink = true;

    </script>

    <script src="https://sites.google.com/site/johanbone/gadget/Headlinenews-jc.js"></script>

pada tulisan yang bercetak merah dapat ubah sesui keinginan anda. berikut keterangan nya

var jc_url_blog = "http://johancomputers.blogspot.com/"; ubah dengan alamat blog kamu

var jc_count_post = 20; jumlah recent post yang akan dimunculkan

var jc_color_backgroud = "white"; warna latar

var jc_color_line = "black"; warna garis

var jc_position = "bottom"; posisi widget dapat kamu ubah pada posisi top atau posisi Bottom

sekian tutorial Recent Post Widget Seperti Headline News. jika ada kesulitan atau masukan silahkan tuliskan pada kolom komentar dibawah ini

Sumber dari : Recent Post Widget as Headline News

Cara Merubah Logo ( Favicon ) blogger pada blog part II

anda tau kenapa postingan ini saya beri judul Cara Merubah Logo ( Favicon ) blogger pada blog part II, soalnya ini postingan kedua ane tentang Cara Merubah Logo ( Favicon ) blogger pada blog. berhubung tutorial itu banyak bilang gk bisa lg. ya terpaksa ane update. soalnya itu tutorial lama.....

disi saya gk bakal bahas lebih detail lg soal.a malas sudah ngetik. ane cuma mo perbaharui yang perlu di ubah aja dari tutorial sebelumnya. bagi anda yang belum baca silahkan baca di postingan ane terdahulu Cara Merubah Logo ( Favicon ) blogger pada blog disini saya hanya mengubah Script yang ada di langkah ketujuh-nya saja.

selipkan script <link href="http://i856.photobucket.com/albums/ab127/johanjm/ICON-JJ.gif" rel="shortcut icon" type="image/vnd.microsoft.icon">  tepat di atas <b:skin>

yang bertulisan merah silahkan anda ganti dengan url alamat icon yang anda inginkan.........

Cara pasang gambar pada judul postingan

Cara pasang gambar pada judul postingan. Kalau berbicara masalah image/gambar, memang sangat seru dan menyenangkan. Dengan adanya image maka blog kita akan tampil lebih menarik untuk di lihat,

Ok sobat, biar ga terlalu banyak berimpropisasi, langsung saja pada topik bahasan. topik yang akan kita bicarakan saat ini yaitu memasang image/gambar pada judul artikel. Artikel ini saya buat bagi yang senang akan pernak-pernik gambar,bagi yang tidak senang, ya sebagai pengetahuan saja lah.

Gambar Di Judul Postingan ? Mungkin kata itu sudah tidak asing lagi buat kamu yang sering lihat gambar nongol di depan judul postingan.Dan Dalam tutorial kali ini Johan Jm pun akan menjelaskan Tentang bagaimana Cara Pasang Gambar Di judul Postingan.Sebenarnya cara ini pun sobat klinik-it mungkin sudah banyak yang tau .Namun klinik-it akan tetap men sharenya.hehehe coba lihat gambar di bawah ini.

Gambar tersebut bisa di pasang di depan judul postingan kamu ,yang tujuanya supaya Desain blog kita terlihat aktraktif.Langsung aja ikuti tutorial berikut untuk Pasang Gambar pada judul Postingan.

1.Login Ke Blogger.

2.Klik Tatat Letak.

3.Klik Edit HTML.

4.Selanjutnya cari kode yang ada di bawah ini.

<a expr:href='data:post.url'>

5.Lalu Copy Paste Kode berikut Di Bawahnya .

<img border='0' src='http://i856.photobucket.com/albums/ab127/johanjm/ICON-JJ.gif''/>

6.Link yang berwarna merah tersebut bisa kamu ganti dengan Link gambar masing-masing.atau menggunakan gambar tersebut juga ga apa-apa.

7.Kalo sudah selesai silakan Klik SAVE TEMPLATE.

Selesai Coba Anda lihat hasilnya...

Cara Membuat Read More

Terkadang Pengunjung akan cepat bosen Membaca artikel yang sangat Panjang dan bisa membuat template anda penuh dengan artikel yang Panjang,

Lebih baik , Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma intinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :



1. Seperti biasa, Bacalah bissmillah . supaya Lancar

2. Buka menu Layout kemudian pilih Edit HTML.

3. Kasih tanda cek (centang) pada cekbox "expand widget template"

4. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian
bawah kode hmtl) seperti ini kode'a :


<div class="'post-body">


kalo dah ketemu maka dibawahnya ada kode ini :


<p><data:post.body></data:post.body></p>


5. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body></data:post.body></p> menjadi seperti
ini :


<b:if cond="data:blog.pageType == &quot;item&quot;">

<style>.fullpost{display:inline;}</style>

</b:if><p><data:post.body></data:post.body></p><span id="fullpost">

<b:else>

<style>.fullpost{display:none;}</style>


</b:else></span><p><data:post.body></data:post.body></p><span id="fullpost">


<a href="data:post.url"><span style="font-weight: bold;">Selengkapnya......</span></a>


Tulisan "Selengkapnya..." itu bisa kamu rubah, misalnya jadi "Read More" (intinya terserah anda).


6. Simpan hasil pengeditan.

7. Kemudian pilih menu Setting lalu pilih Formatting

8. Pada kotak Post Template isikan kode berikut:


<span style="font-style: italic;"><span class="fullpost">


</span></span>


9. Kemudian Simpan.

10. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Tulis" dan "Edit

Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode

seperti berikut :


<span class="fullpost">


</span>


11. Letakkan abstraksi(tulisan inti)sebelum kode <span class="fullpost"> itu supaya

posting atau artikel yang akan ditampilkan

dihalama utama sebelum tulisan "Selanjutnya"

sementara

sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>


Langkah ke 12 Check Dengan Teliti, &amp; jangan sampai salah ngetik ia??

Ok Deh selesai

Panitia Pesta Blogger Kesulitan Tentukan Lokasi

Dua bulan menjelang perhelatan Pesta Blogger 2010, panitia ajang 'kopi darat' blogger tersebut mengaku kesulitan menentukan lokasi pelaksanaan Pesta Blogger. Namun, panitia menyatakan hal tersebut takkan mempengaruhi pelaksanaan PB 2010.

"Kami belum menentukan venue untuk pelaksanaan, tapi akan segera menentukan tempatnya. Kami akan selalu update informasi, termasuk lokasi," kata ketua panitia PB 2010, Irayani Queencyputri di sela jumpa pers PB 2010 di Jakarta, Rabu (18/8/2010).

Menurut perempuan yang akrab disapa Rara tersebut, banyak faktor yang membuat panitia hingga saat ini kesulitan menentukan lokasi pelaksanaan.

"Banyak faktor yang harus kami kaji seperti harga dan juga kapasitas," kata Rara.

Panitia PB 2010 menargetkan kali ini bisa menghadirkan sekira 1.500 blogger yang tersebar di seluruh Indonesia. Selain itu, PB 2010 juga akan mengundang komunitas online lainnya, mulai dari Facebookers, Tweeps, dan anggota komunitas lain seperti anggota Devian Arts.

Dikatakan Rara, rangkaian acara PB 2010 akan diawali dengan BLOGSHOP (Blogging workshop) ke 10 kota di Indonesia bersama kedutaan besar Amerika Serikat di Indonesia. Kota-kota yang akan dikunjungi di antaranya, Makasar, Manado, Pontianak, Banjarmasin, Aceh, medan, Surabaya. Madura dan Yogyakarta.

Pada PB tahun ini, Kedutaan besar Amerika Serikat kembali menjadi sponsor utama untuk ketiga kalinya. Deputi Duta besar Amerika Serikat untuk Indonesia, Ted Osius mengungkapkan, ini adalah salah satu bentuk dukungan AS terhadap pelaksanaan demokrasi di Indonesia.

"Media sosial dan blog adalah salah satu alat untuk menyuarakan pendapat dan mendorong proses demokrasi. Indonesia adalah salah satu negara dengan kebebasan berpendapat terbaik di Asia tenggara, dan acara ini adalah salah satu bentuk pernyataan hal tersebut," kata Osius.

Cara Merubah Logo ( Favicon ) blogger pada blog

            Cara Merubah Logo ( Favicoon ) blogger pada blog. Sebenarnya Sudah banyak dan bukan hal baru lagi postingan yang ngebahas tentang Cara Merubah Logo ( Favicon ) blogger pada blog. Sebab telah lama Blogger.com (blogspot.com) memberikan kebebasan kepada para blogger-nya untuk mengubah favicon-nya masing-masing. tapi gak papa dech klo johan jm ngebahasnya lagi. soalnya ada beberapa teman yang nanyain, jo bagaimana sich Cara Merubah Logo ( Favicoon ) blogger pada blog ???. klo dijelasin kan susah ngerti-nya. ya mending diposting aja, sekalian buat nambah-nambah archive di johan jm hehehe... sambil nyelam minum air dong.??? enak aja ngomong gue minum air gue lagi puasa tau....
perhatikan gambar berikut.

perbandingan 2 buah Favicon (logo) pada blog, Yang mana sebelah kiri  (1) adalah favicon default   (bawaan Dari Blogger) di blogspot dan yang sebelah kanan (2) adalah favicon buatan Johan jm. Bikinnya gampang kok. johan jm akan tunjukkan kepada anda sekalian bagaimana Cara Merubah Logo ( Favicoon ) blogger pada blog. ikuti langkah-langkah berikut.

1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
2. Ukuran icon yang saya buat adalah 120 x 150 pixel. klo ukuran sich tergantung anda mau berapa agar terlihat proporsional.
3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang).
4. Upload gambar strong penyimpanan image. klo saya upload ke photobucket (gratis) dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di http://i856.photobucket.com/albums/ab127/johanjm/ICON-JJ.gif.
5. Login ke Dashboard blogger anda, masuk ke menu Layout, Edit HTML
6. cari code </head> letakknya diatas,
7. Selipkan syntax berikut : <link href='http://i856.photobucket.com/albums/ab127/johanjm/ICON-JJ.gif' rel='shortcut icon'/> tepat diatas  </head> dibawah juga gk papa (NB: Ganti alamat http://i856.photobucket.com/albums/ab127/johanjm/ICON-JJ.gif sesuai alamat icon anda di strong penyimpanan anda)
8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai

Silahkan dicoba. Beri tahu saya hasil yang anda buat.

Semoga bermanfaat. Salam Blogger

Cara Membuat Halaman Forum di Blogger

            Cara Membuat Halaman Forum di Blogger ( How to Make a Home Forum in Blogger ). Setelah sekian lama JOHAN JM berusaha dan keliling mengitari dunia.... bukan dunia nyata ya tapi dunia maya, hehehe... berkelana untuk mencari tau bagaimana cara Membuat Halaman Forum di Blogger atau dalam bahasa bugisnya How to Make a Home Forum in Blogger akhirnya ketemu juga. Bukan maksud saya ingin mengajari agan-agan sekalian tetapi disini Johan JM akan mencoba share sedikit bagaimana Cara membuat halaman Forum Di Blogger atau How to Make a Home Forum in Blogger bagi anda yang belum tau.

            Mungkin bagi anda yang belum mengetahuinya. dalam hati bertanya-tanya apa sich manfaat forum itu??? setiap orang pasti dapat mengartikanya berbeda-beda tetapi menurut Johan Jm Sendiri "forum membatu kita untuk menemukan jawaban serta tempat berbagi dan berdiskusi".            Oke biar gak lama-lama sekarang kita langsung saja memulai langkah-langkah membuat halaman forum di blogger, soalnya gak lama lagi mo sahur...

1. Login ke blogger dengan acount anda
2. pilih menu entri baru >>> laman
3. kunjungi situs http://tal.ki/pricing/
4. Silakan anda login / registrsi terlebih dahulu, setelah ke 3 tahap registrasi nanti akan di beri kode
5. kembali ke blogger (tempat kita akan membuat forum). buatlah forum sebagai judul halaman anda
6. kemudian pastekan code yang anda dapat td pada kolom biasa kita buat postingan
7. terakhir terbitkan halaman dan lihat hasilnya

Selamat Mencoba Dan semoga sukses. heppy Blogging

Refrensi : http://www.help.tal.ki/home/embedding-talki-forums/blogger
Post by  : Johan Jm

Mau Pasang kotak Tukeran Link ???

            Mau pasang kotak tukeran link ???. Tukeran link ??? maksudnya apaan sich dan apa gunanya??? masa sich gk tau apa itu tukeran link dan apa kegunaan-nya.baiklah bagi yang sudah tau bagus dech. dan bagi yang belum tau biar JOHAN JM yang jelaskan.

           Sebenarnya saya malu untuk posting Mau Pasang kotak Tukeran Link ini. coznya udah banyak banget kayaknya blogger-blogger yang ngebahas tentang tukeran link ini di postingan-nya. tapi gak papa dech buat yang belum tau coznya kemaren ada teman yang nanyain bagaimana sich pasang kotak tukeran link di blogspot.

           Tukeran link atau link Exchange adalah saling bertukaran link/alamat blog antara pemilik blog. tukeran link atau link Exchange merupakan salah satu cara untuk ningkatin kunjungan blog atau dalam bahasa Bugisnya Traffic Blog. contohya seperti yang ada dikanan bawah blog ini. bagaimana udah ngertikan???? klo udah kita lanjutkan ocehan berikutnya......

cara memasang kotak Tukeran Link cukup mudah. bagi yang mengerti...ye sama aja boong. klo mengerti gak usah baca panjang-panjangan baca postingan JOHAN JM tentang Pasang kotak Tukeran Link. hehehe... bener juga ya. cara memasang kotak Tukeran Link tidak memerlukan penanaman script pada template. berikut ini langkah-langkah memasang kotak tukeran link pada blog.

1. Masuk ke blogger dengan akun anda. bukan akun saya y.
2. klo udah masuk k menu rancangan/tata letak-elemen halaman
3. kemudian tambahkan gadget
4. pilih menu HTML/JavaScript
5. copy paste kode berikut pada kolom yang tersedia. klo judulnya terserah agan-agan...mo ngasi judul apa....


<textarea rows="3" cols="19"><center><a href='URL ANDA' target='_blank' style='display: block' title='TITLE-NYA'><img height="40" src="URL lokasi Gambar anda" style="display: block" width="170" /></a></center></textarea>



6. pilih simpan
7. selesai. coba lihat hasilnya  kotak tuker link anda sudah ada
   

jika anda blum punya gambar untuk link anda ganti <img height="40" src="URL lokasi Gambar anda" style="display: block" width="170" /></a></center> dengan NAMA BLOG ANDA</a></center></textarea>
maka hasilnya akan seperti ini
<textarea rows="3" cols="19"><center><a href='URL ANDA' target='_blank' style='display: block' title='TITLE-NYA'>NAMA BLOG ANDA</a></center></textarea>

Selamat mencoba dan semoga berhasil Salam blogger....

 

Gara-gara Blog, Bocah 12 Tahun Terancam Dibunuh

            Seorang bocah berusia 12 tahun kini menjadi target pembunuhan akibat tulisan di blognya. Tanpa takut bocah bernama Pocesta Rastko itu menentang pemerintah Serbia, dengan menginginkan pengakuan negara Kosovo.

            Kalau dilihat, seorang anak yang terlihat lugu ini tidak mungkin menjadi target pembunuhan. Namun kaum Nasionalis Serbia yang berang pun, menjadi naik pitam dengan tulisannya.

           Dalam blognya, ia menginginkan hubungan yang lebih baik antara Serbia dan Uni Eropa. Lantas ia pun meminta pengakuan atas negara Kosovo yang telah memisahkan diri, serta mengutuk pembantaian yang dilakukan negaranya.

           "Saya seorang Serbia, tapi mengakui Kosovo sebagai negara merdeka," tulis Rastko dalam postingannya. Walau pemerintah Serbia tak mengakui Kosovo, tapi Rastko menjelaskan bahwa ia punya pandangan lain dari negaranya. "Karena itu adalah masa depan kita, kita tidak bisa lagi melihat ke masa lalu, " tambahnya.

            Tak terima dengan tulisan itu, seorang kaum nasionalis Serbia mengancam dengan balasan diblog tersebut. "Aku akan menunggumu didepan sekolah kemudian membunuhmu, " tulisnya. Ibu Rastko, Suzanna yang mengetahuinya, langsung menghubungi polisi setempat untuk meminta perlindungan.

            "Saya seorang aktivis hak asasi manusia yang independen. Saya tak takut untuk berbeda pendapat dan saya anti-kekerasan," kata Rastko dalam sebuah wawancara dirumahnya yang sederhana di pusat kota Belgrade, Serbia. Dia mengungkapkan dengan nada suara yang bijaksana dan diplomatis jauh dari usianya.

            "Aku memang sedikit khawatir. Tapi aku tak takut. Aku akan meneruskan apa yang aku lakukan. Mungkin ini sulit untuk ibuku karena dia seorang yang apatis, toh kebanyakan dari kita memang tidak setuju dengan politik," ucap bocah itu tanpa ragu.


Sumber :  www.srigemilang.web.id

Widget Islami Marhaban Ya Ramadhan

Johan Jm | Blogging | Widget Islami Marhaban Ya Ramadhan
 

            Menyambut bulan ramadhan, bulan yang selalu di tunggu-tunggu umat islam, tidak ada salahnya kita buat Widget Islami Marhaban Ya Ramadhan yang bisa kamu pasang di blog, friendster, multiply, myspace atau tempat-tempat lain yang bisa dipasangi animasi flash.

           Cara setting Widget Islami Marhaban Ya Ramadhan ini sangat mudah, kamu tinggal isi textbox ucapan dengan kalimat yang diinginkan kemudian pilih warna pakaian karakter animasi melalui color picker.

Kamu juga bisa memilih opsi karakter cowok/cewek dan juga memilih Expresi wajah karakter dalam keadaan tersenyum atau tertawa. Terakhir, klik tombol Generate code dan copy paste ke dalam blog, friendster, multiply dll milikmu.

Untuk menambahkan Widget Islami Marhaban Ya Ramadhan silahkan ikuti petunjuk berikut :

1.Login ke dasbor blog kita, lalu klik Rancangan lalu pilih Elemen Laman

2. klik Tambah Gadget
  3. Pilih HTML/Java Script

4.  Paste Code yang kamu copy tadi pada kotak HTML/Java Script :

Johan Jm | Blogging | Widget Islami Marhaban Ya Ramadhan