Rabu, 28 Mei 2008

Web Indonesia

Membangun Komunitas Link Web Indonesia

web indonesia

1.FREE-7.NET- http://free-7.net
2. Kolom Tutorial- http://kolom-tutorial.blogspot.com
3.URL web anda-Judul web anda

Ada sebuah Filosofi politik yang mengatakan "Tidak ada teman dan tidak ada musuh yang abadi, yang ada adalah kepentingan bersama" . Mungkin filosofi ini yang meng-ilhami perushaan IBM bekerja sama dengan komunitas open source untuk menghadapi dominasi Microsoft dalam aplikasi sever.

Ter-inspirasi dari filosofi itu dan dari membaca dan berusaha memahami masalah link building dari posting Darren Rowse di problogger.net-nya (12 Tools and Techniques for Building Relationships with Other Bloggers) juga dari membaca ebook link building secret yg saya temukan , maka saya mencoba menarik kesimpulan intinya dan mencoba membangun ide untuk mengajak para blogger Indonesia bersama-sama menciptakan suatu komunitas online bagi blogger indonesia , untuk saling mengenal dan membangun suatu kerjasama win and win bukan win and lose (menang dan menang bukan menang dan kalah) dalam hal traffic , untuk menghadapi apa? yah boleh kalau di bilang untuk menghadapi web-web full komersil yang memiliki budged cukup untuk membeli segala fasilitas mendatangkan traffic , atau paling tidak ini adalah suatu cara untuk berkenalan dan saling mengenal dengan para blogger Indonesia yang lain dan kelak bisa kita jadikan Katalog Pribadi Web/Blog Indonesia.

Yap, ini bicara promosi blog , yang saya rasa lebih efektif di banding sekedar bertukar link lalu memasangnya di sidebar sebagai blogroll, karena umumnya pengunjung blog kita tidak melirik sama sekali link-link dalam blogroll kita.

Oke, yang saya maksud di sini adalah menyebarkan posting saya ini secara berantai, karena posting utama akan paling menjadi perhatian pengunjung blog kita.

Yap ini ajakan suka-rela ,silahkan yang tertarik, dan yang tidak abaikan saja, bagi rekan-rekan senior yang trafficnya sudah tinggi juga silahkan jika ingin berbagi bersama, di bawah ini langkahnya:

1. Buat sebuah posting dengan judul Web Indonesia.

2. Copy-paste seluruh isi posting ini untuk isi posting anda.

3. Pada bagian atas kumpulan kode dalam teks area di atas ,masukan url-judul web anda di bawah url-judul web saya dan menambahkan nomor urut setelah web saya, jadi angka nomor urut anda adalah setelah no urut web saya....dan seterusnya secara berantai.

4. Setelah itu abadikan link url posting misalnya di letakan di sidebar, supaya kelak gampang di cari.

Salah satu tujuan utama saya adalah dalam rangka menyebarkan budaya ngeblog, saling mengenal dan membantu traffic bagi rekan2 pemula .

Anda tidak akan saya curangi untuk memasang anchor text atau link web saya atau web lain-nya, tak ada satu link pun yang menuju alamat web atau blog saya atau lain-nya , tapi hanya sekedar alamat dalam bentuk teks untuk saling mengenal. juga logo web indonesia di atas cuma sekedar logo bersama, tak ada link atau keyword yang saya sisipkan.

Dan jika masih ada pemikiran di akali karena web saya ada di urutan atas dari link anda , maka abaikan tulisan ini.

Jika berjalan lancar, saya rasa cara promosi ini tidak kalah efektif di banding berburu link dan mencari RSS submissions sebanyak banyaknya dengan melelahkan, bahkan RSS atau tukar link banyak kemungkinan link anda akan terhapus karena banyak sebab, tapi posting secara umum akan tetap ada sampai kapanpun .

Dan ini bisa menjadi acuan untuk pelacakan hubungan link secara berantai melalui dari mana anda mendapatkan posting ini.

Hasil dari copy-paste dan penyebaran posting ini seterusnya adalah persis seperti isi posting ini dengan daftar link di bawah logo Web Indonesia yang semakin bertambah.

Jika ingin copy-paste kode HTML secara langsung klik di sini (paragraf terakhir ini terserah anda mau di ikutkan atau tidak ).


Ajakan ini adalah datangnya dari salah seorang sahabat terbaik kang rohman di dunia online yaitu iwan free 7.
Silahkan kunjungi halaman asli di http://free-7.net/2008/05/28/web-indonesia.

Selasa, 27 Mei 2008

Ziddu.com : Free File Hosting dan Tempat Cari Uang


Update : Maaf! situs ziddu sudah di anggap berbahaya oleh google. jadi tulisan ini terpaksa saya hapus.




Buat Tulisan Bergaya Web 2.0 Secara Online

Mau buat tulisan bergaya web 2.0 yang ciamik tapi tidak mempunyai software pengolahnya? atau punya softwarenya namun bingung cara buatnya? atau sedang malas dan ingin yang instant? bagaimana kalau coba membuatnya secara online yang dengan satu menit saja tulisan anda sudah bisa di nikmati, misalkan tulisan yang seperti ini :

tulisan gaya web2

Jika anda mau mencobanya, silahkan coba di http://web2.0stylr.com. Anda tinggal tulis yang anda mau kemudian klik tombolnya dan jadilah tulisan anda bergaya web2 yang ciamik abis.

Masih bingung cara bikinnya? duuuuhhh.... ya udah deh saya tuliskan cara membuatnya.

  1. Silahkan kunjungi situsnya.


  2. Tuliskan kata-kata yang ingin anda buat di bawah tulisan Logo Text. contoh : Kang Rohman


  3. Klik drop down menu di bawah tulisan Logo Font untuk memilih style dari hurup yang di iginkan.


  4. Tulis alamat URL untuk gambar icon di bawah tulisan URL For Icon Image (Optional) jika mau.


  5. Tulis alamat URL web atau blog anda di bawah tulisan Your URL Jika mau.


  6. Pilih warna awal yang di kehendaki di bawah tulisan start gradient.


  7. Pilih warna akhir yang di kehendaki di bawah tulisan end gradient.


  8. Pilih Gradient Blend type nya di bawah tulisan Gradient Blend Type.


  9. Pilih warna background yang di kehendaki di bawah tulisan bgcolor.


  10. Klik tombol bertuliskan Web 2.0 Styl It!. Tunggu beberapa saat.


  11. Klik kanan pada tulisan yang sudah jadi (di sebelah kanan), kemudian pilih Save Image As... jika anda memakai FF browser atau Save Picture As... jika anda memakai internet explorer.


  12. Simpan pada komputer anda.


  13. Silahkan upload gambar tersebut (karena tulisan yang anda buat sebenarnya adalah sebuah gambar) pada image hosting yang biasa anda pakai.
  14. Silahkan tampilkan di blog anda agar blog anda tampak lebih ciamik...


  15. Selesai.


Gampang banget bukan? Selamat mencoba deh.

Senin, 26 Mei 2008

Install Emoticon more-smilies Cosa Aranda ke Editor Posting

Beberapa bulan yang lalu, kang rohman sudah pernah menulis bagaimana cara menginstall yahoo emoticon serta onion emoticon ke editor posting blogger, namun ternyata salah satu sahabat kang rohman yaitu Bang Ali menyatakan belum puas dengan emoticon tersebut dan meminta untuk di tambahin lagi.

Duh apalagi ya? bagai mana kalau yang ini emoticon love atau yang ini emoticon ngegaya sudah pasti kenal kan? hehehe... jika anda pengunjung setia blognya mas cosa aranda so pasti kenal deh dengan emoticon di atas. ini nih emoticon lainnya yang lutu-lutu banget :





Kalau anda ingin emoticon tersebut bisa langsung muncul pada mesin editor posting blogger, maka silahkan ikuti langkah-langkahnya. Namun ini hanya berlaku untuk browser firefox dan tidak berlaku untuk browser internet explorer ataupun browser lainnya, karena script yang di gunakan adalah user script untuk grease monkey yang notabene hanya ada pada browser firefox. bagi anda yang sudah memasang yahoo emoticon atau onion emoticon seperti postingan yang ini, maka caranya sangat mudah yaitu tinggal klik di sini lalu klik install dan selesai sudah, emoticon yang lutu-lutu tadi akan langsung mampang pada editor posting blogger anda. Tapi ingat, pada saat anda membaca tutorial ini anda harus menggunakan browser fire fox bukan yang lain.

Bagi anda yang belum pernah menginstall emoticon yang sebelumnya, silahkan ikuti tutorial lengkapnya di bawah ini :

  1. Download firefox.


  2. Jika sudah di install tuh fire fox, lalu jalanin.


  3. Lalu baca lagi postingan yang ini ( kan sudah di bilang bahwa pas baca tutorial ini harus pake fire fox)


  4. Install Greasmonkey di sini.


  5. Klik script ini, lalu kemudian klik install.


  6. Silahkan login ke account blogger mu.


  7. Klik Layout.


  8. Klik tab Edit HTML.


  9. Lihat ke bagian kode CSS, dan temukan kode seperti ini ]]></b:skin>.


  10. Copy lalu paste kode berikut ini dan tempatkan di atas kode ]]></b:skin>.


  11. img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }


  12. Klik tombol Simpan Template.



Jika anda sudah melakukan langkah-langkah di atas, silahkan coba ke editor untuk posting dan anda akan melihat editor posting mempunyai emoticon yang lucu-lucu, tapi ini hanya berlaku untuk browser firefox dan pada posisi compose saja.


more-smiles emoticon


Selamat ngakak sampai keluar air mata dech.



Yang sedang asik ngeblog : New torrent Search, Nakinisa sima, Amma's family, Oyos saroso, Eone's Blog. Mau ikut nimbrung?

Minggu, 25 Mei 2008

Cara membagi Dua Kolom Header

Beberapa hari yang lalu sempat ada yang bertanya, bagaimana cara menyimpan search engine di bagian header seperti blognya kang rohman? duhh gimana ya...hehehe , kang rohman coba jawabin deh, soalnya sudah lama nih tidak posting soal desain template blogger. Untuk memasukan search engine di header, ataupun iklan, atau photo, atau apa sajalah namanya, anda perlu membelah atau membagi dua kolom header anda. Namun perlu di ketahui sebelumnya bahwa desain template itu sangat komplek dan menggunakan banyak teknik, agar kita (kita... lho aja kali, padahal gua juga iya ) lebih terfokus, maka kang rohman mengambil sampel template buatan kang rohman sendiri yaitu Template magazine 1 yang jika anda ingin mengetahui teknik ini, anda harus terlebih dahulu mendownload nya disini!, dan kang rohman sarankan jangan pada blog kesayangan anda tapi buatlah satu blog percobaan trus upload deh tuh template magazine nya, kan sayang apabila blog yang anda sayangi jadi berantakan gara-gara jadi bahan percobaan.

Sudah siap anak-anak , padahal banyak pembaca blog ini yang sudah bapak-bapak atau ibu-ibu, pak polisi juga suka baca juga lho, ya pak prie? (tapi kemana pak blognya, ko saya cari-cari jadi ga ada sekarang, di delete ya blognya), kalo anak mudanya sih banyak seperti eko priyanto yang kerjanya nge blog mulu ampe lupa pulang kerumah, trus juga oom sang guru blogger yang walaupun ilmunya segudang masih tetep mau silaturahmi ke blog ku ini, kemudian masenchipz yang rajin komentar, dan E..alahh.. ko jadi acara kirim-kirim salam kaya di raddio aza... ya wis lah kita kemmbali ke lapppppp... pokok bahasan atuh.. emangnya mas tukul yang suka kembali ke lappppp..top.

Yup... serius nih, dah download trus diupload templatenya kan? kalo sudah sok atuh di baca sajah trik atau cara membagi dua kolom header. Nih triknya kaya gini :

  1. Login ke blogger dengan ID anda dong tentunya, jangan ID saya..ntar blog saya jadi berantakan lagi.

  2. Klik Layout.


  3. Klik tab elemen Halaman, maka anda akan melihat tampilan format kolom header anda seperti ini :


  4. page element


  5. Jika sudah di lihat, kemudian klik tab Edit HTML, lihat ke bagian kode CSS, lalu cari kode seperti ini :



  6. /* Header
    ===================================
    */
    #header-wrapper {
    width:900px;
    margin:0 auto 0px;
    background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
    height:190px;
    }

    #header-inner {
    width:900px;
    background-position: center;
    margin-$startSide: auto;
    margin-$endSide: auto;
    }

    #header {
    margin: 0px;
    text-align: left;
    color:$pagetitlecolor;
    }




  7. hapus kode di atas, lalu ganti dengan kode berikut ini :



  8. /* Header
    ===================================
    */

    #header-wrapper {
    width:900px;
    margin:0 auto 0px;
    background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
    height:190px;
    }

    #head-inner {
    width:600px;
    background-position: left;
    margin-left: auto;
    margin-right: auto;
    float:left;
    }

    #header {
    margin: 0px;
    text-align: left;
    color:#ffcc66;
    }

    #r_head{
    width:300px;
    float:left;
    padding-top:10px;
    }




  9. Coba scroll ke bagian bawah, dan temukan kode seperti ini :



  10. <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
    </b:section>
    </div>



  11. Hapus kode di atas, lalu ganti dengan kode di bawah ini :



  12. <div id='header-wrapper'>
    <div id='head-inner'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
    </b:section>
    </div>
    <div id='r_head'>
    <b:section class='header' id='header2' preferred='yes'/>
    </div>
    </div>



  13. Klik tombol Simpan Perubahan.


  14. Selesai.


Untuk melihat hasilnya, silahkan anda klik lagi tab Elemen Halaman dan anda akan melihat format kolom header anda menjadi seperti ini :

new page element



Kolom header anda sudah menjadi dua bagian, yang sebelah kiri dan sebelah kanan. Trus bagaimana kalau sudah begitu? ya terserah anda, kolom sebelah kanan saya buat menjadi elemen layaknya yang ada di sidebar, jadi mau di masukan seach engine, mau iklan, mau gambar, ya terserah yang masukin.

Ya udah, cukup..cukup..dan cukup... soalnya jari saya sudah mulai pegal-pegal gara-gara ngetik mulu dari tadi... sampai ketemu lagi deh pada tutorial berikutnya.



Yang sedang asik ngeblog : Info Kesehatan, buyung upik, Ghost, free Info, Wawan wae. Mau ikut nimbrung?

Sabtu, 24 Mei 2008

Sahabat kang Rohman (4) : SMA Hidayatullah Bontang

Sahabat kang rohman kali ini lain dari biasanya. Sebagaimana kita ketahui bahwa yang namanya sahabat tentunya tertuju kepada pemilik blog atau dengan kata lain orang atau manusia, nah sahabat yang satu ini adalah bukan orang tapi suatu lembaga tepatnya lembaga pendidikan, namanya "SMA Hidayatullah Bontang". Karena ini lembaga pendidikan, maka kang rohman meluluskan permintaan administratornya untuk di masukkan ke dalam Sahabat kang Rohman.

SMA Hidayatullah Bontang yang beralamat URL: http://www.smahidayatullah.com adalah sebuah lembaga pendidikan dibawah naungan Pondok Pesantren Hidayatullah Kota Bontang Kalimantan Timur. Sekolah ini juga menerima calon siswa putra maupun putri (dari luar daerah disediakan asrama/ boarding school).

Sekilas tentang SMA Hidayatullah Bontang :

Visi Sekolah :

Mewujudkan SMA Hidayatullah sebagai lembaga pendidikan islam yang unggul, bermutu tinggi dan mampu melahirkan sumber daya manusia yang sanggup memikul amanah Allah sebagai hamba dan khalifah-Nya.

Indikator Visi.

Sesuai dengan Motto :

"Will be better"


Menjadi institusi pendidikan Sekolah Menengah Atas yang “BETTER” (Benar, Entusiastik, Taqwa, Terampil, Elegan dan Real) sehingga dapat terwujud generasi yang berkualitas dalam bidang keilmuan, teknologi, keimanan dan ketaqwaan dan berketrampilan yang berdaya saing sesuai dengan perkembangan zaman.

BETTER

1. Benar

Benar dalam menanamkan aqidah yang shohih, ibadah, manhaj, akhlaq, dan nilai-nilai social muammalat. Benar dalam focus tujuan, benar dalam methodologi belajar mengajar, benar dalam pemahaman dan pelaksanaan. Sehingga perilaku kesopanan dalam sikap, bertindak dan berbicara benar benar berusaha mencerminkan sumber kebenaran; Al-qur’an dan As-sunnah.

2. Enthusiastic

Sikap penuh semangat / motivasi, tak kenal menyerah untuk berusaha mencapai prestasi maksimal meski berhadapan dengan banyak halangan. Berusaha mewujudkan dan mempersembahkan amalan terbaik. Yang mana tidak bisa mencapai hal ini kecuali harus dengan semangat, tekad yang kuat, enthusias dalam beribadah, dalam belajar, dalam beramal, dalam bersahabat, dalam bekerjasama dalam kebaikan dan kebenaran.

3. Taqwa

Menjadikan warga sekolah yang bertaqwa. Menanamkan Aqidah yang shohih, menamkan keimanan dan keyakinan, sehingga akan terbentuk kesholehan, ketaatan, kepatuhan dan menjadi muslim yang kaaffah yang memiliki pribadi yang seimbang dan serasi sehingga akan terwujud perilaku dan pribadi islami.

Semua perilaku dan perbuatan warga sekolah berfocus pada internalisasi tujuan pencapaian dan pelaksanaan taqwa dalam kehidupan sehari-hari.

4. Terampil

Warga sekolah baik guru maupun siswa dapat berusaha, berpikir dan bertindak atau menciptakan keadaan yang lebih baik dengan potensi yang dimiliki.

Menjadi generasi yang memiliki kemampuan dan kekuatan dalam bersikap, berfikir secara cerdas, bertindak dengan efektif dan efisien, bekerja secara professional, dapat dipercaya, menjawab masalah, sanggup dalam mengatasi segala problematika dalam kehidupan kini dan yang akan datang dengan berbekal ketrampilan.

Membentuk generasi yang bisa menentukan tujuan dengan benar, menjaga apa yang ada yang sudah baik, mampu menduplikasi model yang lebih baik, mampu berkreasi, berinovasi sebagai bentuk restorasi, dan mampu mengembangkan dari berbagai teori pengetahuan kepada penemuan yang bermanfaat.

5. Elegan

Menjadi lembaga pendidikan yang bermartabat, memiliki power, potensi dan berdaya saing dalam menghadapi era informasi dan teknologi. Memiliki prestasi dan prestise di mata masyarakat skala nasional dan internasional. Mewujudkan sekolah Islam yang terhormat di tengah-tengah percaturan dunia pendidikan dan bisnis. Warga sekolah berusaha penuh mengoptimalkan manajemen yang bermutu dengan sikap saling menghormati dan menjunjung tinggi martabat dan kehormatan diri, sahabat sesama muslim, sekolah sebagai almamater, guru maupun sekolah lain.

6. Real

Berusaha merealisasikan ilmu yang telah diketahui, menuntut ilmu yang penting untuk diketahui, melaksanakan dengan nyata sebagai bentuk konsekuensi ilmu yang harus diamalkan. Tidak membiarkan ilmu hanya sebatas abstarksi teori yang stagnan, namun berusaha merealisasikan dengan nyata.

Misi Sekolah :

Menyelenggarakan Sekolah Menengah Atas secara integral dalam aspek ruhiyah, aqliyah dan jismiah, sehingga dapat melahirkan siswa-siswi muslim yang memiliki iman yang kokoh, ilmu yang luas, terampil dan berakhlaq mulia.

Untuk lengkapnya, silahkan kunjungi http://www.smahidayatullah.com.

 


⇒  Anda ingin jadi sahabat kang rohman? baca dulu yang ini!
⇒ Yang sedang antri sebanyak 24 sahabat, tunggu saja mungkin berikutnya giliran blog sahabat yang akan tampil.



Yang sedang asik ngeblog : Link Promo, Learning English, rUcHmA, BINTANGproduction, Template for you. Mau ikut nimbrung?

Minggu, 18 Mei 2008

Kang Rohman On Mobile Phone

Dengan semakin banyaknya pengguna telephone seluler atau handphone atau apabila di luar negeri sana lebih di kenal dengan nama Mobile Phone yang bisa mengakses internet, maka kita ( saya dan anda sekalian tentunya, bukan lho aja kali gue engga ) sebagai pemilik website ataupun blog harus mengantisipasi moment tersebut. Trus gimana cara mengantisipasinya? jawabannya tiada lain dan tiada bukan, kita harus bisa membuat agar website atau blog yang kita miliki dapat di akses secara baik oleh para pengguna handphone atau mobile phone, Masih bingungggggg!!!! jangan bingung-bingung rek.., sekarang ini banyak sekali situs yang membuat tool dan layanan agar blog kita bisa di akses secara baik oleh mobile phone, salah satu contoh situs tersebut adalah FEEDM88.com. Caranya sangat mudah dan tidak bertele-tele, tinggal daftarin aja website ataupun blog anda trus verify lewat email dan langsung anda mempunyai alamat baru untuk bisa di akses oleh mobile phone.

Sebagai contoh, agar blog kang rohman bisa di akses secara baik melalui handphone atau mobile phone, silahkan kunjungi dengan alamat baru ini, yaitu :

http://www.feedm8.com/blogspottutorial


atau klik saja banner di bawah ini :



Ada dua keuntungan dengan bergabung di FEEDM88.com, selain mendapatkan fasilitas yang saya sebutkan di atas, anda juga bisa mengikuti program affiliasi ( bisa dapat duit ching!!! ), pembayar ada dua alternatif yaitu via check atau via paypal. Bagaimana dengan anda sekarang? tertarik? silahkan daftarkan website atau atau blog anda dengan klik banner di bawah ini :




Masih bingung cara daftarnya!!!!!!! tidak usah bingung-bingung kata abah juga, kli aja dulu bannernya, trus ikuti langkah berikut :

  1. Klik banner di atas!


  2. Isi kotak yang tersedia dengan data milik anda :


  3. •  Web Address : isi dengan alamat web atau blog anda. Contoh: kolom-tutorial.blogspot.com.

    •  Your Email : isi dengan alamat email anda. Contoh : amn_tea @ yahoo.co.id

    •   centang kotak kecil di samping tulisan I have read and agree to terms of use

    •   klik tombol Submit.

  4. Periksa email yang tadi di daftarkan untuk melakukan verifikasi


  5. Selesai. tinggal setting-setting dikit dech.



Tuh kan gampang banget, ayo atuh cepetan daftari blognya!!

Selamat mencoba!

Kamis, 15 Mei 2008

Pasang Iklan Kliksaya.com di Bawah Read More

Apabila pada postingan terdahulu kang rohman mencoba untuk membahas bagaimana cara memasang iklan Google Adsense di bawah postingan, maka pada posting yang ini kang rohman akan membahas pertanyaan bagaimana cara memasang iklan di bawah Read more atau Selengkapnya. Agar tidak tidak terlalu melebar, maka iklan yang akan di jadikan contoh adalah iklan dari situs Kliksaya.com.

Karena topik yang di usung adalah memasang iklan di bawah Read more atau Selengkapnya, maka sudah barang tentu template anda harus memakai sistem ini, masih belum tahu cara membuat read more? silahkan di baca dulu atu di sini. Berbeda dengan kode iklan dari google adsense yang apabila di pasang pada template blogger harus di parse terlebih dahulu, maka kode iklan dari kliksaya.com tidak perlu di parse dahulu atau dengan kata lain langsung di pasang saja. Sudah tidak sabar, yuk kita mulai saja dech.

Sebagai contoh, kode iklan yang akan di pasang adalah seperti ini :


<!-- Begin: KlikSaya.com -->
<script src='http://scr.kliksaya.com/js-ad.php?zid=221' type='text/javascript'>
</script>
<!-- End: KlikSaya.com -->



Langkah-langkahnya adalah sebagai berikut :

  1. Silahkan login ke blogger dengan ID anda.


  2. Klik Layout.


  3. Klik tab Edit HTML.


  4. Klik tulisan Download Template Selengkapnya


  5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


  6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

     

    expand widget template

     

  7. Tunggu beberapa saat ketika proses sedang berlangsung


  8. Silahkan anda cari kode berikut pada kode template milik anda (dengan asumsi template anda sudah terpasang sistem readmore) :



  9. <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/>
    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
    </b:if>



  10. Tambahkan kode iklan kliksaya.com milik anda seperti ini :



  11. <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/>
    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a>

    <br /> <br />
    <!-- Begin: KlikSaya.com -->
    <script src='http://scr.kliksaya.com/js-ad.php?zid=221' type='text/javascript'>
    </script>
    <!-- End: KlikSaya.com -->
    </p>

    </b:if>



  12. Klik tombol Simpan Template.


  13. Selesai. Silahkan lihat hasilnya.


Tambahan saja, kode iklannya bisa di ganti apa saja bisa iklan google adsense atau iklan yang lainnya, atau bisa juga di ganti dengan kode banner affialiasi atau kode social bookmarking.

Selamat mencoba!

Selasa, 13 Mei 2008

Pasang Iklan Google Adsense di Bawah Posting

Setelah sekian lama absen dari aktivitas blogging, akhirnya kang rohman mencoba kembali untuk posting tutorial. Entah kenapa akhir-akhir ini kang rohman sedikit kurang semangat untuk membuat tulisan, apalagi jika membuat artikel tutorial yang sudah barang tentu harus memuat kode ataupun script yang dalam menuliskannya perlu waktu banyak sehingga sangat membosankan. Apakah kang rohman sudah kehabisan bahan untuk posting? jika di bilang kehabisan bahan posting jawabannya adalah tidak, karena di antara para pengunjung banyak sekali yang mengajukan pertanyaan, dan dari pertanyaan tersebutlah sebenarnya bahan inspirasi kang rohman, namun memang dasarnya kang rohman sedang kurang semangat untuk ngeblog, jadi ya nunggu mud nya muncul dulu baru nanti satu-satu kang rohman jawabin.

Melihat dari pertanyaan-pertanyaan yang ada, yang paling sering di tanyakan adalah bagaimana cara memasang iklan Google Adsense di bawah posting? Duh fenomenal sekali ya Google Adsense, segala sesuatu yang sekiranya sedikit asing dan menarik dan belum di ketahui pasti banyak yang berburu informasi tentangnya ...ck...ck...ck...

S ebenarnya pemasangan kode di akhir postingan yang nanti akan kang rohman terangkan, tidak khusus untuk iklan Google Adsense saja namun bisa juga di ganti dengan iklan-iklan lainnya semisal iklan dari Kliksaya.com, Adbrite, Bidvertiser, dan juga iklan-iklan lainnya yang ingin di pasang di akhir postingan termasuk juga memasang banner-banner affiliasi ataupun tombol banner social bookmarking, namun itu tadi karena Google Asense yang fenomenal maka judul postingan ini lebih sfesifik untuk memasang iklan google adsense.

Yang pertama perlu di ketahui yaitu kode iklan Google Adsense tidak bisa di pasang langsung ke dalam kode template blogger. Mungkin sudah banyak di antara anda yang pernah mencoba memasukan kode iklan google adsense kedalam kode template di bagian Edit HTML, namun hasilnya selalu muncul pesan error seperti ini :

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching "[xX][mM][lL]" is not allowed.


Trus bagaimana bisa kang rohman memasang iklan GA langsung di bawah posting? agar hal itu bisa di lakukan, sebelum kode iklan GA di pasang pada kode template anda, terlebih dahulu harus di Parse. Apa yang di maksud dengan parse? yang di maksud dengan parse di sini adalah anda harus mengubah kode yang akan di tambahkan, misalkan kode iklan Goggle adsense seperti ini :


<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxx";
google_ad_slot = "0976076963";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>



Tugas anda adalah kode di atas tadi harus di parse dulu yaitu menjadi seperti ini :


&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-xxxxxxxxxxx&quot;;
google_ad_slot = &quot;0976076963&quot;;
google_ad_width = 468;
google_ad_height = 60;
//--&gt;
&lt;/script&gt;
&lt;script
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot; type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;



Duh bingung banget ya memparse kode iklan GA? tidak usah bingung, karena ada banyak situs yang menyediakan tool yang dapat memparse kode iklan GA anda dengan sekali klik saja, salah satu contoh situs yang menyediakan tool ini adalah http://blogcrowds (sok atuh di klik biar keluar situsnya), anda tinggal masukan kode iklan Ga anda ke dalam kotak parse yang tersedia (di copy paste aja biar cepet) kemudian tinggal klik saja tombol parse dan twewewwwweeewwww... kode iklan GA anda sudah di parse dan siap untuk di pasang pada kode template anda.

Apakah boleh kita memparse kode iklan GA? kan TOS GA menyebutkan bahwa kita tidak di perbolehkan mengubah atau menambah atau mengurangi kode iklan GA yang di berikan? Nah ininih, silahkan tanyakan sendiri ke pihak google adsense, dan musti di ingat bahwa kang rohman tidak bertanggung jawab atas segala sesuatu pada account anda. Jika menurut kang rohman sendiri tidak apa-apa karena tidak mengubah struktur kode adsense, akan tetapi hanya di parse saja, dan untuk kasus ini pernah juga ada yamg mengirim email kepihak GA, silahkan baca di ini, dan jawaban dari pihak GA adalah boleh selama tidak ada penambahan kode apapun, akan tetapi walaupun demikian kang rohman sarankan untuk mengirim email sendiri ke pihak google adsense agar lebih yakin.

Setelah sedikit berbelit-belit, sekarang saatnya masuk ke bahasan utama yaitu memasang kode iklan GA di bawah postingan. Yang pertama yaitu anda di sarankan untuk memasang sistem read more yang telah kang rohman terangkan di sini, jika template anda sudah memakai sistem tersebut, silahkan ikuti langkah-langkah berikut :

  1. Silahkan signin ke blogger dengan ID anda.

  2. Klik layout.

  3. Klik tab Adit HTML.

  4. Klik tulisan Download Template Selengkapnya.

  5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula

  6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

     

    expand widget template

     

  7. Tunggu beberapa saat ketika proses sedang berlangsung

  8. Silahkan anda cari kode berikut pada kode template milik anda (dengan asumsi template anda sudah terpasang sistem readmore) :


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


  9. Tambahkan kode iklan google adsense milik anda seperti ini (kode Ga nya harus yang sudah di parse) :


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

    <br /> <br />
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;pub-xxxxxxxxxxx&quot;;
    google_ad_slot = &quot;0976076963&quot;;
    google_ad_width = 468;
    google_ad_height = 60;
    //--&gt;
    &lt;/script&gt;
    &lt;script
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot; type=&quot;text/javascript&quot;&gt;
    &lt;/script&gt;

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


  10. Klik tombol Simpan Template.

  11. Selesai. Silahkan lihat hasilnya.



Keterangan tambahan, kode iklan di atas tentu saja hanya sebagai contoh saja, silahkan di ganti dengan kode iklan milik anda sendiri. Untuk kode iklan tidak harus iklan google adsense tapi bisa juga kode iklan lainnya seperti iklan bidvertiser, adbrite, kliksaya.com, kumpul blogger, atau banner-banner affiliasi lainnya.

Selamat mencoba!

Rabu, 07 Mei 2008

Tombol RSS Glossy


Apakah anda seringkali melihat blog tetangga yang anda kunjungi memiliki Tombol RSS yang aduhai cantiknya, mungkin yang seperti ini :


tombol rss



Atau mungkin yang seperti ini :



tombol rss



Terlintas ingin memasangnya di blog anda namun terhambat dengan keterbatasan kemampuan dalam hal desain gambar? jangan terlalu risau, banyak sekali orang di luar sana yang mempunyai kemampun membuat tombol RSS yang aduhai cantiknya dan dengan baik hati membuatkan untuk kita-kita. Salah satunya yaitu anda bisa mendapatkan berbagai variasi tombol RSS yang glossy pada blognya oom free-7 ini, anda tinggal pilih tombol mana yang anda sukai lalu save ke komputer anda, upload ke blog lalu tampilin dech tuh tombol di blog anda agar lebih mempercantik tampilan blognya.



Selamat memilih dengan ceria dan jenaka !

Senin, 05 Mei 2008

Sahabat Kang Rohman (3) : Dedi Pramono


Ada yang kenal Dedi Pramono? tentu tidak semua blogger mengenal beliau, agar sedikit mengenal sosok Dedi Pramono yuk kita intip Profile nya :






Dedi Pramono

Dedi Pramono



* Schools (Other): SDN KARANG I, SLTPN 2 KALTEN, SMUN I KLATEN, D3 STAN



* Occupation: Setap AiTi




* Hobbies and Interests : banyak-banyak berbuat kebaikan (pengennya sih...), utak-utek komputer, browsing, blogging, learning&doing bussiness (baru niat doank...hehe)



* Favorite Books : Al Qur'an dan As Sunnah




* Zodiac Sign : Aquarius



* About Me : AP KT NT AJ D....



Kalo berkenan,add dedi aja di abunabilah07(at)gmail.com
Jangan lupa ramein blogku juga yach,di www.komputekno.blogspot.com.Thanks for view and comments.^_^








Profile tersebut kang rohman ambil dari profile frienster nya beliau karena tidak menemukan profile di blogger nya.
Sahabat Kang rohman yang satu ini merupakan pemilik blog yang beralamat di http://www.komputekno.blogspot.com.
Dari nama alamatnya saja, tentu sudah tersirat bahwa blog beliau ini banyak menulis tentang komputer dan teknologi,
dan kenyataannya memang seperti itu, artikel-artikel yang bermutu dan bermanfaat telah banyak beliau torehkan. Informasi-informasi yang berbobot pun tak luput beliau suguhkan bagi anda semua agar bangsa indonesia menjadi sesuai dengan judul blog beliau yaitu SAY NO TO GAPTEK.



Sepertinya kata-kata manis kang rohman tentang blog beliau tidak ada artinya jika tidak di sertai bukti yang nyata,
maka dari itu yuk kita sama sama lihat seperti apa blog Dedi Pramono, yang sudah tidak sabar silahkan saja meluncur ke http://www.komputekno.blogspot.com.





 




⇒  Anda ingin jadi sahabat kang rohman? baca dulu yang ini!


⇒ Yang sedang antri sebanyak 24 sahabat, tunggu saja mungkin berikutnya giliran blog sahabat yang akan tampil.

Sabtu, 03 Mei 2008

Kotak Komentar Tampil Dua Format

Aduh, baru pulang dari bandung nih, pala masih puyeng, badan masih gemeteran, mata kunang-kunang (halahhh.. di dramatisir abis sih) hehehe... ngga dhenk biasa aja. Seperti biasanya kang rohman masih menanggapi pertanyaan yang sempat tersangkut di shoutbox ataupun email, salah satunya (padahal salah duanya juga ngga apa-apa) adalah bagaimana cara membuat kotak komentar blogspot yang formatnya seperti yang ada di blog kang rohman ini, yaitu ada dua format, yang satu di dalam iframe dan yang satu lagi format biasa?

Hehehe... want to know aja dech loe. Memang tidak salah sih pepatah mengatakan " Lain ladang lain belalang, lain orang lain mau nya ". Ini terbukti dengan komentar yang lainnya yang kontradiktif yaitu " Kang, bagaimana jika komentarnya hanya dalam bentuk iframe saja tidak seperti punya kang rohman yang ada dua, kan ribet lihatnya? " hayoh.. bener kan kang rohman bilang, lain orang lain maunya. Nah jika sudah begitu bagaimana jadinya? biar adil mending di jawab dua-duanya.

Dulu, kang rohman pernah menulis artikel tentang bagaimana cara membuat kotak komentar blogspot langsung di bawah postingan yang kang rohman post di sini, nah perlu di ketahui bahwa hasil dari postingan tersebut adalah membuat kotak komentar dalam bentuk iframe saja tidak seperti punya kang rohman yang komentarnya jadi ada dua, trus bagaimana dengan yang komentarnya ada dua? caranya seperti ini :

Pada kode-kode yang kang rohman terangkan dulu, ada sedikit yang harus di hapus, yaitu silahkan cari kode yang seperti ini :

<div class='onepx'>
<dl id='comments-block' style='height: 1px;overflow:hidden;'>


Hapus kode yang kang rohman cetak merah di atas, sehingga menjadi seperti ini :

<div class='onepx'>
<dl id='comments-block'>


Setelah di hapus, jangan lupa di save atau di simpan, selesai.

Jika kode yang berwarna merah tadi di hapus, maka kotak komentarnya akan menjadi ada dua, yaitu kotak komentar yang muncul di luar iframe, dan yang satunya di dalam iframe.

Selamat mencoba !

Twitter Delicious Facebook Digg Stumbleupon Favorites More