Cara Merubah Ekstension File yang Terubah

Terkadang ada file yang tidak dapat diupload karena extension file tersebut tidak didukung oleh suatu File Hosting. nah untuk mengakalinya biasanya dengan cara merubah extensionnya (contoh: Movie.avi diubah menjadi Movie.rar). Nah untuk itu kita harus mengubah kembali extension file tersebut menjadi seperti semula untuk menggunakan file tersebut. Cara merubah extension file adalah sebagai berikut :

• Klik kanan Start pilih Explorer 

• Pilih menu Tools - Folder Options maka akan muncul kotak dialog seperti dibawah ini

• Pilih tab View lalu uncheck pilihan Hide extentions for known file types (yang dilingkari warna merah) maka semua extension akan ditampilkan. Maka anda dapat merubah extensionnya dengan cara merename file tersebut.

Sebagai contoh merubah file berextension .rar menjadi berextension .avi  

Setelah itu baru nanti file film-nya akan keliatan ekstension-nya, misalnya yang semula judul filenya High School Musical menjadi High School Musical.rar. Lalu .rar dibelakang nama file tersebut ganti menjadi .avi atau atau extension lainnya sesuai keperluan.

Note :

Cara ini bukan digunakan untuk merubah jenis file. Cara ini digunakan untuk merubah kembali extension yang telah diubah oleh pembuatnya. Jika ingin mengubah jenis file maka gunakan softwere Converter sesuai yang diinginkan. (^_^)

Sumber : darkzonemovie.blogspot.com

Membuat Related Post dengan Scroll

Barangkali istilah related post atau posting terkait sudah tidak asing lagi bagi teman-teman. Walaupun begitu, saya tetap menuliskan cara membuat related posts fungsi scrolling. Dengan mengaktifkan fungsi scrolling pada widget related posts maka pengunjung tidak lagi merasa terganggu dengan artikel-artikel terkait yang terlalu kepanjangan ke bawah. Apalagi widget related post ini diletakkan di bawah posting. Tertarik ingin memasang related post fungsi scrolling? Tapi tunggu dulu.. Jika anda terlanjur memasang widget related post lama yang pernah saya tulis, maka harus dihapus dulu. Bingung cara menghapusnya? Caranya lakukan dengan alur mundur (dari bawah ke atas) dengan mengikuti petunjuk dari posting saya yang sebelumnya.

Related post fungsi srolling memangnya gimana sih? Oke, biar gampang bisa dilihat seperti gambar di bawah ini :




Di gambar tampak ada scroll yang bisa dinaik-turunkan untuk melihat posting-posting yang terkait. Oke, langsung saja ke cara pasang widget related posts dengan fungsi scrolling di bawah posting blog anda.

1. Login ke blogger dengan id anda
2. Klik Rancangan
3. Pada tab menu, pilih Edit HTML
4. Centang kotak kecil Expand Template Widget
5. Cari kode <p><data:post.body/></p>
   Letakkan kode berikut di bawah kode tadi :
   
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <H2>Related Post</H2>
   <div class='rbbox'>
   <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
   <div id='albri'/>
   <script type='text/javascript'>
   var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
   var maxNumberOfPostsPerLabel = 4;
   var maxNumberOfLabels = 10;
   maxNumberOfPostsPerLabel = 50;
   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;albri&#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>
6. Jika sudah, sekarang cari kode ]]></b:skin>
7. Letakkan kode berikut di atas kode tadi :
   
   
   /*-- modifikasi related posts oleh http://infonetmu.blogspot.com--*/
   .rbbox{border: 1px solid #D8D8D8;padding: 5px;
   background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
   .rbbox:hover{background-color: #EFFBEF;}


8. Klik SIMPAN TEMPLATE
9. Selesai

Sumber : infonetmu.blogspot.com

Cara Membuat Tombol Next Page pada Blog

Pada postingan kali ini saya akan berbagi artikel tentang cara membuat tombol next page pada blog, yang mana tombol ini berfungsi buat mengarahkan para pengunjung untuk melihat halaman demi halaman yang berada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut.

Artikel ini diperuntukkan buat blog-blog yang memang templatenya belum memiliki tombol next page, dan apabila template blog anda sudah memilikinya tombol next page ini, silahkan anda abaikan saja segera artikel ini namun anda jangan segera keluar dari blog saya ini dan anda saya perintahkan untuk segera mencari artikel-artikel lain yang ada pada blog Catatan Pena ini...oke...! ( galak amat ya...ini mah pemaksaan namanya bos...hehehehehe...).

Bila anda masih bingung juga seperti apakah tampilannya, silahkan anda lihat gambar seperti yang ada dibawah ini.

Bagaimana...sudah jelaskah gambarnya...? apabila sudah jelas, kini kita akan mulai ke cara pembuatannya. Silahkan ikuti panduannya ya...

• Masuk ke akun blogger anda. ( ingat blog anda...bukan blog orang lain...! )

• Pada  tampilan Dashboard klik Design kemudian klik Edit HTML

• Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.

• Centang kotak kecil yang bertuliskan Expand Template Widged.

• Silahkan anda cari kode ]]></b:skin>

• Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>

 

.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;}

• Kemudian cari kode </body>

• Copy kode yang ada dibawah ini dan paste kan diatas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

• Dan terakhir silahkan Save Template anda.

Bagaimana mudah bukan...? silahkan anda mencobanya.

Sumber : davotmarbun.blogspot.com