Tampilkan postingan dengan label TUTORIAL. Tampilkan semua postingan
Tampilkan postingan dengan label TUTORIAL. Tampilkan semua postingan

Sabtu, 21 Desember 2013

Kurs Nilai Tukar Mata Uang Rupiah Indonesia

Postingan kali ini adalah bagaimana cara kita melihat kurs/nilai tukar mata uang rupiah terhada mata uang asing maupun nilai tukar mata uang di seluruh dunia. Adapun pengertia kurs menurut para ahli yaitu sebagai berikut:

  1. Menurut Salvator (1997 : 10) Kurs atau Nilai Tukar adalah Harga suatu Mata Uang terhadap Mata Uang lainnya.
  2. Menurut Paul R Krugman dan Maurice (1994 : 73) Kurs adalah Harga sebuah Mata Uang dari suatu negara yang diukur atau dinyatakan dalam mata uang lainnya.
  3. Menurut Nopirin (1996 : 163) Kurs adalah Pertukaran antara dua Mata Uang yang berbeda, maka akan mendapat perbandingan nilai/harga antara kedua Mata Uang tersebut.

Untuk Membuat Widget Kurs Indonesia Rupiah Converter Copy Script Di Bawah Ini
<style type="text/css">#fx_convert_1 br {display:none;}</style><div style="width:160px;text-align:center;" id="fx_convert_1"><div id="xcolorc1_1" style="border:1px solid #000;background-color:#94abf0;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;"><div id="xcolorc1_2" style="font-size:12px;color:#183a00;line-height:16px;font-family: arial; font-weight:bold;background:#94abf0;padding: 3px 1px;text-align:center;"><a href="http://id.rateq.com/IDR" alt="IDR Indonesia Rupiah tukar, currency converter" title="IDR Indonesia Rupiah tukar, currency converter" id="forex2_linkc1" style="color:#000000;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" ><img src="http://id.rateq.com/images/IDR.gif" border="0" style="margin:0;padding:0;border:0;" /> Indonesia Rupiah tukar, currency converter</a></div><script src="http://id.rateq.com/z.php?z=id_IDRc1&c=94abf0&tz=Asia/Jakarta&tf=1"></script></div><div style="text-align:center;"><a href="http://muhaimin-mz.blogspot.com/2013/12/kurs-nilai-tukar-mata-uang-rupiah.html" target='_blank' style="font-size:12px;">Widget Kurs Rupiah.</a></div></div>
Untuk Membuat Widget Indonesia Rupiah Kurs Asing Cpoy Script Di Bawah Ini.
<div style="width:160px;text-align:center;"><div id="xcolors1_1" style="border:1px solid #000;background-color:#f04422;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;"><div id="xcolors1_2" style="font-size:12px;color:#183a00;line-height:16px;font-family: arial; font-weight:bold;background:#f04422;padding: 3px 1px;text-align:center;"><a href="http://id.rateq.com/IDR" alt="IDR Indonesia Rupiah kurs asing" title="IDR Indonesia Rupiah kurs asing" id="forex2_links" style="color:#000000;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" ><img src="http://id.rateq.com/images/IDR.gif" border="0" style="margin:0;padding:0;border:0;" /> Indonesia Rupiah kurs asing</a></div><script src="http://id.rateq.com/z.php?z=id_IDRs&c=f04422&tz=Asia/Jakarta&tf=1"></script></div><div style="text-align:center;"><a href="http://muhaimin-mz.blogspot.com/2013/12/kurs-nilai-tukar-mata-uang-rupiah.html" target='_blank' style="font-size:12px;">Data Kurs Indonesia Rupiah.</a></div></div>
Demikan cara membuat widget indonesia kurs coverter dan indonesia kurs asing semoga bermanfaat. 
»»  READMORE...

Selasa, 16 Oktober 2012

Mengganti Older Posts Dengan Angka


Biasanya, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru. Kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini:


  1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
 2. Setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum  kode tersebut. 

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


      3. Setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'> 
var pageCount=5; 
var displayPageNum=5; 
var upPageWord =&#39;Previous&#39;; 
var downPageWord =&#39;Next&#39;; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> 
</b:if> </b:if> 
<!--Page Navigation Ends -->

  4. Kemudian save dan lihat hasilnya.






»»  READMORE...

Rabu, 14 Maret 2012

Cara Mudah Membuat Tombol Suka di atas Postingan Blog

Cara ini mungkin sudah banyak di bahas oleh blogger lain, namun tidak ada salahnya jika saya juga berbagi pengalaman kepada teman-teman tentang bagaimana cara memberi tutorial kotak suka/like diblog, untuk contoh Silahkan lihat Gambar di bawah:


Dan bisa juga di letakan di bawah Postingan, adapun langkah-langkah untuk membuat tutorial tersebut seperti berikut ini :

  1. Login ke Blogger dengan akun sobat
  2. Klik rancangan/atau Design kemudian Edit HTML dan jangan Lupa ceklis Expand Template Widget(kalau gak di ceklis gak akan muncul)
  3. Lalu Cari kode tekan (Ctrl+F) untuk mencari <data:post.body/>
  4. Letak kan kode di bawah ini tepat di atasnya(kalau ingin di bawah postingan Tombol suka nya tinggal pasang di bawah Code tersebut). 
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:24px;'/><br/>
Terakhir simpan Template Anda dan Lihat Hasilnya.

»»  READMORE...

Senin, 23 Januari 2012

Cara Membuat Readmore Otomatis Blogger

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik.
Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.
PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" yang terletak diatas HTML

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 

KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
ganti kode tersebut dengan kode di bawah ini :
<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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...
KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya. 
»»  READMORE...