under development....
exchange link with us!!
Tampilkan postingan dengan label blogger hack. Tampilkan semua postingan
Tampilkan postingan dengan label blogger hack. Tampilkan semua postingan


membuat readmore yang baru "selective expandable posts"

Apa kabar? kok perasaan blog ini tetap sepi-sepi aza ya? apa karna jarang di urus? kok jarang yang tinggal komentar? ah..masa bodo amat, yang penting saya mau nulis lagi ni, biar malas, biar lagi ga mood, usahain untuk update blog ini.

Tapi, kalau rekan-rekan memang mampir ke blo ini dan merasa blog ini berguna, tolong tinggalkan komentar ya..supaya blo ini tetap hidup...he...memelas nih.

Baiklah, pada postingan tutorial kali ini, saya mau kasih tutorial mengenai cara membuat readmore. tidak perlu diterangin apa itu readmore.(itu loh...tulisan bacaselengkapnya seperti di blog ini yang bila di klik maka akan tampil semua postingan artikelnya...).
Kan sudah banyak yang bikin postinga tutorial seperti gitu? yah maklum, jarang blogwalking jadi tidak tahu blog mana aja yang udah buat. Tapi yang jelas ini beda dengan tutorial yang di blog kang rohman.

Apabila rekan-rekan membaca tutorial di blog kang rohman yang berjudul "readmore versi baru" disini, (yang merupakan hasil terjemahan dari blognya hans) maka apa yang saya posting ini sedikit berbeda dan tidak ada di blognya kang rohman.
Rupanya ada cara kuno classic untuk membuat readmore yang hampir mirip dengan cara tersebut. tetap!!, cara dan tutorial yang satu ini merupakan terjemahan versi bebas dari karya hans. Jadi, kalau anda pintar bahasa inggris, ya moggo baca versi aslinya di sini, tapi kalau tidak ngerti bahasa inggris kayak saya...ya udah..baca aja tutorialnya disini. di blog ini.(tutorial readmore kang rohman juga ambil dari sana kok....he...). Untuk namanya, saya sendiri bingung kalau di indonesia-in, baiknya dikasih nama apa. gimana kalau torasudiro,he he..daripada bingung, ya udah pakai aja nama aslinya dari hans"selective expandable post"

Untuk contoh seperti apa readmore-nya, silahkan buka blog ini dari awal/ home. ya seperti itu...
Untuk membuat readmore tersebut...silahkan simak dan ikuti cara di bawah ini.


#ACTION:
  • Masuk ke template blog anda, jangan lupa backup template. Lalu centang kotak "expand template widgets" di pojok kanan atas dari kotak template blog anda.
  • Cari kode berikut ini:
    </head>
  • Copy kode dibawah ini dan letakkan tepat di atas kode tersebut:
     <script  type='text/javascript' 
    src='http://lukman.oke.googlepages.com/selective_expandable_post.js' />
  • Cari kode seperti di bawah ini, kode yang warna merah adalah kode yang harus di tambahkan.
    <div class='post-body'  expr:id='"post-" + data:post.id' >

    <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/></p>

    <span id='showlink'>
    <a expr:href='data:post.url'>Read More......</a>
    </span>
    <script type='text/javascript'>
    checkFull("post-" + "<data:post.id/>");
    </script>
    </b:if>


    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
  • Simpan perubahan.
  • Sekarang pergi ke "pengaturan"-->>"format"
  • Scroll ke bawah sampai anda menemukan kotak yang bertuliskan"template posting".copy kode berikut ini lalu letakkan di kotak tersebut
     tulis ringkasan disini
    <span id="fullpost">
    tulis keselurahn posting disini
    </span>
  • Simpan perubahan, selesai.

Gampang bukan?untuk melakukan posting, klik pilihan "edit html" di kotak postingan blog, lalu tulis ringkasan sebelum kode <span id="fullpost">. lalu sisanya tulis diantara kode tersebut dengan kode </span>. Nah, kalau artikel anda pendek dan ingin menghilangkan tulisan readmorenya, tinggal hapus kode tersebut,beres. Setelah itu, mari kitak ucapkan terimakasih kepada hans yang telah menemukan kode ini. dan terimakasih kepada saya yang telah mengkopas tulisannya..he hehe..

HAPPY BLOGGING.

FREE SOFTWARE
mau software ini?????GRATIS
klik gambar untuk mendownload.
blogger tutorial:bonus software free, thumbnail link to download it
macromedia fireworks 8 PORTABLE

Baca Selengkapnya-->>......


kotak kemontar di bawah postingan, akhirnya diluncurkan juga sama om blogger

Aduh.....pusing pusing n pusing nih, semua orang pada sibuk ngomongin ttg pelaksanaan eksekusi mati amrozi cs. tiap liat tipi, amrozi cs, pindah cannel; amrozi cs lagi...apa kaga ada ya berita selain pelaku teroris bom bali ini? makan di warung sebelum berangkat kerja, yang di omongin amrozi, imam samudra, n muklas. apalagi, saya tinggal di bali, makin ramai aza dan aneh aneh omogana orang tentang yang satu ini. Ya dah lah....dari pada pusing dengerin omongan orang tentang eksekusi amrozi cs ini, lebih baik saya lihat- lihat blog ini lagi. Dan memang sudah lama saya tinggal untuk ngurusin blog yang lain.

Kembali ke ....laptop ke judul, yup!!!

Beberapa hari yang lalu, saya lagi asyik ngerjain blog baru. Iseng-iseng ngatur di bagian pengaturan-->komentar. Saya kaget...ternyata sekarng opsi penempatan komentarnya dah ada yang baru..apa lagi kalau bukan ..............

Benar sekali, setelah di tunggu-tunggu beberapa lama, akhirnya blogger mau juga membuat kotak komentar yang langsung berada di bawah postingan blog kita, sehingga kita tidak perlu lagi pusing-pusing untuk menggunakan comment form under post on blogger dari pihak ketiga seperti hallo scan maupun ribet dengan mengutak atik banyak kode.

Oke dah. Sekarang kita lansung action saja. tapi tunggu dulu, dari pengalaman, saya langsung memilih pilihan ......... pada pengaturan-->komentar dan hasilnya nihil besar, alias kotak komentar yang di harapkan tidk muncul. Berarti, ada sedikit kode yang harus di tambahkan. Oleh karna itu, saya harus menshare kesuksesan pembuatan kotak kometar dibawah posting tersebut di blog ini. Contoh hasil kotak komentar tersebut adalah seperti di bawah ini: comment form under post thumbnai image untuk live demo, silahkan rekan-rekan kunjungi blog free portable software di http://www.portable-soft.com dan lihat di bagian kotak kometarnya(tentu di bawah postinganblog....).

Nah, sekarang adalah proses pembuatannya.

ACTION:

  • Dari dasboard blog anda, pergi ke pengaturan-->komentar
  • Lalu centang opsi pilihan ketiga seperti di bawah ini:(maaf ya...gambarnya pakai bahasa inggris) comment form under post setting
  • Klik simpan perubaha.
  • selesai.

Apabila langkah di atas sudah di lakukan, maka secara normal kotak komentar akan muncul di bawah postinga blog anda. Tapi blog rekan-rekan tidak normal...hehe..alias kotak komentar yang diharapkan tidak muncul juga silahkan nangis ikuti cara yang sudah saya lakukan seperti dibawah ini:

ACTION II:
  • Dari dashbor blog anda, pergi ke Tata letak-->Edit html
  • Lalu centang kotak pilihan expand template widget di pojok atas kotak template blog
  • Dan janga lupa, backup dahulu template blog anda
  • cari kode seperti dibawah ini:
    <p class='comment-footer'>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
    <data:postCommentMsg/>
    </a>
    </b:if>
    </p>
  • hapus atau ganti kode tersebut dengan kode dibawah ini:
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
    <data:postCommentMsg/>
    </a>
    </b:if>
    </b:if>
    </p>
  • simpan template.SELESAI.

Oke, ngomongin amrozi cs sudah, kasih tutorial sudah. lalu apa lagi ya..............kapan -kapan saya juga mau bahas ttg comment form under post lagi ahh...karna kalau tidak salah ada penyedia layanan kotak komentar dibawah posting tersebut yang sekaligus bisa mengirimkan email notifikasi kepada pengunjung yang meninggalkan komentar, tunggu saja, karna saya belum pelajari dan baca secara detail.

Oke dah, saatnya kabur, sampai ketemu di tutorial berikutnya (dan tunggu juga comment form under post on blogger yang lain). cabuuuuuuuuuuuuuu!!!!SELAMAT NGEBLOG.

Baca Selengkapnya-->>......


membuat Related Posts on Blogger.siapa bilang cuma wordpress yang bisa kaya gitu?

Alhamdulillah, akhirnya Mas Aan bisa nulis lagi untuk updatate blog ini, habis kemarin masih sibuk bikin blog baru ttg autoinsurance.
pada kesempatan kali ini, mas Aan ingin memberikan tutorial bagaimana cara memasang link ke postingan yang masih berhubungan yang secara otomatis terbentuk di bawah halaman posting blog anda. Bila rekan-rekan sering mengunjungi blog yang menggunakan wordpress, maka hal ini sudah tidak asing lagi, dibawah postingan akan di temukan link ke posting lain yang masih berhubungan secara otomatis atau biasa disebut "related post".

Siapa bilang hal itu cuma bisa dilakukan di wordpress doang, sekarang blogspot-pun sudah bisa menggunakan cara itu. tentu sangat terimakasih kepada jackbook yang telah membuat dan menemukan script ini.
untuk sample, silahkan anda lihat ke bawah posting blog ini, maka disana akan "ARTIKEL YANG MASIH BERHUBUNGAN"dengan link-link menuju postingan yang lain sebagai isinya.Selain itu, silahkan tengok ke blog-blog di bawah ini untuk contoh-contoh lain.,semua menggunakan hal yang sama:

  • wedding planning
  • free download software
  • life insurance guide
  • auto insurance help
  • sudah penasaran?. mari segera kita mulai!
    #ACTION:
    #LANGKAH I

  • download scriptnya dahulu di bawah ini:
    blogger tutorial and blogger hack thumbnail download link image
  • ekstract ke folder di komputer anda, maka sekarang anda akan mempunyai file bernama "related post on blogger script.txt".


  • #LANGKAH II

  • setelah anda login ke blogger anda, pergilah ke menu edit html blogger anda. jangan lupa untuk membuat backup dahulu.
  • centang kotak "Expand Widget Templates" yang ada di pojok kanan atas template blog anda.
  • cari kode di bawah seperti di bawah ini:
    <data:post.body/>

  • buka script "related post on blogger.txt" yang baru di download dengan notepad atau editor lainnya.copy kode tersebut dan paste tepat di bawah kode diatas / <data:post.body/>.
  • simpan template, seleasai.
  • Sangat gampang bukan??.oh ya hampir lupa, script related post ini hanya menanpilkan kontent yang berhubungan berdasarkan label postingan anda. jadi selalu usahakan memberi label postingan blog anda sesuai kategory.

    Oke, saya rasa cukup sekian dulu, jangan lupa tinggalkan komentar ya..oh ya...bagi rekan-rekan yang mau download softare gratis, silahkan kunjungi blog free software di http://bagussoftware.blogspot.com. ada banyak software yang berguna dan selalu di tambah setiap 1-2 minggu sekali. seperti software di bawah ini FREE!!!

    blogger tutorial;link image to free download software site

    selamat ngeblog.

    Baca Selengkapnya-->>......


    cara memasang iklan adsense diatas judul posting blog

    Apa kabar? setelah beberapa lama mas Aan tidak online lagi sekarang dah bisa online, tapi mungkin masih jarang-jarang karna belum begitu semangat. bagi anda yang baru mengujungi blog ini, mungkin agak jengkel karna kemarin banyak postingan yang tidak manfaat, seperti yang disini. ya... mas Aan sebagai pemilik blog ini sedang membuka kesempatan kepada anda untuk memasang iklan anda di blog ini dengan harga yang sangat murah.PROMOSI . jadi, kalau anda ingin memasang iklan di blog ini SUPAYA BLOG INI TETAP EKSIS segera hubungi saya di sini. DIJAMIN MURAH DAN PASTI, mulai dari Rp 5000/bln.DASYAT!! bukan?. ya sudahlah, promosinya cukup dulu ya... sekarang, sebagaimana judul postingan kali ini:"cara memasang iklan adsense di atas judul posting". maka, mas Aan akan berbagi sedikit tips bagaiman supaya anda bisa memasang iklan andsense tepat di atas judul postingan blog saudara, untuk contoh silahkan kunjungi blog free games download atau free download software dan lihat di setiap judul postinganya, maka anda akan paham apa yang saya maksudkan.

    tenang, untuk memasangnya tidak sulit kok, hanya sedikit di butuhkan kekreatifan otak kita....he. yup segera kita mulai.

    ACTION

      Parse terlebih dahulu kode iklan adsense yang telah anda dapatkan di alamat ini:http://blogcrowd.com, bila anda masih kurang paham bagaimana cara memparse kode tersebut, silahkah kunjungi blognya pak guru rohman untuk tutorialnya.
    • login ke blogger anda silahkan klik "Tata Letak" dari kontrol panel blog anda, lalu masuk ke edit html dengan mengklik tab"Edit HTML" yang ada di susunan tab menu atas halaman.
    • sekarang kita siap untuk action yang sebenarnya, tapi untuk keamanan, silahkan backup template asli anda dahulu supaya tidak ada tangis bila terjadi kesalahan.
    • centang dahulu kotak "Expand Template Widget" yang berada di pojok atas kotak template blog.
    • scroll kebawah dan cari kode di bawah ini
    • </b:includable>
      <b:includable id='post' var='post'>
      <div class='post hentry'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
      <b:if cond='data:post.url'>
      PASTE KODE ADSENSE ANDA DISINI!!!!!
      <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
      <data:post.title/>
      </b:if>
      </b:if>
      </h3>
      </b:if>

      paste kode adsense yang telah di parse di tempat yang di beri warna merah dan bergaris bawah.

    • simpan template anda dan lihat hasilnya
    • SELESAI.

    Sebenarnya, dengan sedikit kejelian, kita bisa memasang iklan tersebut tepat di bawah judul posting, tapi saya belum berani melakukannya, karena menurut informasi yang saya dengar, hal tersebut melanggar TOS nya mbah google. Kalau anda berani, yo monggo, tapi mas Aan tidak bertanggung jawab. Untuk caranya, silahkan cari sendiri pakai otak sendiri ya... atau silahkan tanya ke saya melalu form yang saya sediakan. cara ini tidak hanya di pakai untuk memasang iklan adsense, apapun bisa anda pasangkan di antara kode tersebut, semisal banner, dll. so be creative dikit lah...

    cukup dulu sharingnya ya...dan jangan lupa, pasang iklan bisnis atau apapun anda di blog ini, dengah harga yang sangat murah, karna, saya akan terus berusaha untuk menaikkan rating blog ini, jadi anda tidak akan rugi. oke. tunggu sharing - sharing lainnya dari saya, mas Aan/lukman.oke berikutnya. salam.

    Baca Selengkapnya-->>......


    random rotating header image on blogger

    Memang, jikalau berbicara masalah blogger hack atau blogger tutorial tiada akan ada habisnya. Selalu ada saja yang baru. Ya sudah lah, sekarang yang penting, blogger tutorial seperti apa yang akan saya sharing kali ini. penasaran bukan?

    Sesuai dengan judul postingan ini(supaya lebih keren dikit, pakai bahasa inggris...padahal kaga pinter bahasa ingris(^_^) ), dalam blogger tutorial kali ini saya ingin sharing bagaimana membuat gambar header blogger kita bisa gonta ganti sesuai dengan banyaknya gambar yang sudah kita persiapkan. Untuk demo, silahkan kunjungi wedding planningblog disini!!.lalu, refresh browser anda (atau reload ulang lah..gitu loh). Maka, anda akan melihat gambar header dari blog wedding planningtersebut berganti-ganti setiap anda merefresh/mereload ulang browser anda.

    Sudah tidak sabar untuk membuatnya?mari kita mulai:

    • Pertama, ngopi dulu biar tidak pusing siapkan gambar anda.bisa 5, 6, 7 atau berapapun (semakin banyak tentunya header blog anda akan semakin ramai, bukan?). Yang harus di perhatikan, ukuran gambarnya harus sesuai dengan gambar header blog anda sebelumnya atau sama dengan ukuran header wrapper blog anda.
    • Kedua, sudah basi...... login keblogger saudara »»layout (tata letak)»»edit html.
    • Copy kode di bawah ini dan letakkan di dalam kode <body>.........</body> template blog anda. Atau gampangya, letakkan tepat di bawah kode <body>,
      <script type="text/javascript"> var banner= new Array() banner[0]="http://static.flickr.com/84/269053449_acad87a793_o.jpg" banner[1]="http://static.flickr.com/95/269053438_4ef5a3983e_o.jpg" banner[2]="http://static.flickr.com/96/269053404_44a3b0eda8_o.jpg" banner[3]="http://static.flickr.com/108/269053262_608edbdda4_o.jpg" banner[4]="http://static.flickr.com/98/269053232_6f7c6f994a_o.jpg" var random=Math.round(4*Math.random()); document.write("<style>"); document.write("#header {"); document.write(' background:url("' + banner[random] + '") no-repeat left TOP;'); document.write(" }"); document.write("</style>"); </script>
    • Yang harus di perhatikan hanyalah kode-kode yang saya beri warna hijau dan merah. Kode yang hijau, ganti url gambar dengan url penyimpanan gambar-gambar image header blog sampeyan. bisa ditambah atau dikurangi. sesuaikan saja. Untuk kode Math.round(4*Math.random()); , apabila gambar anda berjumlah 6, maka ganti angka 4*Math dengan 5, bila gambar anda berjumlah 3, maka ganti angka dengan 2. dan seterusnya.

    Saya rasa cukup mudah bukan? dan cukup sekian blogger tutorial / blogger hack kali ini, sedikit tambahan, cara kerja dari sricpt kode diatas adalah menutupi header image blogger anda yang berada di dalam variable #header di bagian style dengan image-image yang di tentutukan, jadi usakan untuk membuat image yang sama ukurannya dengan image header asli blog anda..Kalau anda tidak berhasil, tinggal kirim pertanyaan saja melalui kotak komentar, sebisa mungkin akan saya bantu.Saya tidak jelaskan terlalu banyak kali ini karn ahari ini saya lagi malas untuk nulis banyak-banyak, capek tau!!!

    Bila ingin melihat demo dari tutorial ini (dan berhasil seratus persen) silahkan kunjungi wedding planning blog.

    selamat mencoba.

    Baca Selengkapnya-->>......