Convert Video ke MP4/asf/gif/webm

Manteman yang suka membuat video baik dari handycam, kamera digital, handphone, smartphone, webcam, dsb. dan ada kendala saat untuk menguplaod ke www.youtube.com karena ukuran file terlalu besar. Nah, solusinya manteman bisa meng-convert file video tersebut ke dalam bentuk file yang berekstensi .mp4 di sini clipchamp.com.

Convert Video ke MP4 - asf - GIF - webm

Untuk lebih memperkecil ukuran video di clipchamp manteman juga dapat merubah ukuran resolusi tampilan tanpa mengurangi kualitas video tersebut.

Klo ane biasanya kan membuat video dari kamera digital nah file dari kamera digital berkestensi .MOV dan ini cukup tinggi dan berat resolusinya jika dipload ke youtube dan membutuhkan waktu yang lama. 

Nah di clipchamp ane rubah ke .MP4 dan resolusinya ane rubah menjadi 480p (480 pixel) ini akan membuat lebih cepat saat diupload ke youtube.

Silahkan dicoba manteman !

Cara Membuat Artikel Terkait/Related Post di Dalam/di Tengah Posting Artikel BLogger

Manteman ane mau share nih cara menempatkan related post atau artikel terkait di tengah-tengah posting artikel. Ini sangat berguna untuk merekomedasikan pengunjung blog/web kita membaca artikel yang lain yang kita sarankan atau kita rekomendasikan.

Jadi semacam rekomendasi artikel yang kita tempatkan di tengah artikel posting ini lebih besar peluangnya dibaca dan memancing pengunjung betah di blog kita dan membaca banyak artikel posting di blog kita.

Manteman yang menyukai edit html juga bisa memodifikasi coding html di bawah yang ane berikan. Seperti jumlah label yang dimunculkan bisa 1, 2, 3, dst... dan dari setiap label berapa jumlah artikel posting yang kita munculkan bisa 1,,2,3,4, dst.....

Sistem ini sudah banyak digunakan para blogger baik dari platform wordpress atau platform blogspot. Semakin banyak halaman kita yang dibaca dalam perharinya akan menambah nilai tersendiri yang positif baik di mata mesin pencari seperti google, bing, atau yahoo.

Sistem ini pun sangat ampuh bagi manteman yang mengikuti Program PPC seperti Adsense, Chitika, dll. Selain itu ini juga berguna bagi manteman yang mempunyai blog bertemakan cerita, komik, download file, berita, hobi, tutorial, bahkan sampai manteman yang berjualan melalui blog.

Sebenarnya ini sistem ini menggunakan kode hmtl related post pada umumnya yang biasa digunakan para blogger, hanya saja ane meracik sedemikian rupa agar di blogger pun bisa menampilkan rekomendasikan di dalam posting bagian tengah.

Seperti yang manteman liat di posting artikel ini. Selain itu juga manteman dapat menempatkan banner untuk promosi produk atau jasa yang manteman tawarkan atau manteman juga bisa menambahkan untuk iklan pay per click (PPC) serpti Adsense, AdStars, dsb.

Memang metoda ini ane anggap manteman sudah terbiasa dengan utak atik html sebelumnya jadi meminimalkan screenshot gambar di artikel ini he he :D.

1. Masuk ke www.blogger.com dengan akun gmail manteman.

2. Klik Template di sidebar kiri bawah.

3. Ketiga silahkan back up template manteman terlebih dahulu supaya aman jika terjadi sesuatu hal yang tidak diinginkan alias membuat template amburadul nantinya.

4. Keempat klik edit hmtl.

5, Kelima cari kdoe berikut ini <data:post.body>. Biasanya untuk beberapa template seperti template responsive ada dua atau tiga kode seperti itu manteman coba saja yang kedua atau yang ketiga dengan menggantikan kode tersebut dengan kode di bawah ini :


<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
--di sini untuk kode tml seperti adsense atau banner promosi --
</center>
</div> 
<div align='left'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='related_posts'> <div class='widget-content'> <h4>Baca Juga</h4> <div id='data2007'/><br/><br/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 3; var maxNumberOfLabels = 1; maxNumberOfPostsPerLabel = 3; maxNumberOfLabels = 1; 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;data2007&#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> </div> </b:if> 
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Keterangan tambahan nih manteman kalau manteman hanya ingin menampilkan artikel dan tanpa banner iklan di atasnya hapus saja tulisan ini dari kode di atas :

--di sini untuk kode tml seperti adsense atau banner promosi --

Untuk menampilkan related post ke tengah (Alignt Center) rubah saja pada kode berikut <div align='left'> menjadi  <div align='center'> dan untukmenjadi rata kanan (Align right) rubah saja menjadi <div align='right'>

Gimana manteman muncul saran dari satu kategori dan muncul tiga saran artikel yang direkomendasikan :) ?

Cara Membuat Menu Accordion di Blogger

Cara Membuat Menu Accordion di Blogger

Manteman berhubung mau Maghrib. Ane langsung aja ya :). Ane mau share cara membuat menu Accordion. Menu ini ane bilang sih membuat tampilan blog nanti terlihat keren, profesional, bagus, canggih. Ini kodenya :

<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white}
#accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHzs7GNnxdTIGi8CqUeYwnjU71FhLjpntSyyN7KKxLAvJBDS-Bk7-CrbBZ7Bq_WpcWZt_OEfFoEAb0syL6NeSt-Cz2IdQVEHSUzyg1pUk_0ZxBSzanZbfgabs2kmPzO-1hP90fQDEq_Xc/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
#accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;}
#accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
#accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
#accordion .content li a:hover {text-decoration:none;color:#000;}
#accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTYHvfjoZX2fAQx3sdCAANlhHLcADnfq0IKxzQNHpbdr32v8U8Pm68X6SdnKyzvw8Dc3pqgegHm8VF3Mr8bL0vdR3kEIyHZGSr9c2a0XxQNL3VcC1PJkpyT9XF7NnLaQLcPBc_OHBQwE/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div id="accordion">
<h2>Judul 1</h2>
<div class="content">
Isi dengan tulisan atau kode html
</div>
<div id="accordion">
<h2>Judul 2</h2>
<div class="content">
Isi dengan tulisan atau kode html
</div>
<div id="accordion">
<h2>Judul 3</h2>
<div class="content">
Isi dengan tulisan atau kode html
</div>
<div id="accordion">
<h2>Judul 4</h2>
<div class="content">
Isi dengan tulisan atau kode html
</div>
<div id="accordion">
<h2>Judul 5</h2>
<div class="content">
Isi dengan tulisan atau kode html
</div>
</div></div></div></div></div>
Selanjutnya ganti tulisan Judul 1 sampai Judul 5 dengan kebutuhan judul manteman kemudian pada bagian isi dengan tulisan atau kode html isi saja dengan kode html yang mateman punya. 

Langkah terakhir masuk ke akun blogger manteman buka layout kemudian tambahkan gadget html/Javascript dan klik simpan atau save.


Selesai :)

Membuat Sitelinks (Taut Situs) di bawah Web/Blog dari hasil pencarian Google

Manteman kali ini ane mau share nih pernahkah manteman mencari alamat suatu website atau blog di google baik www.google.com ataupun www.google.co.id dan hasilnya ada taut situs lainnya di bawah alamat web/blog utama yang direkomendasikan, seperti contoh di bawah inidari hasil pencarian kata kunci atau keyword 'detik' di www.google.co.id :

Membuat Sitelink(Taut Situs) di bawah Web/Blog dari hasil pencarian Google

Ane pastikan dahulu manteman sudah mendaftarkan alamat web atau blog ke Web Master Google di sini www.google.com/webmasters. Kalau belum silahkan masukkan terlebih dahulu dan caranya dapat dilihat pada atikel ane di sini dunia.master-seni.com/2015/10/cara-memasukkan-url-blog-ke-google-dan.html.


nah, sampai sini ane anggap manteman sudah mendaftarkan alamat web atau blog manteman ke Web Master Google. Selanjutnya silahkan klik alamat web/blog yang manteman masukkan tadi di judulnya

Membuat Sitelink(Taut Situs) di bawah Web/Blog dari hasil pencarian Google

Pada contoh di atas alamat blog ane dunia.master-seni.com yang ane klik kemudian akan muncul windows baru seperti di bawah ini :

Membuat Sitelink(Taut Situs) di bawah Web/Blog dari hasil pencarian Google

Jika sudah sorot tampailan penelusuran (search appeareance) di bagian segitiga hitam kecil. Kemudian klik taut Situs atau versi Inggrisnya Sitelinks

Membuat Sitelink(Taut Situs) di bawah Web/Blog dari hasil pencarian Google

Kemudian pada bagian baris pertama kosongkan saja dan untuk kolom kedua 'Demosikan URL Tautan Situs yang manteman kira kira ingin sahabat rekomendasikan kepada para pengunjung. Nah, contohnya ane memasukkan sublink dari dunia.master-seni.com yaitu http://dunia.master-seni.com/2015/09/war-base-th-9-anti-gowipe-gowiwi-balva.html karena setelah ane lihat dari data statistik laman ini paling banyak di cari sehingga nanti memudahkan navigasi pengunjung dan untuk direkomendasikan, setelah itu klik demosikan atau demote versi inggrisnya.

Begitu selanjutnya masukkan sublink dari web/blog manteman yang lain yang sekiranya paling banyak di baca atau manteman sarankan mungkin ada nilai CTR nya tinggi kalau ada yang mengunjungi nanti he he :D. Ini sangat berguna bagi manteman yang mengikuti Program PPC seperti Google Adsense, AdStars, Chitika, Infolink, dsb. Contoh jadinya seperti di bawah ini :

Membuat Sitelink(Taut Situs) di bawah Web/Blog dari hasil pencarian Google

Kemudian langkah selanjutnya biar Google nanti menentukan berapa lama Sitelinks atau Taut SItus ini akan mulai tampil terkadang bisa sampai tiga hari, seminggu, sebulan, dan lebih lama. Jadi berdoa saja dan terus update blog manteman ya :).

Terkadang nanti kalau sudah muncul mungkin Google akan menyeleksi yang layak tampil dan tidak jadi masukkan saja beberapa untuk alternatif pilihan nanti.

Salam blogger Indonesia !

Tipe Tipe (Ads Type) dan Ukuran Iklan Adsense (Ads Size) yang Paling Banyak di Klik Pengunjung

Manteman ane mau share nih berikut ini tipe ripe atau ads type iklan dari Google Adsense yang paling banyak di klik pengunjung web atau blog. Berikut ini screenshot gambar dari akun adsense ane :

Tipe Tipe (Ads Type) dan Ukuran Iklan Adsense (Ads Size) yang Paling Banyak di Klik Pengunjung

Kesimpulan :

Pengunjung lebih menyukai iklan dari adsense yang berupa teks karena pada hakekatnya pengunjung sesungguhnya mencari informasi yang dia butuhkan.Oleh karena itu tipe iklan adsense link unit sebagai alternatif menu ukuran 120 x 90 sangat tepat dengan warna link yang dipadukan template. Berikutnya iklan video juga lebih banyak di klik karena logo iklan adsense terkadang tidak terlihat di sini dan ukuran iklan adsense 300 x 350, 368 x 280, dan 160 x 600 sangat tepat karena advertiser atatu pengiklan juga lebih banyak membuat iklan video dengan ukuran ini.

Di bawah ini adalah ukuran iklan adsense yang paling diminati para pengunjung semoga bisa bermanfaat bagi manteman ya :

Tipe Tipe (Ads Type) dan Ukuran Iklan Adsense (Ads Size) yang Paling Banyak di Klik Pengunjung

Kesimpulan : pertama, Ukuran iklan Adsense 160 x 600 masih menjadi favorit pengunjung web atau blog untuk meng klik. Kedua, ukuran Link Unit Adsense berupa teks ukuran 120 x 90 masih menjadi favorit. kedua terbanyak. Ketiga dan keempat berbeda tipis namun ane anggap sama ukuran iklan Adsense 300 x 250 dan 368 x 280 menjadi favorit pengunjung untuk mengklik.

Jadi ane rasa nilai klik dari ukuran iklan Adsense tersebut memiliki CTR yang tinggi karena banyak para pengiklan atau Advertiser baik dari Google Adwords dan lainnya menggunakan ukuran ini untuk kampanye iklannya.

Selamat berjuanga manteman ane doakan semoga berkah dan sukses selalu dengan Google Adsensenya ya dan lekas payout oleh Google Adsense :). Aamiin.

Cara Membuat Banner Rotator Tanpa Coding

Manteman blogger, ane mau share nih cara membuat banner rotator atau banner yang berganti-ganti setiap berganti halaman yang dibaca users. Membuat banner ini tanpa perlu coding html cukup mudah dan yang perlu disipakan manteman hanya kumpulan foto atau gambar seperti contoh di bawah ini hasilnya, nah coba mantema refresh halaman ini sampai tiga kali maka bannernya akan berganti - ganti, dan kebetulan ane pasang banyak banner coba saja resfresh berkali-kali :

Proses uloadnya pun mudah dan setiap banner yang dimasukkan dapat diberikan url berbeda masing-masing dan tersedia juga data statistiknya nanti dari mulai banner mana yang paling banyak di klik pengunjung.Selain kumpulan foto manteman juga dapat memasukkan kdoe html dari PPC misalnya dari Adsense, Chitika, idblognetwork, kumpulblogger, contera, dsb.

Cara Membuat Banner Rotator Tanpa Coding

Nah cara membuatnya di sini www.bannersnack.com. Kelebihannya lagi di Banenr Snack ini manteman bisa membuat banner profesional yang tinggal diganti gambar objeknya, gambar atau warna backgroudnya, dari banyak template deafault yang disediakan Banner Snack. Artinya manteman juga dapat membuat banner untuk promosi usaha manteman baik online dan offline secara prfoesional hanya menggunakan teknik drag and drop saja karena tersedia beragam pilihan template dari Banner Snack yang bisa kita ubah baik tulisan, tombol, dan gambarnya.

Memang berbayar sih tapi kabar baiknya klo manteman daftar nanti terkadang mendapat email nomor kupon untuk menggunakan premium secara gratis loh :) selama 30 hari.

Ini buktinya ane dapet email dari Banner Snack :

Cara Membuat Banner Rotator Tanpa Coding

Banner yang sudah jadi dapat di embed kode htmlnya dan tersedia juga pilihan lainnya yaitu manteman bisa mendownloadnya dalam bentuk JPEG, SWF, GIF. 

Selamat mecnoba ya :)