Read More Otomatis pada Template Blogger

Trick Blog dari Delta Net kali ini akan mengulas dan mengutak atik membuat read more atau tulisan baca selengkapnya' versi kedua.

Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.

Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.

Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D

Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript


Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.


Cara membuat readmore otomatis.
(1)


membuat read more baca selengkapnya otomatis.
(2)


otomatis read more.
(3)


Selanjutnya,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>


Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>


Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

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


Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.
Posted on 07.03 / 0 comments / Read More

Cara Membuat Menu Dropdown di Blog

Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu di Blog seperti di bawah ini:



Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.

Untuk membuat arsip pulldown/Cara Membuat Menu Dropdown di Blog ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :

  1. Login ke blogger.com dg id Anda
  2. Klik Template
  3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:
  4. &<BloggerArchives> 
    
    
    <a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>
    
    
    
    </BloggerArchives>
  5. Nah, ganti kode di atas dg kode html di bawah ini:
  6. <select name="archivemenu"
    onchange="document.location.href=this.options[this.selectedIndex].value;">
    
    
    
    <option selected>- Archives -</option>
    
    
    
    <BloggerArchives>
    
    <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
    
    </BloggerArchives>
    
    
    
    </select>
  7. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
  8. Selesai.
Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

  1. login dulu, tentunya dengan id anda
  2. klik LAYOUT
  3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
  4. Klik Edit pada kotak Blog Archive tadi
  5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
  6. Klik Save Changes
  7. Selesai
Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>

<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>


Sebagai contoh untuk menu Dropdown milik saya :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- Blog Tutorial -</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>

</select></form>
Hasilnya akan seperti ini :


Mudah bukan?   Selamat mencoba !

Posted on 06.51 / 0 comments / Read More

18 Tips Agar Blog Tampil Profesional

    Penting untuk sobat Artikel ini sepenuhnya ide dan tulisannya gue ambil dari seorang blogger yang memang gue anggap ahlinya di dalam dunia perbloggingan. Lalu pertanyaannya kenapa gue mengambil ide dan tulisan artikelnya ?, jawabannya Simple, karna menurut gue artikel ini Penting untuk gue sebar-luaskan, agar blogger pemula seperti gue dan blogger yang baru memulai blogging bisa mengerti bagaimana agar blognya terlihat Profesional, Apalagi sekarang di Bojonegoro udah banyak blogger newbie yang bermunculan.

    Ok, kita mulai yukk.. Menambahkan widget dan aksesoris  pada blog emang  menyenangkan dan bisa membuat halaman blog terlihat menarik. Tapi taukah sobat ada beberapa hal yang harus di hindari pada halaman blog, agar blog terlihat lebih Profesional. Kenapa tampilan halaman blog harus profesional ?, jawabannya seh asbrak, walaupun sangatlah variatif. Sobat tahu kan penampilan halaman user interface yang baik adalah yang utama, apapun di dunia ini pertama kali yang di lihat adalah penampilan. Jika kesan pertama sudah tidak baik, jelas akan berpengaruh buruk terhadap pengujung blog sobat. Secara realita memang penilaian setiap orang bervariasi dan relatif, tetapi tidak ada salahnya kan kita menuju ke arah kesempurnaan.

    Mungkin sobat semua masih ingat beberapa bulan yang lalu, pas gue baru memulai blogging. *haduh parah dah.. * banyak sekali widget dan aksesoris yang gue pasang di halaman blog, tapi setelah gue mendapatkan ilham. *ciee, ilham ni yee * lanjut dah., akhirnya gue pikir-pikir kembali untuk apa semua itu jika ngga ada hubungannya sama sekali sama blog gue dan jangan berpikir bahwa tampilan blog gue sudah profesional karna untuk mencapai tujuan tersebut sangat ngga mudah dan butuh waktu. Untuk menjawab semua hal di atas gue akan membagi tips bagaimana menjadikan halaman blog sobat terlihat lebih berisi dan terlihat profesional lalu apa saja yang harus di lakukan dan di hindari pada blog sobat.

                                             18 tips agar blog terlihat Profesional

1. Lakukan pengecekan halaman pada beberapa browser yang berbeda.
    Tampilan halaman sobat begitu cantik dan menarik di browser firefox tapi belum tentu bagus di browser IE dan Opera atau browser lainnya. Untuk cobalah lakukan pengecekan dengan browser yang berbeda. Misal : Firefox, Flock, Opera, IE dan lain-lain.

2. Pilihan warna blog.
    Pemilihan warna memang gampang-gampang susah *blog ini susah banget <= curhat* semua tergantung selera pada pemilik blog, Tetapi janganlah terlalu egois, pilihlah warna sesuai dengan tema blog sobat. Coba sobat pikir, andai blog sobat tentang agama dengan pilihan warna hitam. ini pasti terlihat janggal, kebanyakan warna hitam lebih cenderung ke situs yang bertemakan underground.

3. Hindari memasang jam.
    Tanyakan pada diri sendiri apa gunanya memasang jam, jika hanya sebagai pengingat waktu atau mempercantik halaman sebaiknya tidak perlu. Apa gunanya jam pada Taksbar Windows ??, yang jelas bakal bikin load page blog sobat semakin berat.

4. Hindari memasang kalender.
    Apa gunanya kalender windows ?, pengunjung blog sobat butuh informasi bukan ingin melihat kalender. Note: kalender yang gue maksud adalah kalender umum, beda dengan kalender yang menampilkan sebuah posting. (biasanya banyak di gunakan di blog wordpress)

5. Hindari memasang jumlah pengunjung tetap.
    Jika sobat baru memulai ngeblog, jangan gunakan jumlah pengunjung (counter), ini akan berakibat penilaian buruk terhadap blog sobat, walaupun untuk beberapa penyedia layanan counter menyediakan untuk memanipulasi dan menambah jumlah pengunjung secara manual. Coba pikir, blog yang baru di buat sudah mencapai 100.000 pengunjung, apakah mungkin ?

6. Jangan memelas untuk meminta mengkllik iklan.
    Hindari kata "klik [banner/gambar/link iklan] ini" atau bahasa apapun yang meminta pengunjung blog sobat untuk mengklik iklan. Sampai saat ini ada beberapa blog yang melakukan hal ini. (maaf jika blog sobat termasuk dalam hal ini) siapa seh di dunia ini yang suka di perintah. Tanpa sobat menyuruh pun pengunjung bakal mengklik iklan tersebut jika di rasa berguna bagi mereka.

7. Memasang readmore/selanjutnya bila rata-rata post tulisanmu banyak.
    Tidak masalah bila rata-rata tiap tulisan posting sobat hanya 5 sampai 7 paragraf, walaupun tanpa memasang widget readmore/selanjutnya. Tetapi ini akan menjadi masalah bila rata-rata setiap tulisan sobat selalu melebihi 10 sampai 20 paragraf setiap postnya. *bahkan lebih dari 20 paragraf dan setiap page blog lebih dari 10 post., haduuh,nyiksa dah.. * Selain membuat pengunjung blog tersiksa dengan loading page blog sobat, pengunjung pun akan malas melihat artikel-artikel sobat lainnya, karna harus menye'croll artikel-artikel sobat yang begitu panjang. *efek samping: scroll mouse bisa cepet aus bila keseringan kunjungi blog seperti ini * Tidak sulit koq memasang readmore, ada banyak blogger yang memberitahu/share cara membuatnya. (pasanglah readmore atomatis rekomendasi dari gue)

8. Jangan memasang iklan yang berserakan.
    Iklan yang banyak memang sangat menguntungkan, namun jangan sampai isi halaman sobat hanya ada iklan dan iklan. Pasanglah yang sewajarnya dan taukah sobat ?, sebab pengunjung sangat risih dengan adanya iklan yang terlihat melebihi kapasitas dari halaman blog sobat.

9. Hindari memasang lagu (mp3) di blog.
    Selain membuat halaman blog menjadi berat. Blog yang menampilkan lagu agak terkesan tidak Profesional dan (maaf) agak jadul "jaman dulu" *terus lagunya nya house music, haduuh.. ini blog, apa tempat dugem yah..* tidak masalah jika blog sobat tentang music, tapi kalau blognya tentang informasi kayanya kurang cocok deh.

10. Menampilkan status IP/Browser, Peta, & Tempat asal pengunjung.
    Maaf, gue tanyakan kepada sobat., apakah blog sobat program spy/mata-mata ?, bukan kan. Jadi lebih baik tidak perlu memasangnya agar pengunjung tidak merasa di mata-matai dan di intai. Ingat !!, pengunjung atau sobat pribadi pasti ingin kenyamanan bila bertamu ke tempat orang lain, lalu bagaimana bisa nyaman bila tamunya merasa di mata-matai atau di intai.

11. Memasang widget yang tidak ada hubungannya dengan blog.
    Menambah widget memang menyenangkan tapi jika tidak ada hubungannya malah blog sobat terkesan aneh. Pasanglah widget sesuai dengan kebutuhan sobat. Contoh: widget video, padahal blog sobat sama sekali tidak bertemakan/mengenai movies atau film.

12. Jangan hanya copy-paste.
    Mungkin siapapun tidak ada yang melarang sobat untuk copy-paste, jika memang di lakukan sebaiknya perbaiki juga code scriptnya. Hargai jerih-payah penulis sebenarnya, karna jika hanya copy-paste tulisannya tidak bakal terlihat rapih, kemungkinan gambar juga yang di ikut sertakan tidak akan muncul dan tidak adanya ciri khas pemilik blog.

13. Perhatikan tanda baca.
    Perhatikan tulisan sobat, apakah sudah benar tanda bacanya ?, kesalahan dalam titik koma akan berakibat mempunyai arti yang berbeda. Bacalah kembali artikel sobat sebelum sobat menerbitkannya.

14. Jangan gunakan gambar yang besar.
    Gambar memang mempercantik blog sobat, tetapi gambar yang besar justru akan jadi bumerang buat loading page blog sobat, yang jelas blog sobat pasti akan di abaikan untuk sementara waktu ketika loading page sedang berjalan.

15. Periksa Dead link.
    Link yang telah mati bakal tidak di sukai pembaca. Jangankan pembaca, search engine pun ngga menyukai hal ini. Lakukan pengecekan Dead link sesering mungkin, banyak tool di internet yang bisa melakukan tugas ini.

16. Jangan terlalu banyak memposting artikel orang lain.
    Ini akan mendapat respon buruk dari pembaca, karna pembaca akan lebih baik membaca ke sumbernya secara langsung.

17. Selalu pasang nama sumber artikel.
     Blog yang Profesional selalu menghargai jerih payah orang lain, yang jelas memasang nama sumber tidaklah merugikan sobat sedikitpun, sebaliknya penghargaan atas jerih payah orang lain itulah yang membuat blog sobat terlihat Profesional.

18. Cara merespon komentar yang baik.
    Jangan pernah bersikap menggurui, hargai semua komentar dengan bijak walaupun ada beberapa komentar yang menyebalkan. Ingat !!, blog tempat orang menuangkan ide dan pemikiran, jadi semua orang pasti mempunyai pendapat yang berbeda

     Ok, selesai deh. Hal di atas adalah beberapa tips agar blog sobat terlihat profesional. Ide dan tulisan ini gue dapat seluruhnya dari o-om.com dan Cosa Aranda gue hanya menambahkan satu point di dan memperbaiki kata-katanya biar lebih pas dalam tulisan ini *lumayanlah.. daripada ga sama sekali * gue mengcopy tulisan ini karna gue anggap perlu dan penting. Karna kesuksesan blog seseorang berawal dari kesalahan yang kemudian di perbaikinya. Ini menurut gue *tumben neh gue ngomong bener.. * Ok deh, yukk buat blogmu lebih Profesional.
Posted on 06.27 / 2 comments / Read More

Boost Backlink dengan BL Generator


Boost Backlink dengan BL Generator cara meningkatkan pagerank dengan mudah atau gampang dengan mengumpulkan backlinks dan gratisBiasanya tools online ini digunakan untuk memperbanyak backlink ke site yang kita masukkan. Dengan melakukan hal ini yaitu men-submit url ke sini, maka kita akan secara cepat mempromosikan ke berbagai situs yang telah dipilih oleh Google sebagai situs yang dipercaya memberikan backlink.

Kemungkinan besar yaitu pada Update selanjutnya, PageRank blog kita akan naik dari sebelumnya, dari pr0 ke pr 1/2/3/4 bahkan 5!!! Tapi juga nggak sepenuhnya karena semua tidak lepas dari misteri Google yang belum terpecahkan memberikan Pagerank.
Halah, penjelasannya kepanjangan, hehe. Langsung saja kita meuju ke URL berikut ini:

http://www.backlinkgenerator.net/
Bookmark situs tersebut agar anda dapat menggunakannya di waktu mendatang. Oke, caranya sudah tau kand? Anda hanya perlu menuliskan URL blog anda ke form yang disediakan. Perhatikan Gambar Berikut:
Boost Backlink dengan BL Generator Cara Meningkatkan Pagerank blog dengan mudah
Gunakan dengan bijak dan jangan terlalu berlebihan karena akan berakibat buruk pada blog yang anda submit (jika anda men-submit satu artikel terlalu sering). Semoga bermanfaat. [Abied_nc Delta Net]
Posted on 06.16 / 0 comments / Read More

Strategi Membangun Trafik Website


Strategi Membangun Trafik WebsiteNah inilah Strategi Membangun Trafik Website. Aspek yang paling signifikan yang memainkan peran utama dalam keberhasilan sebuah website adalah nama domain. Seorang calon pelanggan pertamanya tertarik pada nama domain dan kemudian memutuskan apakah dia akan mengunjungi atau tidak. Oleh karena itu, terbukti bahwa membangun lalu lintas suatu situs Web langsung berhubungan dengan pemilihan nama domain pada situs Web Anda.
Nilai sebuah domain pasti bergantung pada alokasi yang sesuai dengan nama dan cocok untuk penguatan sebuah domain. Sebuah nama domain dari sebuah situs web hanya cocok bila sukses dalam menarik pelanggan, menciptakan citra merek dan mempertahankan faktor understandability sangatlah mudah. Ini adalah beberapa parameter vital berkualitas bahwa nama domain yang baik harus memiliki kualitas yang baik maka dari domain tersebut pasti akan menghasilkan lalu lintas situs Web yang cukup membangun.
Arena internet dan web semakin canggih dan untuk menghadapi tuntutan perubahan, para pengembang, desainer dan penyedia layanan website keluar untuk mencari cara untuk membawa pemikiran inovatif untuk menciptakan dan mengalokasikan media terbaru dan update domain dan potensi yang berhubungan dengan situs-situs terbaru.
Apakah Anda tertarik untuk melakukan bisnis online? Pertama-tama, Anda perlu untuk merampingkan kebijakan dan pendekatan untuk tujuan tersebut. Yang paling penting adalah Anda harus memilih teknik promosi yang tepat, yang dapat Anda lakukan melalui optimasi mesin pencari (SEO) yang tepat. Mesin pencari adalah sumber yang paling dapat diandalkan untuk menarik trafik dalam jumlah yang besar pada situs Web. Menurut strategi yang paling umum, ada beerapa teknik utama yang dilakukan perusahaan besar guna memastikan keramahan suatu situs pada mesin pencari, yaitu teknik menembak kata kunci, primer sponsor (sponsor utama), dan promosi.
Beberapa mesin pencari populer yang menawarkan strategi pemasaran yang efektif dalam layanan suatu web Anda adalah Google, Yahoo, DMOZ, Alta Vista, dll. Anda harus memasukkan alat pemasaran yang baik sehingga website anda akan mendapat peringkat yang memuaskan di mesin pencarian ini dan jika Anda memasarkannya dengan tepat, Anda juga akan mendapatkan banyak trafik untuk web Anda.
Posted on 06.14 / 0 comments / Read More

Cara Menambah Widget Social Bookmark pada Blog


Cara Menambah Memasang Membuat Sosial Bookmarking Social Bookmark Widget pada Blog WordPress dengan mudah dan cepatSubmit blog kita pada Social Bookmark merupakan salah satu langkah menaikkan trafik sekaligus menambah backlink ke artikel atau blog yang telah kita submit. Nah, sekarang saya akan berbagi cara membuat atau memasang widget Social Bookmark ini pada blog Anda, agar lebih efisien karena tinggal klik saja.
Tampilannya sama dengan yang dipasang di blog ini, letaknya bawah postingan, selengkapnya adalah seperti berikut ini:
Cara Menambah Social Bookmark Widget pada BlogOke, langsung saja kita lihat caranya:
  1. Login – Tata Letak / Layout – Edit HTML
  2. Jangan lupa cek tanda Expand Template Widget
  3. Letakkan kode berikut sebelum kode ]]></b:skin>
    .pdfardi { background: #000000; -moz-border-radius: 5px; border: 0px; padding:5px 5px 5px 5px; margin: 0 0 0px 0; }
  4. Kemudian cari kode <data:post.body/> (biasanya ada dua kode, pilih kode yang atas/pertama), taruh kode berikut di bawahnya:
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <div class=’pdfardi’><center>
    <a expr:href=’&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Add to Delicious’ src=’http://i46.tinypic.com/25a4v0o.jpg’ width=’122′/></a>
    <a expr:href=’&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Digg It!’ src=’http://i45.tinypic.com/27x2r1c.jpg’ width=’122′/></a><br/>
    <a expr:href=’&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’I Like It!’ src=’http://i45.tinypic.com/qpgevr.jpg’ width=’122′/></a>
    <a expr:href=’&quot;http://twitter.com/home/?status=Chk Out-Numbering Comments In Blogger/BlogSpot Blogs &quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Tweet It!’ src=’http://i50.tinypic.com/vpzyus.jpg’ width=’122′/></a><br/>
    <a expr:href=’&quot;http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ rel=’external nofollow’ target=’_blank’><img alt=’Add to Technorati’ src=’http://i47.tinypic.com/30xbiba.jpg’ width=’122′/></a>
    <a expr:href=’&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’><img alt=’Add to Facebook!’ src=’http://i50.tinypic.com/2ed7338.jpg’ width=’122′/></a></center></div>
    </b:if>
  5. Klik Simpan
Posted on 06.11 / 0 comments / Read More

Membuat Artikel Terkait dengan Thumbnail


Membuat Artikel Terkait dengan ThumbnailSekarang saya akan membahas tentang Trik Blog yang sudah saya beri judul Membuat Artikel Terkait dengan Thumbnail. Nah, kalo kita lihat di beberapa blog yang membahas tentang Artikel Terkait, tampilannya yang paling utama adalah di bawah posting. Trik yang akan saya jelaskan juga begitu namun bedanya menggunakan thumbnail. Eh, tapi kayaknya udah banyak yang membahas Membuat Artikel Terkait dengan Thumbnail tapi saya beda. Mereka biasanya menggunakan pihak ketiga yaitu LinkWithin dan saya tidak memakainya (hehe). Untuk screenshot kita dapat melihat gambar berikut ini:
Membuat Artikel Terkait dengan Thumbnail
Dari pada moler-moler nggak karuan, ayo deh kita lakukan caranya:

  1. Login di Blogger —> Layout/Tata Letak —> Edit HTML
  2. Centang pada expand template widget
  3. Cari kode </head> dan ganti dengan kode berikut ini:
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://galang.googlecode.com/files/relatedposts.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>



  • Kemudian cari kode berikut:
    <div class='post-footer-line post-footer-line-1'>
    Kalau tidak ada coba kode ini:
    <p class='post-footer-line post-footer-line-1'>







  • Jika sudah ketemu, taruh (copy paste) kode berikut ini di bawah salah satu kode di atas.
    <!-- Related Posts with Thumbnails Code Start-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.deltanetkabunan.com/2011/04/membuat-artikel-terkait-dengan.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.deltanetkabunan.com/' style='display:none;'>Delta Net</a>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=5;
    var relatedpoststitle="Related Posts";
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>
    <!-- Related Posts with Thumbnails Code End-->







  • Anda dapat menyesuaikan jumlah maksimum Artikel terkait yang tampil dengan mengedit kode yang berwarna biru (judul)







  • Jika terdapat kesalahan, mohon beritahu saya dengan mengisi kotak komentar, nanti akan secepatnya saya jawab
    Semoga bermanfaat…
    Posted on 06.08 / 0 comments / Read More

    Memasang Widget Artikel Terkait/Related Post pada Blog


    Cara membuat related post atau artikel terkait pada blogArtikel Terkait atau biasa yang disebut dengan Related Post bisa digunakan sebagai media untuk meningkatkan pageviews dari blog kita, dengan bantuan artikel terkait ini pengunjung bisa dengan mudah mencari postingan-postingan lainnya yang berkaitan dengan Label/Kategori postingan tersebut. Related Post ini akan membantu memperindah blog juga dengan penempatannya lho. Ya, memang bisa sih diletakkan di mana saja, tetapi pada penelitian memang bagus kalau diletakkan di bawah postingan saja. ya nggak??
    Daripada berlama-lama, gimana ya cara pasangnya??? Langsung saja deh ikuti langkah ini jika anda belum Memasang Widget Artikel Terkait/Related Post pada Blog
    1. Meluncur ke Blogger—>Layouts—>Edit HTML
    2. Centang bagian Expand Template Widget
    3. Cari kode berikut ini:
      <p><data:post.body/></p>
    4. Kemudian paste kode berikut di bawah kode tadi:
      <b:if cond=’data:blog.pageType == &quot;item&quot;’>
      <strong>.::Artikel Menarik Lainnya::.</strong>
      <div class=’rbbox’>
      <div style=’margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;’>
      <div id=’ardi33′/>
      <script type=’text/javascript’>
      var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
      var maxNumberOfPostsPerLabel = 4;
      var maxNumberOfLabels = 10;
      maxNumberOfPostsPerLabel = 100;
      maxNumberOfLabels = 3;
      function listEntries10(json) {
      var ul = document.createElement(&#39;ul&#39;);
      var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
      json.feed.entry.length : maxNumberOfPostsPerLabel;
      for (var i = 0; i &lt; maxPosts; i++) {
      var entry = json.feed.entry[i];
      var alturl;
      for (var k = 0; k &lt; entry.link.length; k++) {
      if (entry.link[k].rel == &#39;alternate&#39;) {
      alturl = entry.link[k].href;
      break;
      }
      }
      var li = document.createElement(&#39;li&#39;);
      var a = document.createElement(&#39;a&#39;);
      a.href = alturl;
      if(a.href!=location.href) {
      var txt = document.createTextNode(entry.title.$t);
      a.appendChild(txt);
      li.appendChild(a);
      ul.appendChild(li);
      }
      }
      for (var l = 0; l &lt; json.feed.link.length; l++) {
      if (json.feed.link[l].rel == &#39;alternate&#39;) {
      var raw = json.feed.link[l].href;
      var label = raw.substr(homeUrl3.length+13);
      var k;
      for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
      var txt = document.createTextNode(label);
      var h = document.createElement(&#39;b&#39;);
      h.appendChild(txt);
      var div1 = document.createElement(&#39;div&#39;);
      div1.appendChild(h);
      div1.appendChild(ul);
      document.getElementById(&#39;ardi33&#39;).appendChild(div1);
      }
      }
      }
      function search10(query, label) {
      var script = document.createElement(&#39;script&#39;);
      script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
      + label +
      &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
      script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
      document.documentElement.firstChild.appendChild(script);
      }
      var labelArray = new Array();
      var numLabel = 0;
      <b:loop values=’data:posts’ var=’post’>
      <b:loop values=’data:post.labels’ var=’label’>
      textLabel = &quot;<data:label.name/>&quot;;
      var test = 0;
      for (var i = 0; i &lt; labelArray.length; i++)
      if (labelArray[i] == textLabel) test = 1;
      if (test == 0) {
      labelArray.push(textLabel);
      var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
      labelArray.length : maxNumberOfLabels;
      if (numLabel &lt; maxLabels) {
      search10(homeUrl3, textLabel);
      numLabel++;
      }
      }
      </b:loop>
      </b:loop>
      </script>
      </div>
      <script type=”text/javascript”>RelPost();</script>
      </div>
      </b:if>
    5. Kalau sudah tinggal copy kode berikut dan paste di bawah kode ]]></b:skin>:
      <script src=’http://diesilver.googlecode.com/files/kodescript.js’ type=’text/javascript’/>
    6. Simpan dan lihat deh hasilnya…
    Oke, telah selesai trik Related Post kali ini, semoga bermanfaat OK??? :D
    Posted on 06.06 / 0 comments / Read More

    Cara Membuat Recent Comment pada Blog

    Update lagi. Hari ini saya akan bahas tentang tips blog lagi. Seperti judul di atas, saya akan memberikan Anda tips untuk membuat Recent Comment pada blog. Sederhananya yaitu dengan memberi sedikit deskripsi dan agak memanjang tidak seperti biasanya yang hanya judul postingan saja. Nah, gimana cara kita memasangnya?
    Anda cukup melakukan langkah berikut:
    1. Login >> Layout/Tata Letak
    2. Pada Elemen Halaman, klik Add gadget/Tambah gadget di lokasi yang Anda inginkan
    3. Pilih HTML/Javascript
    4. Tuliskan Judul seperti Recent Comment atau Komentar Terbaru dan isi content dengan script di bawah ini:
      <br/><div style=”overflow: auto;width: ancho;height: 200px;
      text-align: left; “> <script style=”text/javascript” src=”http://diesilver.googlecode.com/files/recentcommentswidgetv2.js”></script><script style=”text/javascript”>var a_rc=4;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src=”http://www.deltanetkabunan.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments”></script></div>
      Ganti URL blog saya dengan URL blog Anda kemudian jika kurang banyak komentar yang ditampilkan, angka merah itu silakan Anda ganti sesuai selera Anda (Jangan kebanyakan yagh)
    5. Klik Tombol Simpan
    Semoga berhasil and Happy Blogging!!!
    Posted on 06.02 / 2 comments / Read More

    Menampilkan Recent Posts pada Blog


    Cara Menampilkan Membuat Widget Artikel Terbaru Recent Posts Post pada Blog di BlogspotRecent post dimanfaat oleh pemilik blog untuk menampilkan artikel-artikel yang diterbitkan sebelumnya. Cara ini juga untuk media navigasi yang sangat menguntungkan untuk menambah pageviews blog kita. Namun, bagaimana cara Membuat Recent Posts pada Blog Jawabannya adalah dengan meng-copy script berikut ke dalam widget sidebar Anda. Berikut lengkapnya:

    1. Login pada Dasbor kemudian pilih Tata Letak
    2. Klik Add Gadget / Tambah Gadget pada tempat yang Anda kehendaki
    3. Pilih HTML/Javascript dan letakkan kode berikut di dalamnya:
      <script style="text/javascript" src="http://diesilver.googlecode.com/files/recentpostswidgetv1.js"></script><script style="text/javascript">var numposts = 8;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script><script src="http://www.deltanetkabunan.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
    4. Ganti tulisan berwarna merah dengan URL blog Anda kemudian klik Simpan dan lihatlah hasilnya
    Sangat mudah bukan? Kalau begitu kenapa tidak segera diaplikasikan? ^_^
    Posted on 05.59 / 0 comments / Read More

    Widget-Widget Penting Untuk Blog

    Sebagai seorang Blogger, pastinya kita menginginkan agar blog kita tampil Profesional. Tampil dengan desain yang mantab dan bisa menarik pengunjung. Namun, apakah desain atau tampilan blog yang anda pakai sehat untuk blog anda? Karena ada banyak widget yang mengandung banyak kerusakan atau error yang mungkin anda tidak tahu. Nah, kalau begitu, apa saja Widget-Widget Penting Untuk Blog anda agar blog anda tetap bagus dan sehat? Mari kita lihat satu persatu:
    1. Link Navigasi Horizontal
      Menu ini sangat penting. Namun faktor ini tidak lepas dari link RSS yang ada pada navigasi ini. Beri link ke Posts RSS dan Comments RSS agar membantu Search Engine mengakses blog anda.
      menampilkan posts rss dan comments rss pada blog
      Jika anda bingung, berikut link Posts RSS:
      http://www.deltanetkabunan.com/feeds/posts/default
      Dan berikut link Comments RSS:
      http://www.deltanetkabunan.com/feeds/comments/default
      Ganti URL yang bercetak tebal dan berwarna merah dengan URL blog anda.
    2. Artikel Terbaru
      Widget ini digunakan untuk mengarahkan pengunjung blog anda ke artikel terbaru sebelumnya milik blog anda. Juga bisa digunakan untuk menambah pageviews karena memperbanyak navigasi ke posting yang lainnya. Berikan link ke 5 artikel terbaru anda agar tidak terlalu banyak link yang ada pada homepage.
    3. Komentar Terbaru
      Digunakan untuk mengetahui komentar terbaru pada blog anda. Jadi, sebagai Administrator blog, anda bisa langsung merespon komentar terbaru yang muncul pada blog anda. Ini juga bisa digunakan untuk menghindari terjadinya Spamming pada komentar.
    4. Artikel Terkait dengan atau Tanpa Thumbnail
      Widget ini digunakan untuk memberikan navigasi ke artikel yang mempunyai tema yang sama, misal trik blog. Artikel tentu berhubungan satu dengan yang lain. Maka dari itu diperlukan widget ini untuk mempermudah akses ke artikel lainnya juga. Ada juga yang menggunakan thumbnail. Maksudnya adalah dengan menampilkan gambar sebagai pendukung. Untuk lebih jelas, anda bisa membacanya pada cara membuat artikel terkait dengan thumbnail.
    5. Widget Arsip (Archive)
      Widget ini mengelompokkan postingan dalam bulan tertentu. Misalnya mengelompokkan posting yang dilakukan bulan Januari, Februari, dan lain-lain. Namun, ada optimasi yang harus anda lakukan. Jangan asal menggunakan widget ini. Pilih model Flat List agar tidak ada Error pada blog anda dalam widget ini.
      optimasi widget arsip pada blog
    6. Social Bookmark
      Digunakan untuk mempublikasikan postingan anda ke layanan sosial yang tersedia dalam widget. Dengan klik, artikel anda akan secara otomatis dipromosikan lewat situs berbasis direktori dan ini bisa membawa manfaat yang baik, yaitu trafik blog anda akan bertambah dan posisi pada Google akan naik juga.
    7. Widget Langganan Artikel Melalui Feedburner
      Widget ini juga berguna, khususnya untuk mempermudah pembaca blog anda mendapatkan info terbaru pada blog anda melalui email. Setiap artikel yang muncul pada blog anda akan secara otomatis masuk pada email pelanggan Feedburner anda. Ini menjadi cara tersendiri bagi blog anda untuk lebih terkenal.
    8. Kumpulan Link ke Posting terdahulu
      Untuk hal ini, anda bisa menggunakan widget HTML/Javascript dengan berbagai model, seperti scroll link list atau tab view. Berikan di dalamnya link yang mengarah ke postingan anda terdahulu. Ini digfungsikan agar artikel yang paling lama masih terdeteksi dan bisa dijangkau dengan mudah.
    9. Statistik
      Widget ini berfungsi untuk memberikan informasi tentang perkembangan blog anda, mulai dari PageRank hingga Alexa Rank. Anda juga bisa menambahkan statistik yang lain seperti Statistik Pengunjung, Widget Online Visitor dan lain-lain. Asal jangan kebanyakan karena script yang terlalu banyak menimbulkan efek samping yang akan membuat blog anda semakin berat.
    Di atas adalah widget yang sangat penting dan wajib anda miliki. Untuk tambahan dan tidak masuk dalam widget adalah suatu blog sebaiknya memiliki maksimal 100 URL yang ditampilkan pada homepage, dan homepage memiliki ukuran tidak lebih dari 100 Kb. Ini bisa dilihat dari tool online, yaitu Meta Tag Analyzer milik SEOcentro.
    Dan juga anda tidak direkomendasikan memasang Widget Follower pada blog karena ternyata Widget tersebut mengandung banyak sekali pesan Error. Jika anda tidak percaya silakan cek blog anda pada URL berikut:

    http://validator.w3.org/
    Lebih banyak mana pesan error yang terdapat pada blog anda sebelum dan sesudah anda mencopot widget ini, widget ini juga biasa disebut dengan Google Friend Connect.
    Posted on 05.54 / 2 comments / Read More

    Cara Membuat Widget Chat Box di Blog untuk Pemula

    Penting gak sih yang namanya kotak Chat itu?? Jawabannya penting banget!!!! Kotak chat diciptakan untuk meramaikan blog seseorang dengan cara mengirimkan pesan. Untuk Blog pemula disarankan membuat widget ini. Kotak ini juga digunakan untuk media promosi blog seseorang. Jadi fungsinya sangatlah penting. Nah, kotak chat yang sering digunakan adalah produksi Shoutmix.com, Oggix.com, dan juga Chatbox.com. Tapi di antara ketiga penyedia layanan kotak chat tersebut yang paling dominan untuk digunakan adalah produksi Shoutmix.com karena banyak keunggulan seperti penambahan smiley dan juga tidak repot-repot menuliskan URL dan nama saat mengunjungi blog yang punya kotak chat dari Shoutmix.com juga. Nah, sekarang Delta Net akan memberikan Cara Membuat Widget Chat Box di Blog untuk Pemulaakan  Gini niih:
    1. Masuklah pada Shoutmix.com
    2. Kalo udah klik tombol Create Your Shoutbox Now. Atau yang bergambar begini:
    3. Sesudah itu isi formulir yang disediakan
    4. Pilih model yang kamu inginkan
    5. Kotak Shoutbox kamu sudah selesai!!! Sekarang klik Go to my control panel now untuk menuju Cntrol panel
    6. Nah, untuk mendapatkan kode tinggal klik Get Code pada sisi atas kanan, ketemu khand?
    7. Copy kode tersebut dan letakkan di blog lamu
    Kotak Shoutbox kamu sudah jadi. Sekarang memasangnya adalah dengan cara:
    1. Login ke Blogger
    2. Pada Dashboard, pilih Tata Letak atau Template
    3. Pada menu Page Elements, klik Add Gadget
    4. Pilih HTML Javascript kemudian paste kode yang kamu dapatkan tadi di kotak konten
    5. Simpan deh
    Sekarang Widget Chat kamu telah siap untuk digunakan. Semoga bermanfaat!!! :D
    Posted on 05.46 / 1 comments / Read More
     
    Copyright © 2011. Delta Net KABUNAN