Pasang SEO Smart Link Untuk Blogspot (Update)

Belajar SEO Blogspot - Pernah dengar plugin SEO smart link ? sebuah plugin untuk wordpress yang fungsinya mengubah setiap kata yang kita tentukan, menjadi sebuah link. Kini plugin tersebut dapat kita pasang juga di blogspot.

Semua kata "SEO" akan otomatis diconvert menjadi link

Akan tetapi sudah sejak tahun lalu script ini sudah tidak bekerja.
Tapi tenang dulu, sekarang scriptnya sudah diperbaiki berkat bantuan seorang teman, Ganda Manurung namanya. Beliau adalah salah seorang programmer indonesia terbaik. Beliaulah salah seorang sahabat blogger yang banyak memberikan saran2 bermutunya kepada juragan. Terimakasih sekasih2nya kepada beliau. Ikuti tutorial memasang seo smart link plugin untuk blogspot/blogger dibawah ini.

Bagaimana cara kerja SEO Smart link untuk blogspot ini ?
Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "seo" akan di link ke alamat url yang telah sobat tentukan.

Apakah script autolink ini melanggar google guidelines ?
Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi saya, cukup 1 link saja.

Bagaimana cara memasang kode autolink ini di blogspot kamu ?

1. Step pertama, Login ke blogger.com lalu ke design(rancangan).
2. Menuju tab edit html. Tekan ctrl+f di keyboard. Dan cari kode </body> 
3. Lihat kode scriptnya disini (klik untuk melihat di tab baru)
4. Setelah halaman script terbuka silahkan copy pastekan semua kode di script tersebut tepat diatas kode </body>

Keterangan :

• Lihat bagian paling akhir kode dan ganti SEO dengan kata atau kata kunci yang sobat pilih.
• dibawahnya Ganti http://heninurardian.blogspot.com/ dengan alamat url yang dituju.

Semoga bermanfaat.. :)

Read More

Jadwal Puasa Ramadhan 2012, Jadwal Imsakiyah 1433 H

Jadwal Puasa Ramadhan 2012 dibawah ini lengkap untuk seluruh wilayah Indonesia, bulan puasa tahun 2012 ini adalah bulan puasa tahun 1433 Hijriyah. Informasi ini dipersembahkan kepada saudara dan saudari seiman Islam, karena kurang dari sebulan sejak post ini diunggah kita akan memasuki bulan suci Ramadhan 1433 Hijriyah.
Bulan Ramadhan merupakan bulan yang paling ditunggu oleh orang beriman, karena merupakan kesempatan besar untuk menjadi manusia jauh lebih baik dari sebelumnya di mata Allah SWT pula manusia, Insya Allah, karena di bulan ini Allah memberikan begitu banyak kemudahan dengan dilipat gandakan pahala, dan di bebaskan dari api neraka bagi yang menjalankannya. Juga jangan lupa melakukan Doa-Doa Harian Bulan Ramadhan, 1 - 30 Ramadhan.

Oleh sebab itu, untuk menyempurnakan ibadah kita selama sebulan penuh. Maka jadwal puasa Ramadhan 2012 atau jadwal Imsakiyah 1433 H ini perlu dihadirkan untuk Anda semua. Dengan begitu, tidak ada yang namanya kesiangan bangun saat awal-awal Ramadhan.
Jadwal Imsakiyah 1433 H bisa Anda download dari pilihan link dibawah ini, dan ukuran file sekitar 2MB.

Via 4shared	Via Mediafire
Download	Download (Pass: pustakers)

Semoga bermanfaat dan sekalian mengucapkan selamat menjalankan ibadah puasa Ramadhan 1433 H, bagi yang menjalankannya.

Sumber : http://fathuraksal.blogspot.com/2012/07/jadwal-puasa-ramadhan-2012-jadwal.html#ixzz20cuYcThA

Read More

Membuat Related Post Thumbnail dan Kotak Feedburner

Artikel ini menjawab pertanyaan beberapa teman blogger yang ingin membuat fitur Related Post Thumbnail sekaligus dengan kotak Feedburner. Fitur related post thumbnail dan kotak feedburner ini menjadi satu bagian utuh dan letaknya biasanya di bawah postingan. Sebelumnya saya juga pernah membahasnya pada tutorial menambah dua kolom di bawah postingan, tapi hasilnya terlalu sederhana dan mungkin kurang menarik bagi minat pengunjung untuk berlama-lama di blog, apalagi perkembangan blogger sekarang ini, banyak sekali tutorial baru dengan menggunakan jQuery sehingga blogger menjadi salah satu CMS yang tidak bisa dipandang sebelah mata.

Sebenarnya saya masih pengin berlama-lama ngobrol ngalor ngidul, tapi karena nanti malam ada pertandingan bola antara Barcelona versus AC Milan mesti cepet-cepet tidur biar bisa bangun nanti malem. Oke langsung saja, saya akan berikan tutorial untuk membuatnya, contohnya seperti gambar diatas demonya bisa dilihat disini di bawah postingan :

1. Pertama Anda mesti login ke blogger dulu
2. Kemudian klik Template > pilih Edit HTML centang expand widget templates
3. Jangan lupa backup dulu templatenya, untuk berjaga-jaga jika nanti ada kesalahan dalam pengeditan.
4. Setelah itu, letakkan kode berikut di atas kode ]]></b:skin>
   
   #related{background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;text-shadow:0 1px 0 #000;margin:0 0 5px;padding:10px}
   ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}
   #related .related-posts{font-weight:400;width:50%;float:right}
   #related .related-posts p{margin:0}
   ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
   *html ul.rp#related-posts li{margin:0 13px}
   ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #333;display:block;height:72px;position:relative;width:72px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
   ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}
   ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}
   ul#related-posts li img{bottom:0;padding:0!important}
   ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
   #related .subscribe{width:43%;float:left;color:#bdbdbd;}
   #related .subscribe p.intro{font-weight:400}
   #related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxxtAioI0o1DLhfJJdnXkrFxd5rpJjOBPxs28ljDpE2yQxCDMy8Jc3w3xtN_qz18u2URCGo1dJgvtpnhE5DYFjm4fOYL-gLTIR8to5Q05uMDGlfh4RlAkOSFVrr709HpkgBNHsioxyCU/) 0 50% no-repeat;vertical-align:middle}
   .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
   .clearfix{display:inline-block}
5. Masih pada posisi Edit HTML, letakkan kode di bawah ini setelah <data:post.body/> (jika ada 2 atau 3 pilih kode yang terakhir)
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='clearfix' id='related'>
   <div class='related-posts'>
   <p>Related Articles</p>
   <script type='text/javascript'>
   var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgunA-LWUvqCD-4YhLQqXFn4uhDYJlEoOLlRoH1VGuGzbGbDFQiKSmT_LdoHokLxvpxF0npSZo4t0Wlv44LEV6WEcvoXWwNODaJrnlnOcxM6tpPYnxqRrPofl2FCkYGNCrASWCOT1bPOy8/s1600/no+image.jpg&quot;;
   var maxresults=6;
   </script>
   <script src='http://johnytemplate.googlecode.com/files/related.js' type='text/javascript'/>
   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:label.isLast != &quot;true&quot;'>
   </b:if>
   <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:loop>
   
   <script type='text/javascript'>
   removeRelatedDuplicates_thumbs();
   printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
   </script>                
   </div>
   
   <div class='subscribe'>
   <p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/Heina' target='_blank' title='feedburner'>
   <b>click here</b></a>, or subscribe to receive more great content just like it.</p>
   <p class='feed'><a href='http://heninurardian.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
   <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Heina&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
   <input name='uri' type='hidden' value='Heina'/>
   <input name='loc' type='hidden' value='en_US'/>
   <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
   <input id='botsubbutton' type='submit' value='Submit'/><br/>
   <small>Your information will not be shared. Ever.</small><br/>
   <a href='http://feeds.feedburner.com/Heina'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Heina?bg=ceaa6c&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a>
   </form>
   </div>
   </div>
   </b:if>
   Keterangan :
   Warna biru : ganti dengan alamat feed anda.
   Warna merah : ganti dengan URL anda.
   
6. Terakhir Save Templates, dan lihat hasilnya di bawah postingan Anda.

Tutorial membuat fitur related post thumbnail dengan feedburner diatas cocok untuk blog yang mempunyai warna background atau latar hitam. Tapi jika blog Anda mempunyai warna latar putih atau warna cerah anda tinggal modifikasi pada kode CSS nomer 4 diatas. 

Demikian tutorial kali ini selamat mencoba dan semoga bermanfaat.. :)

Read More

Widget Marhaban Ya Ramadhan Untuk Blogger

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Widget Marhaban Ya Ramadhan Untuk Blogger - Halo sobat Blogger? Apa kabar? Kali ini saya akan berbagi widget Marhaban Ya Ramadhan. Bulan yang ditunggu - tunggu oleh umat islam, akhirnya datang juga. tinggal beberapa hari lagi kita akan menjalankan satu bulan ibadah puasa. Jadi, tidak ada salahnya kita Memasang Widget Marhaban Ya Ramadhan pada blog kita, semoga widget ini bermanfaat dan bisa membawa berkah bagi kita semua..

1. Login ke Blogger kamu

2. Pilih Tata letak >> Tambah Gadget >> HTML/JavaScript

3. Silahkan kamu pilih salah satu widget Marhaban Ya Ramadhan dibawah ini.

     1. Widget Ramadhan (Selamat Menunaikan ibadah Puasa)

     

    

     Kode :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNDEyOTczMDg4MTQmcHQ9MTM*MTMwMTQ5NzY2MiZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjByYW1h/ZGFuLTExLW1vbnRocy12MiZnPTEmbz1mZmRjZjExZWUyNDk*NDc4OGI1N2Q*NjVkMDU3NDg1ZiZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:200px;height:200px;"><embed src="http://widgets.al-habib.info/images/Protected_islamic-widget-ramadan-11-months-v2_wpd.swf" width="200" height="200" flashvars="wish=Selamat%20menunaikan%20ibadah%20Ramadhan&lang=id&gig_lt=1341297308814&gig_pt=1341301497662&gig_g=1" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1341297121149"></div>

     2. Widget Pak Haji

     Kode :

<embed height="170" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://fc03.deviantart.com/fs47/f/2009/198/9/f/helloramadhan_by_blogclocks.swf?msg=Marhaban%20Ya%20Ramadhan&c=0xffffff&r=0&k=2&w=1" style="background-color: white;" type="application/x-shockwave-flash" width="140" wmode="transparent"></embed> </div>

     3. Widget Bu Haji

     Kode :

<embed height="170" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://fc03.deviantart.com/fs47/f/2009/198/9/f/helloramadhan_by_blogclocks.swf?msg=Marhaban%20Ya%20Ramadhan&c=0xffffff&r=1&k=1&w=1" type="application/x-shockwave-flash" width="140" wmode="transparent"></embed> </div>

     4. Widget Marhaban Ya Ramadhan +Jam dan tanggal

     Kode :

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/wiDget-Ramadhan-BeRcahaya-6142-8192_134217728.widget?__install_id=1248336094072&__view=expanded" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="true" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="200" height="200"></embed> </p>

Read More

Al-Qur'an Online Widget Untuk Blog

Al-Qur'an Online Widget Untuk Blog - Banyak yang dapat kita perbuat unuk mengisi waktu dalam bulan Ramadhan ini. Tentunya dengan perbuatan yang menambah amalan di bulan suci ini, salah satunya membaca dan mendengarkan Al-Qur'an. Nah bagi yang ingin membuat Al-Qur'an Online Widget Untuk Blog untuk mendengarkan Al-Qur'an di blognya kita bisa memasangnya, sehingga kita dapat dengan mudah mendengarkan sekaligus belajar memahami Al-Qur'an, karena widget Al-Qur'an ini juga dilengkapi dengan terjemahannya yang tentunya dalam Bahasa Indonesia.

Untuk mendengarkan Al-Qur'an Online ini, kita akan mendownloadnya terlebih dahulu dalam format MP3 kemudian kita bisa mendengarkannya dengan player pada kompi kita. Jadi lebih tepatnya ini adalah widget yang menyediakan link download surat-surat dalam Al-Qur'an dengan format MP3. Namun  kita juga bisa langsung mendengarkan ayat-ayat Al-Qur'an dengan mendengarkan per ayat.

Bagi yang tertarik untuk membuat Al-Qur'an Online Widget Untuk Blog silahkan copy kode di bawah ini dan paste di blog Anda ke dalam widget HTML/JavaScript sidebar atau postingan HTML blog Anda.

<iframe frameborder="0" src="http://m.alquran-indonesia.com/mquran/index.php/quran" style="border: 0px; height: 400px; width: 400px;"></iframe>

Nb. Silahkan sesuaikan tinggi dan lebarnya dengan lebar sidebar blog Anda dengan merubah angka pada height dan width nya. Sehingga penampakannya akan tampak seperti di bawah ini.




Demikian sharing membuat Al-Qur'an Online Widget Untuk Blog ini, mudah-mudahan bermanfaat.

Read More

Cara Membuat Menu Register dan Login diatas Header

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Membuat Menu Register dan Login diatas Header - Kali ini saya akan membahas bagaimana Cara Membuat Menu Register dan Login diatas Header. 

Contohnya, kamu bisa lihat diatas header blog ini, itu yang saya maksud Menu Register dan Login. 

 

 

Menu ini sengaja saya tambahkan dengan berbagai macam kategori, agar tidak hanya menu register dan login saja. Berikut contohnya :

Berikut Cara Membuat Menu Register dan Login diatas Header :

1. Login ke Blogger

2. Masuk ke Template => Edit HTML => Lanjutkan 

3. Centang "Expand Template Widget"

4. Cari kode ]]></b:skin>, lalu letekkan kode berikut tepat diatas kode tadi

/*Top Horisontal*/ .toppic{background:#ffffff;width:1040px;margin:0 auto;border-bottom:1px solid #999;filter:alpha(opacity=70);opacity:0.7;} .topnav{width: 1040px;height:20px;overflow: hidden;margin:0 auto; padding:0px 10px 0px 10px; }

5. Cari kode <header> atau <div id='header-wrapper'>

6. Letakkan kode berikut tepat diatas kode <header> atau <div id='header-wrapper'>

<div class='toppic'>

    <div class='topnav'>

<div style='font: 12px Arial;float:left;padding-top:3px;letter-spacing:.01em;color:#000000;'>

Halo <b>Sobat !</b>  |  Members area  :  <a href='http://heina-blog.1066895.n5.nabble.com/template/NamlServlet.jtp?macro=start_registration_page&nextUrl=http%3A%2F%2Fheina-blog.1066895.n5.nabble.com%2F%3Bcid%3D1343661845344-496' title='Daftarkan ke Forumr'>Register</a>  |  <a href='http://heina-blog.1066895.n5.nabble.com/template/NamlServlet.jtp?macro=login_page&nextUrl=http%3A%2F%2Fheina-blog.1066895.n5.nabble.com%2F%3Bcid%3D1343661845344-496' title='Masuk ke Forum'>Sign in</a>

</div>

<div style='font: 12px Arial;float:right;padding-top:3px;letter-spacing:.01em;color:#000000;'>

<a href='http://heninurardian.blogspot.com/2011/05/daftar-isi.html' title='Daftar isi TutorialBlogz'>Sitemap</a>  |

<a href='http://heninurardian.blogspot.com/2012/06/guest-book-tutorial-blogz.html' title='Buku tamu'><blink>Guest Book</blink></a>  |

<a href='http://plus.google.com/105498311214830751333' title='Kontak kami'>Contact us</a>  |

<a href='http://heninurardian.blogspot.com/2012/07/privacy-policy.html' title='Kebijakan Privasi'>Privacy Policy</a>

</div>

</div>

</div>

Keterangan:

Ganti yang berwarna merah dengan Nama menunya

Ganti yang berwarna biru dengan URL yang akan dituju

7. Simpan Template.

Semoga bermanfaat..

Read More

Forum

Heina Blog

Read More

Memposting Kode HTML Pada Artikel

Memposting Kode HTML Pada Artikel - Sebenarnya artikel yang saya tulis ini sangat jarang sekali digunakan oleh para blogger, tapi ada baiknya akan saya tulis untuk lebih memperjelas Cara Membuat Postingan Berupa Kode HTML ini. Untuk memposting kode HTML pada artikel, anda harus menggunakan tool untuk mengkonversi atau mengubah kode HTML menjadi kode yang dapat dibaca pada artikel. Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan &lt; dan kode &lt; harus diganti dengan &amp;lt;

Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:

1. Buka http://centricle.com/tools/html-entities/

2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak Centricle. Misalnya kode <div id='outer-wrapper'>.


3. Klik Encode. Kemudian akan muncul kode baru seperti pada gambar dibawah ini.

4. Gunakan kode baru tersebut untuk diposting pada artikel.

Semoga Bermanfaat.. :)

Read More