Cara memasang Musik pada Webpage / Blogger dengan SCM Music Player

Sudah lama saya tidak memposting tentang Web kali ini saya akan memposting tentang cara membuat Music Player dengan menggunakan SCM Music Player di blogger milik anda atau Webpage milik anda.


Note : Fasilitas ini tidak menggunakan user login lagi jadi mungkin anda tidak bisa memanage ulang playlist music anda.

1. Kunjungi situs ini http://scmplayer.net/
2. Masuk pada Setup Wizard anda akan menemukan 3 tab yaitu Choose Skin,Edit Playlist, dan Configure Settings.
3. pertama anda aktif di tab Choose Skin pilih tema player yang anda gunakan pada player anda atau jika anda Skin buatan anda sendiri,anda cukup memasukan file CSS yang ada dihostingan kamu dan masukan URLnya setelah itu next.
4. Pilih salah satu apakah anda ingin Manual Playlist ( memasukan URL musik yang anda upload atau dari youtube langsung ) atau RSS Podcast / SoundCloud Sets / Youtube Playlist ( Untuk pengaturan musik otomatis menurut sumber playlist yang ingin diputar ) setelah itu next.
5. Dalam tab Configure anda diharuskan untuk memasukan Pengaturan player ini juga demi kenyamanan pengunjung anda,pengaturan yang sangat disarankan adalah tidak menggunakan Auto Play.jika fungsi ini dihidupkan maka pengunjung harus loading musiknya terlebih dahulu sebelum masuk kedalam konten setelah itu klik Done.
6. Jika sudah anda akan diberikan code HTML / Javascript,anda boleh masukan dimana saja namun disarankan untuk dipasang diatas code </head> atau dibawah code </body>.

Cukup mudah bukan selamat Mencoba !!!.

Read More

Blogger VS Wordpress - Perbedaan dari kedua Platform Blog

Siapa yang tidak mengenal kedua platform blog yang memiliki Popularitas yang tinggi,ya Blogger dan Wordpress merupakan platform yang digunakan untuk membuat blog namun keduanya memiliki perbedaan yang cukup kuat. Blogger dikembangkan oleh Google dan Wordpress dikembangkan oleh Wordpress sendiri,di kedua platform tersebut memiliki kekurangan dan kelebihan dan itu sendiri telah menjadi perbandingan yang sudah saya rangkum menjadi satu berikut daftar-daftarnya :







1. Blogger tidak menggunakan modal sama sekali dibandingkan Wordpress.

Untuk persoalan biaya Blogger memiliki keunggulan karena pembuatannya tidak dipungut biaya apapun meskipun wordpress juga bisa begitu,namun untuk wordpress sendiri anda diharuskan untuk membayar agar bisa menggunakan semua fasilitas yang ada di Wordpress tetapi anda sudah bisa mendapatkan Domain TLD.

2. Blogger memiliki Security yang tinggi dibandingkan Wordpress.

Beda juga untuk yang satu ini Security Blogger justru lebih tinggi dibanding WordPress,entah mengapa Blog yang bernama WordPress ini selalu saja mempunyai celah keamanan yang cukup serius bahkan sampai kehilangannya data sekalupun.

3. Wordpress dapat terintergrasi dengan Platform jenis yang lain daripada Blogger.

Kelebihan Wordpress merupakan Blog yang dapat terintergrasi dengan Platform yang lain dan memungkinkan untuk dibuat sejenis CMS,namun untuk blogger platform ini tidak memiliki data-data yang bisa disupport platform lain ini akan membuat susahnya untuk berintergrasi dengan platform lain.

4. Wordpress bisa digunakan dengan Hosting tetapi Blogger tidak.

Wordpress dapat digunakan menggunakan Web Hosting sampai Server sendiri ini bisa membuat keuntungan untuk memerger database dengan platform yang tidak sejenis,namun untuk Blogger tidak dapat dijalankan menggunakan Hosting namun Blogger sudah dapat digunakan karena telah memiliki server sendiri dan hanya membeli domain saja.

5. Wordpress Cocok untuk keperluan Bisnis.

Wordpress sangat cocok sekali untuk keperluan bisnis karena blog tipe ini bisa disulap menjadi CMS namun harap dimaklumi saja jika anda tidak bisa menggunakan Google Ads karena wordpress tidak diperbolehkan untuk menggunakan layanan tersebut. Sebaliknya blogger meskipun blog jenis ini dapat disulap jadi apa saja namun karena anda tidak bisa mengendalikannya lewat Hosting sendiri maka untuk keperluan Bisnis sangat kurang sekali fiturnya.

6. Plugins Wordpress lebih banyak dibandingkan Blogger.

Plugins-plugins Wordpress sebenarnya cukup banyak dan sangat berfungsi sekali dibandingkan blogger,karena Plugins wordpress ditulis menggunakan bahasa PHP dibandingkan dengan Blogger yang masih menggunakan javascript untuk membuat plugins tersebut.


Setelah melakukan pertimbangan Wordpress memiliki keunggulan yang lebih banyak namun rentan atas pembobolan dengan aksi Hacking atau Deface,namun Blogger memiliki keunggulan dalam tingkat keaamanannya namun minim dengan fitur.

Bagaimana anda ingin Blogger atau Wordpress semua keputusan ada ditangan anda.

Read More

Hal-Hal yang harus diperhatikan saat Menjual Template Web

Sore para blogger mungkin anda sudah tidak sabar ingin menyambut ramadhan tahun ini,namun tenang saja kali ini saya tidak akan membahas tentang itu. Kali ini saya akan memberitahukan kepada anda Hal-hal yang harus diperhatikan saat menjual Template Web,sebenarnya jika anda ingin menjual template web anda tidak boleh merusak harga produk itu dari segi kualitas dan pelayanan namun anda harus bisa setarakan Kualitas dan Pelayanan dengan harga yang anda ingin taksir.

Bisnis desain web sebenarnya banyak diminati oleh website-website yang baru saja berdiri entah itu Blog,Forums ataupun E-Commerce dan berikut daftarnya :






1. Perhatikan dan Teliti saat membuat template

Jika anda ingin menjual template web modal pertama yang anda harus dapat adalah anda harus bisa telitit dalam membuat template,karena ini bukan masalalah edit-mengedit seperti yang ada diphotoshop.Template Web yang bagus adalah Template yang dirancang menggunakan susunan code HTML,CSS,dan Javascript yang benar maka dari itu anda harus teliti melihat code-code yang tersusun.

2. Jangan sampai ada yang Salah dalam template anda

Sebelum anda menjual template anda sebaiknya anda harus mengecheck kembali disetiap browser entah itu Mozilla ataupun Google Chrome,karena dimasing-masing browser memiliki perbedaan dengan cara kerjanya.bila perlu anda bisa tanyakan kepada client anda browser "apa yang anda sering pakai" karena nanti akan menjadi suatu patokan dalam pembuatan template web anda.

3. Berikan support pada pelayanan Template Web anda

Tanpa support kegiatan menjual template web akan menjadi berantakan dan berakhir dengan kejadian yang tidak diinginkan,minimal anda harus memberikan pelayanan support terhadap client anda meskipun pertanyaannya tidak bisa diterapkan ditemplate web yang anda telah buat.

4. Berikan demo saat melakukan pembuatan template web.

Ini yang paling penting tanpa demo page client tidak akan mengetahui apa-apa tentang apa yang kalian buat selama proses pembuatan template,anda harus memberikan Template basic atau desain awal yang wajib digunakan pada saat pembuatan template sebelum memasuki tahapan desain.

Read More

Tips membuat Website dengan Dua Platform yang berbeda

Nahh sebagian orang mungkin ingin membuat website yang memiliki fitur yang cukup lengkap seperti Halaman Depan,Halaman Berita,Halaman Toko sampai Halaman Forum. namun biasanya itu hampir mustahil dilakukan jika pengguna tersebut menggunakan Satu Platform yang tidak dibuat sendiri alias download,nahh saya akan memberitahukan bagaimana cara membuat website yang baik dengan menggunakan dua Platform yang berbeda.








Catatan : Tutorial ini ditunjukkan untuk pengguna yang menggunakan platform lebih dari satu,dan tutorial ini cukup sulit untuk dilakukan.


1. Hitung Kekuatan Hosting anda.

Hosting sudah jadi poin pertama dalam tips ini kenapa ?,karena jika anda sampai salah membeli hosting anda akun anda bisa disuspend karena kelebihan batas pemakaian.untuk platform Blog dan Forums sangat disarankan untuk menggunakan VPS karena Forums termasuk platform yang memerlukan pemakaian yang cukup besar.namun jika anda tidak menggunakan Platform selain Forums,E-Commerce dan Games anda dapat menggunakan Hosting.


2. Buat tampilan Interface.

Untuk tampilan interface website yang menggunakan dua platform cukup kesulitan untuk membuat tampilan interfacenya sesuai dengan halaman awalnya,untuk mempermudah anda harus membuat tampilan interfacenya terlebih dahulu pembuatanya tidak dilakukan di panel admin website anda melainkan dari Notepad atau Dreamweaver.Setelah tampilan interface jadi  anda hanya perlu meletakkannya ditempat yang telah disediakan dimasing-masing panel admin.

3. Buat SSO Pada Website anda.

Jika salah satu website anda menggunakan fasiltas member sebaiknya anda harus membuat SSO (Single Sign On) pada website anda ini bertujuan untuk mempermudah pengunjung anda untuk Login pada website platform pertama dan kedua.Untuk panduan SSO anda dapat cari di support center platform anda.

4. Jangan Gunakan Plugins.

Penggunaan plugins entah itu platform pertama dan kedua itu akan menyebabkan tingkat pemakaian tinggi karena pemanggilan file inti menjadi banyak,untuk itu anda harus membiasakan diri untuk membuat fitur tanpa plugins bahkan anda dapat membuat plugins langsung masuk ke website anda secara permanen.  

Profile Penulis :
Name : Ambrizal Suryadinata
Site : http://trevolutions.blogspot.com
Social Site : - Not Found -

Read More

Cara mengetahui Blog atau Web yang terserang Virus

Jika anda telah melihat gambar disamping,itu merupakan status blog atau website yang sudah terserang virus atau tidak yang kita bisa dideteksi dengan menggunakan Webutation. dengan semakin pesatnya virus di Dunia ini virus komputer sudah mulai menyebar tanpa kendali entah itu di PC/Laptop anda atau disebuah blog atau website yang telah disisipi virus,untuk mencegah hal itu anda dapat mendeteksinya dengan menggunakan fitur di website Webutation situs yang menawarkan scan blog atau web secara gratis.


Cara Menggunakannya cukup gampang :

1. Ketik pada address bar browser http://www.webutation.net/
2. Masukan alamat blog atau website anda dikotak yang sudah disediakan.
3. Setelah itu tunggu dan anda akan mendapatkan hasilnya.
4. Jika anda ingin menambahkan widget anda dapat memilih tab For Webmaster,pilih widget yang ingin digunakan dan pasang di blog atau website anda.

Jika anda mendapatkan gambar tameng berwarna hijau maka situs blog atau website anda sudah dipastikan aman,namun untuk kebawah anda harus menghapus source code entah itu javascript yang berisi virus atau memperbaiki situs blog atau website anda.

Semoga artikel ini berguna untuk anda, Selamat Malam !!!..

Read More

Apa itu Span ?

Jika anda masih bingung tentang perbedaan tentang DIV dengan SPAN maka saya akan memberikan tahu apa perbedaan dari kedua code tersebut namun apa itu span ?,Span adalah sebuah perintah HTML yang berfungsi untuk menampilkan efek dari warna font sampai bayangan font pada sepanjang tulisan tersebut,namun apa perbedaannya ini dia daftarnya :

1. Untuk code DIV perintah tersebut digunakan untuk membuat block jadi code tersebut akan mengikuti  panjang halaman dan lebar halaman kita jika tidak dibatasi,namun untuk SPAN code tersebut hanya akan berfungsi untuk sepanjang content tersebut jadi kapan content tersebut habis maka disitulah batasnya.
2. DIV cenderung kedalam tata letak dalam website tersebut karena code tersebut sangat dominan untuk masalah tata letak,namun untuk SPAN cenderung masuk kedalam content karena SPAN tidak bisa digunakan untuk peletakan jika SPAN digunakan sebagai peletekan maka nanti website anda akan terlihat menjadi aneh.
3. Code DIV biasanya digunakan untuk mengisi ruangan yang kosong dalam website namun untuk SPAN mereka yang akan mengisi tubuh dari Code DIV itu.

Cara penggunaannya pun cukup mudah :

<span>Isi Konten Dari SPAN</span>

Nahh bagaimana jika SPAN diberikan sebuah tampilan agar terlihat menarik caranya seperti ini.

<style type="text/css">

,trspan{

background : black;

font-size: 12px;
color:white;

}

</style>

<span class="trspan">Isi Konten Dari SPAN</span>

Catatan : trspan dapat diganti dengan apa saja contoh saja spankeren atau span1 atau lainnya.

Dan akan menjadi seperti ini :



Isi Konten Dari SPAN
Mudah bukan ??,Semoga Bermanfaat !!!.

Read More

Cara membuat Menu Popup

Menu Popup adalah menu yang berfungsi saat diklik akan menampilkan beberapa menu lagi,pembuatannya pun cukup mudah dan tidak perlu lagi mengobrak-ngabrik code CSSnya.untuk demo sudah ada dibagian kiri.








1. Tambahkan code CSS ini kedalan website kamu namun untuk diblogger anda dapat memasukannya diatas code </style>.

.size { position:relative }
.size .field {
 width:150px;background:white; color:black; padding:5px; border:none; cursor:pointer;
 font-family:'lucida sans unicode',sans-serif; font-size:12px;
 border:solid 1px black;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
.size .field:hover {
 border:solid 1px #fff;
 -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list { display:none;
 position:absolute;  z-index:999;
 width:142px;
 margin:0; padding:10px; list-style:none;
 background:#fff; color:#333;
 -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list li {
 border-bottom: solid 1px #ccc;
width:95%;
}
.size>ul.list li:last-child { border:none }

2. Tambahkan code JS ini tepat diatas code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
<script type="text/javascript">
(function($){
$.fn.styleddropdown = function(){
return this.each(function(){
var obj = $(this)
obj.find('.field').click(function() { //onclick event, 'list' fadein
obj.find('.list').fadeIn(400);

$(document).keyup(function(event) { //keypress event, fadeout on 'escape'
if(event.keyCode == 27) {
obj.find('.list').fadeOut(400);
}
});

obj.find('.list').hover(function(){ },
function(){
$(this).fadeOut(400);
});
});

obj.find('.list li').click(function() { //onclick event, change field value with selected 'list' item and fadeout 'list'
obj.find('.field')
.val($(this).html())
.css({
'background':'#fff',
'color':'#333'
});
obj.find('.list').fadeOut(400);
});
});
};
})(jQuery);

$(function(){
$('.size').styleddropdown();
});
</script>

3. Masukan code HTMLnya dimana saja entah itu dibagian content atau diwidget blogger.

<div class="size">
<input type="text" name="test" value="Sub-Forums ▼" class="field" readonly="readonly" />
<ul class="list">
<li><a href="forum-15.html" title="">Sub 1</a></li>
</ul>
</div>

Maka hasilnya akan seperti ini :

• Sub 1

Bagaimana mudah bukan ?.

Read More

Apa itu Heading dan Fungsinya ?

Bagi anda yang masih pemula mungkin anda masih belum tau apa itu Heading dan Kegunaan dari Heading itu sendiri. Heading merupakan code syntax dalam html yang digunakan untuk membuat sebuah judul baik itu judul karangan atau apapun.

Fungsi dalam heading ini sangat diperlukan dalam penulisan naskah,koran dan web.tanpa heading orang mungkin akan kebingungan untuk menentukan judulnya termasuk google untuk mengambil data-data didalam website kita,jangan samakan code <strong> dengan heading karena fungsinya berbeda. Jika strong dia akan membuat tulisan tersebut Tebal dan besar namun untuk heading tidak ada yang besar tapi tebal dan ada juga yang tidak tebal.





Bagaimana cara membuatnya anda sudah bisa melihatnya digambar diatas dan sudah langsung bisa dipraktekan,namun jika anda ingin memodifikasinya sangatlah gampang anda hanya perlu menambahkan CSS .

<style type="text/css">
(Pilih salah satu antara h1 sampai h6) {
font-size : (Ketik ukurannya dengan angka)px;
font-family : (Nama font yang ingin digunakan);
color : (Untuk mengubah warna teks diperlukan code warna);
</style>

Contoh :

<style type="text/css">
h1 {
font-size : 16px;
font-family : Segoe-UI;
color : blue;
</style>

dan akan menjadi seperti ini

Heading Coba-Coba

Bagaimana mudahkan selamat mencoba !.

Read More

Cara membuat Website yang Baik dan Bagus

Nah sebagian orang pasti sudah mengenal apa itu website,website adalah salah satu halaman page yang dibuat dan dapat diakses melalui koneksi internet.namun biasanya seseorang masih belum bisa membuat Website dengan baik atau bagus karena memiliki pemikiran yang cukup banyak dan menjadi bingung apa saja yang akan ditampilkan didalam website tersebut,kali ini saya akan memberi tahu kepada anda cara membuat website yang baik dan bagus

1. Website yang baik memiliki struktur Header,Content,Footer dan ditambah sidebar pada bagian kanan. sangat tidak dianjurkan untuk menggunakan Sidebar kiri kanan karena dibagian content akan semakin mengecil dan memanjang,anda dapat mengisi header dengan menu dan logo website.
2. Jangan menaruh content iklan yang cukup banyak kedalam website karena bukan mengganggu pengunjung saja beban atau load yang akan ditransfer kebrowser akan cukup besar.jika anda ingin menaruh content iklan sebaiknya anda dapat menaruhnya disela-sela page atau dibagian bawah page,bisa juga menaruh content dibagian header tepat disamping kanan logo atau samping kiri logo.
3. Website yang baik biasanya menggunakan HTML5 dan CSS3 karena anda tidak akan memerlukan lagi file images karena sudah digantikan oleh CSS3,hindarilah penggunaan code yang HTML5 atau CSS3 yang terlalu banyak karena itu juga berdampak atas beban transfer yang akan diterima oleh browser.
4. Pikirkan domain anda domain yang baik memiliki kata-kata yang tidak begitu rumit dan mudah diingat jadi jika anda menggunakan Domain yang terlalu panjang mungkin pengunjung akan kebingungan menghafalnya meskipun didalam website tersebut contentnya bagus.
5. Sekarang pikirkan content yang akan anda buat sebaiknya nama Domain harus sesuai dengan Content yang ada didalam website tersebut karena Domain yang akan mewakili seluruh content yang ada didalam website tersebut.

Bagaimana ini cukup mudahkan tetapi anda harus bisa memahaminya dulu sebelum mengganggap ini mudah.

Read More

Cara membuat Anti Copy Paste ditempat tertentu

Masih berbicara tentang copy paste terkadang kita menginginkan sebuah blog agar tidak dicopy paste namun apa jadinya jika terdapat kalimat yang tidak dapat diblock,copy,dan diklik kanan.hari ini saya akan memberikan cara bagaimana membuat Anti Copy Paste untuk daerah tertentu.











1. Cari sebuah tempat atau membuat sebuah tempat untuk dijadikan anti copy paste contoh :

<div class="kotak">
Isi Content
</div>

2. Setelah anda menemukannya atau membuatnya anda harus tambahkan code ini tepat dibagian atas code div

oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'

Maka nanti akan menjadi seperti ini :


<div class="kotak" oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
Isi Content
</div>

3. Save dan lihat hasilnya contohnya seperti dibawah ini.

Isi Content

Read More

Cara Mempersulit seseorang Mengambil HTML Blogger dengan HTML Compressor

Sebelumnya saya membuat artikel dengan nama "Cara Mempersulit seseorang Mengambil CSS" kali ini saya akan memberitahukan bagaimana cara untuk mempersulit pengambilan HTML baik itu blogger ataupun website lainnya.



Note : Sebelum menggunakannya harap melakukan backup karena jika tidak anda akan susah melakukan perubahan terhadap website anda.

1. Gunakan Tool pada website ini :
http://www.textfixer.com/html/compress-html-compression.php

2. Pada box HTML Compression Tool masukan HTML yang anda ingin compress kedalam box tersebut lalu centang Don't compress HTML head of document lalu compress HTML.

3. Pada box New Compressed HTML copas code semua code yang ada disana kedalam web yang anda buat.

Contoh :

Sebelum

            <nav id='nav'>
<ul class='menunav' id='navinti'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='dgnsub'><a href='#'>Web Corner</a>
<ul class='sub-menu hidden'>
<li><a href='http://trevolutions.blogspot.com/search/label/WebCorner'>Webcorner</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/MyBB'>MyBB</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/CSS'>CSS</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/Javascript'>Javascript</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/Open%20Source'>Open Source</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/CSS'>CSS</a></li>
</ul>
</li>
<li class='dgnsub'><a href='#'>Computer Corner</a>
<ul class='sub-menu hidden'>
<li><a href='http://trevolutions.blogspot.com/search/label/Tips%20And%20Trik'>Kumpulan Tips Trik</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/Software'>Software</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/Hardware'>Hardware</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/Multimedia'>Multimedia</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/Photoshop'>Photoshop</a></li>
<li><a href='http://trevolutions.blogspot.com/search/label/Games'>Games</a></li>
</ul>
</li>

  <li class='dgnsub'><a href='#'>Service</a>
<ul class='sub-menu hidden'>
<li class='dgnssub'><a href='#'>Jasa Forum MyBB</a>
<ul class='sub-sub-menu hidden'>
<li><a href='#'>Paket Normal</a></li>
<li><a href='#'>Paket Pro</a></li>
<li><a href='#'>Paket Pro Enterprise</a></li>
<li><a href='#'>Paket Ultimate</a></li>
</ul>
</li>
<li class='dgnssub'><a href='#'>Premium Template</a>
<ul class='sub-sub-menu hidden'>
<li><a href='http://trevolutions.blogspot.com/p/ini-adalah-theme-premium-kedua-saya.html'>Stylist Blue</a></li>
</ul>
</li>


  
<li><a href='#'>Jasa Instalasi Windows</a></li>
</ul>
    
</li>
  <li><a href='#'>Forums</a></li>
  
  <li><a href='http://trevolutions.blogspot.com/p/about_17.html'>About Me</a></li>
</ul>
<div id='navmobi'>
<a class='scroll' href='#' id='mobilenav'>Select a Page</a>
</div>
<div id='search-form-feed'>
<form action='/search' onsubmit='return updateScript();'>
<input id='feed-q-input' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;To search type and hit enter...&quot;;}' onfocus='if (this.value == &quot;To search type and hit enter...&quot;) {this.value = &quot;&quot;;}' onkeyup='resetField();' type='text' value='To search type and hit enter...'/>
</form>
<div id='search-result-container'/>
<div id='search-result-loader'>Searching...</div>
</div>
    </nav>
    <div id='header'>
<div class='header_content'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbQXG08FnI5x3dqk8tTy_AB1omlJ6WOCMQtPgcRBkuzN676MkI1Ud9dpU0ZNlf3B7gsn92yX4PD6MsVnUWx-uJHg_Vbrvb-7yci5Hb61C7WQoXhNmYAuK4B8PdrULYHwfiYyy8V7eafce/h74/logo.png' title='Trevolution Creative'/>
</div>
</div>
    <div id='hot-category'>

<marquee behavior='alternate'><span style='color:#fff;'>Selamat Datang Di Trevolution Creative,Blog ini masih dalam pengembangan !.</span></marquee>

</div>

Sesudah

 <nav id='nav'><ul class='menunav' id='navinti'><li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li><li class='dgnsub'><a href='#'>Web Corner</a><ul class='sub-menu hidden'><li><a href='http://trevolutions.blogspot.com/search/label/WebCorner'>Webcorner</a></li><li><a href='http://trevolutions.blogspot.com/search/label/MyBB'>MyBB</a></li><li><a href='http://trevolutions.blogspot.com/search/label/CSS'>CSS</a></li><li><a href='http://trevolutions.blogspot.com/search/label/Javascript'>Javascript</a></li><li><a href='http://trevolutions.blogspot.com/search/label/Open%20Source'>Open Source</a></li><li><a href='http://trevolutions.blogspot.com/search/label/CSS'>CSS</a></li></ul></li><li class='dgnsub'><a href='#'>Computer Corner</a><ul class='sub-menu hidden'><li><a href='http://trevolutions.blogspot.com/search/label/Tips%20And%20Trik'>Kumpulan Tips Trik</a></li><li><a href='http://trevolutions.blogspot.com/search/label/Software'>Software</a></li><li><a href='http://trevolutions.blogspot.com/search/label/Hardware'>Hardware</a></li><li><a href='http://trevolutions.blogspot.com/search/label/Multimedia'>Multimedia</a></li><li><a href='http://trevolutions.blogspot.com/search/label/Photoshop'>Photoshop</a></li><li><a href='http://trevolutions.blogspot.com/search/label/Games'>Games</a></li></ul></li> <li class='dgnsub'><a href='#'>Service</a><ul class='sub-menu hidden'><li class='dgnssub'><a href='#'>Jasa Forum MyBB</a><ul class='sub-sub-menu hidden'><li><a href='#'>Paket Normal</a></li><li><a href='#'>Paket Pro</a></li><li><a href='#'>Paket Pro Enterprise</a></li><li><a href='#'>Paket Ultimate</a></li></ul></li><li class='dgnssub'><a href='#'>Premium Template</a><ul class='sub-sub-menu hidden'><li><a href='http://trevolutions.blogspot.com/p/ini-adalah-theme-premium-kedua-saya.html'>Stylist Blue</a></li></ul></li> <li><a href='#'>Jasa Instalasi Windows</a></li></ul> </li> <li><a href='#'>Forums</a></li> <li><a href='http://trevolutions.blogspot.com/p/about_17.html'>About Me</a></li></ul><div id='navmobi'><a class='scroll' href='#' id='mobilenav'>Select a Page</a></div><div id='search-form-feed'><form action='/search' onsubmit='return updateScript();'><input id='feed-q-input' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;To search type and hit enter...&quot;;}' onfocus='if (this.value == &quot;To search type and hit enter...&quot;) {this.value = &quot;&quot;;}' onkeyup='resetField();' type='text' value='To search type and hit enter...'/></form><div id='search-result-container'/><div id='search-result-loader'>Searching...</div></div> </nav> <div id='header'><div class='header_content'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbQXG08FnI5x3dqk8tTy_AB1omlJ6WOCMQtPgcRBkuzN676MkI1Ud9dpU0ZNlf3B7gsn92yX4PD6MsVnUWx-uJHg_Vbrvb-7yci5Hb61C7WQoXhNmYAuK4B8PdrULYHwfiYyy8V7eafce/h74/logo.png' title='Trevolution Creative'/></div></div> <div id='hot-category'><marquee behavior='alternate'><span style='color:#fff;'>Selamat Datang Di Trevolution Creative,Blog ini masih dalam pengembangan !.</span></marquee></div>

Read More

Cara mempersulit Seseorang untuk Mengambil CSS

Biasanya banyak sekali orang yang ingin jahil terhadap situs kita untuk menjiplak hasil karya kita,namun siapa bilang tidak ada cara untuk mempersulitnya.kali ini saya akan memposting tentang cara mempersulit seseorang mengambil CSS yang ada didalam blog atau website.


Note : Sebelum menggunakannya harap melakukan backup karena jika tidak anda akan susah melakukan perubahan terhadap website anda.





1. Gunakan Tool dalam website ini :
http://www.cssdrive.com/index.php/main/csscompressor

2. Untuk compression mode gunakan Super Compact agar nanti jadinya seperti ini :

tr td.trow1:first-child,tr td.trow2:first-child,tr td.trow_shaded:first-child{border-left:0}tr td.trow1:last-child,tr td.trow2:last-child,tr td.trow_shaded:last-child{border-right:0}.tborder{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}.thead,.rounded_top{-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.tfoot,.rounded_bottom{-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}

3. Masukan CSS Code yang ingin dicompress ke dalam kotak insert css code.

4. Silahkan klik compress dan hasilnya akan mirip seperti diatas.


Bagaimana mudahkan ?,ini sudah cukup membuat mata para penjiplak pusing karena CSS ditulis secara terus menerus tanpa sela.namun cara ini hanya untuk memperlambat saja bukan untuk menghentikan karena css model ini masih bisa dicontek meskipun banyak.

Read More

Tips Agar Visitor Tidak Kabur

Mungkin beberapa dari kalian mempunyai blog namun Visitornya sedikit itu disebabkan karena 2 faktor yaitu baru buat dan Blog terasa berantakan dimata pengunjung.

Mungkin kalau blog yang masih baru sepi itu wajar,namun kalau udah lama postingan banyak tapi masih aja visitornya 1-50 orang itu bisa dikatakan tidak wajar.


Berikut beberapa tips cara membuat visitor blog tidak kabur karena ulah anda sendiri :

1. Jangan taruh widget yang tidak penting seperti jam,efek salju,efek loading dan lainnya.karena semakin banyak widget semakin berat blognya.
2. Jangan taruh anti COPAS atau sejenisnya,biasanya jika pemilik blog menggunakan code untuk memblokir klik kanan,klik text dan sejenisnya.Bukan membuat trafik meningkat namun pengguna akan langsung kabur.
3. Jangan Copy Paste artikel ini yang paling bahaya dan membuat visitor cepat kabur,biasanya google memberikan list pencarian namun biasanya 1 dari 3 hasil pencarian kontennya sama.maka visitor berpikiran "Ahh ini kan yang tadi saya baca".
4. Jangan terlalu banyak pejengin Iklan dampaknya juga sama seperti no.3,sebenernya sih boleh masang iklan namun kalau kebanyakan kan jelek.
5. Warna blog jangan terlalu kontras maksudnya jangan menggunakan Warna background yang terlalu membuat mata kita sakit,sangat disarankan menggunakan background abu-abu,putih atau warna agak gelap tapi jangan terlalu gelap.

Semoga bermanfaat untuk kita semua

Read More

Cara Mengamankan Content Blogger milik mu

Dengan semakin berkembangnya Blogger di Dunia Maya,maka hal untuk menjiplak Content itu juga akan berkembang dengan pesat.seperti halnya dengan Pembajakan Software,Perampasan Hak Cipta,dan lain-lain.nah kali ini saya akan memberikan cara bagaimana mengamankan Content Blogger milik kamu sendiri agar tidak mudah dicuri oleh pihak lain yaitu dengan DMCA.

1. Silahkan masuk ke situs ini (No Adf.ly)
2. Isi Form yang ada dibawah seperti yang ada digambar sebelah.
   Email harus diisi dengan benar karena nantinya Password anda akan dikirimkan melalui Email bukan isi sendiri.
   
   
3. Silahkan buka email anda,sekarang anda telah mendapatkan username dan passwordnya.gunakan username dan password tersebut untuk login disini .
4. Jika sudah login klik Tombol Add badges to your site.
   
   
5. Sekarang masukan badge tersebut terserah dimana saja,apakah diwidget atau ditemplate yang terpenting badgenya kelihatan seperti disitus ini.
6. Selesai nahh nantinya artikel anda akan diproteksi setelah artikel itu diposting selama 12 jam.

Apa keuntungannya menggunakan ini :

1. Jika terdapat situs yang sengaja mengcopy pastekan content milik anda,secara otomatis DMCA akan melaporkannya ke google dan dalam waktu tertentu artikel tersebut akan dihapus.
2. Kita juga akan mendapatkan Sertifikat resmi dari DMCA bahwa situs milik saya adalah asli pada saat memasang badge.

Semoga postingan ini bermanfaat..

Read More

Lewat Chitika kita bisa mendapatkan Uang

Mungkin ini adalah situs penghasil alternatif selain Google Adsense yang bernama Chitika.Chitika adalah situs Advertising yang berguna untuk mempromosikan suatu produk atau kita dapat menaruh iklannya di blog.



1. Silahkan register disini .
2. Sekarang isi Form Berikut dengan benar dan centang semua yang ada diform tersebut.
3. Jika sudah buka Email anda dan buka link Konfirmasinya.
4. setelah selesai tunggu besoknya karena chitika akan melakukan Peninjauan atas situs yang anda daftarkan.
5. Jika telah dikonfirmasi biasanya kita akan diberikan email yang menyatakan bahwa situs anda telah diaprove dan dapat menayangkan Iklan di blog anda sekarang/
6. Nah sekarang Login username yang anda isikan saat pertama kali register.
7. Sekarang pergi ke Ad Setup lalu pilih Type Of Ads.
8. Disana terdapat 3 Jenis iklan lalu Klik Get Started pada jenis yang anda pilih.
9. Atur tampilan iklan lalu get code.
10. Copy Paste code yang kalian dapat kedalam template dengan cara :

-Pertama Expand template lalu klik OK saja.
-Lalu cari code <data:post.body>
-biasanya ada dua atau lebih taruh code tersebut tepat dibawah <data:post.body> yang terakhir.

Jeng Jeng hasilnya anda bisa lihat dibawah..


Semoga Bermanfaat...

Read More

Metro UI CSS

Jika anda mempunyai keinginan untuk membuat situs seperti Metro layaknya Windows 8 saya punya solusinya.Metro UI CSS merupakan salah satu tema yang pertama kali dipopulerkan oleh sistem operasi Windows 8 yang tidak sengaja daya tarik untuk mencoba Windows 8 makin melonjak.

Apa sih Feature yang ada di Metro UI CSS :

1. Metro UI CSS menggunakan bahasa CSS3 dan HTML5 yang membuat situs anda akan sangat cepat untuk diterima oleh browser.
2. Metro UI CSS juga mensupport Javascript yang membuat website anda terasa hidup.
3. Anda dapat mengembangkan lagi source ini karena ini CSS Fork.
4. Jika pada windows 8 terdapat Tile maka disource ini pasti ada dan semua yang ada di Windows 8 akan ada di source ini.

Apa yang diperlukan untuk mengembangkan Metro UI ini :

1. Google Chrome Versi 25 keatas atau setara.
2. IE 10
3. Mozilla Firefox 16 keatas atau setara
4. Jika menggunakan dreamweaver maka gunakan Adobe Dreamweaver CS5 keatas atau setara.

Ingin mencoba situs nya ada disini .

Read More

Cara Membuat Scroller Dengan CSS3

Halloo Sobat blogger kali ini saya akan sharring tentang cara membuat scroller dengan CSS3,dimana nantinya scroll bar di blog kamu akan berubah sesuai dengan selera anda.

1. Pertama masuk ke dalam blog.
2. Disini ada dua cara untuk memasukannya dengan cara menggunakan Tata Letak atau Template langsung,tapi direkomendasikan untuk template karena kalau widget biasanya agak mengganggu.
3. Jika pada Tata Letak,Pilih tambah widget (dimana saja) lalu tambah HTML.Masukan code ini :
   
   <style type="text/css">
   /* -- Reset Scroll -- */ /* scroller browser */::-webkit-scrollbar {width: 10px;}/* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); -webkit-border-radius: 10px;border-radius: 10px;}/* Handle */::-webkit-scrollbar-thumb { background: #a6a5a5; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.4); } </style>
4. Atau menggunakan template dengan cara cari kode ini :
   </style>
   lalu tambahkan tepat diatasnya code ini :
   /* -- Reset Scroll -- */ /* scroller browser */::-webkit-scrollbar {width: 10px;}/* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); -webkit-border-radius: 10px;border-radius: 10px;}/* Handle */::-webkit-scrollbar-thumb { background: #a6a5a5; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.4); }

Read More

Cara Membuat Header Melayang 2 Ala kaskus

Nah mungkin pada artikel sebelumnya saya pernah membuat header melayang namun sekarang akan ada perubahan dan sudah diterapkan di blog ini.berbeda dengan sebelumnya saya sengaja membuat bergaya kaskus karena saya suka dengan warna biru.

Sekarang to the point saja Copy Paste code ini dibawah code <div id="header-wrapper"> atau sejenisnya.

	<style type="text/css">
	/* ====== BAR ATAS ====== */
	.topbar {
	width: 100%;
	min-width: 900px;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	background-color: rgb(20, 132, 206);
	background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, rgb(18, 116, 181) 100%);
	box-shadow: 0px 2px 0px rgb(14, 90, 140);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 13px;
	z-index: 99999;
	}
	.topbar_jb{
	width: 100%;
	min-width: 900px;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	background-color: rgb(108, 179, 0);
	background-image: -moz-linear-gradient(center top , rgb(108, 179, 0) 20%, rgb(78, 129, 0) 80%);
	box-shadow: 0px 2px 0px rgb(78, 129, 0);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 13px;
	z-index: 99999;
	}
	#topbar_absolute {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	height: 30px;
	width: 100%;
	min-width: 900px;
	}
	.topbar_lay {
	width: 900px;
	margin: auto;
	transition: all 0.2s linear 0s;
	}
	.topbar_lay1 {
	width: 650px;
	float: left;
	display: inline;
	}
	.topbar_lay2{
	float: right;
	right: 0;
	}
	.meta-header-bar {
	margin: -12px -40px;
	}
	.meta-header-bar ul li:first-child {
	border-left: 1px solid rgba(30, 30, 30, 0.125);
	}
	.meta-header-bar ul li {
	float: left;
	position: relative;
	}
	.meta-header-bar ul li a {
	display: inline-block;
	padding: 6px 10px;
	text-decoration: none !important;
	position: relative;
	border-right: 1px solid rgba(30, 30, 30, 0.125);
	box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-bottom-color: transparent !important;
	color: rgb(255, 255, 255) !important;
	}
	.meta-header-bar > ul > li > a {
	text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
	}
	.topbar a {
	color: rgb(240, 240, 240);
	}
	.meta-header-bar ul li a:hover, .topbar .meta-header-bar ul li a:focus {
	background-color: rgba(255, 255, 255, 0.125);
	}
	.meta-header-bar > ul > li > a:hover, .meta-header-bar > ul > li > a:focus {
	color: rgb(255, 255, 255) !important;
	}
	.meta-header-bar-lay2 {
	margin: -5px 0px;
	}
	.meta-header-bar-lay2 ul li:first-child {
	border-left: 1px solid rgba(30, 30, 30, 0.125);
	}
	.meta-header-bar-lay2 ul li {
	float: left;
	position: relative;
	}
	.meta-header-bar-lay2 ul li a {
	display: inline-block;
	text-decoration: none !important;
	padding-top: 1px;
	position: relative;
	border-right: 1px solid rgba(30, 30, 30, 0.125);
	box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-bottom-color: transparent !important;
	}
	.meta-header-bar-lay2 > ul > li > a {
	text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
	}
	.meta-header-bar ul li a:hover, .topbar .meta-header-bar ul li a:focus {
	background-color: rgba(255, 255, 255, 0.125);
	}
	.meta-header-bar-lay2 > ul > li > a:hover, .meta-header-bar-lay2 > ul > li > a:focus {
	color: rgb(255, 255, 255) !important;
	}
	.topbar_log{
	font-family:Arial Unicode MS;
	font-size: 16px
	text-decoration: none;
	background: none;
	float:right;
	margin-right: 3px;
	margin-top: -5px;
	}
	.topbar_log a:link{
	color:#fff;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	text-shadow:-1px -1px #0F6FBA;
	}
	.topbar_log a:visited{
	color:#C5F9F9;
	text-decoration: none;
	text-shadow:-1px -1px #0F6FBA;
	}
	.topbar_log a:hover, .topbar_log a:active{
	color:#FFFF03;
	padding: 5px 10px 5px 10px;
	border-radius:5px;
	text-decoration: none;
	background:#065B93;
	text-shadow:-1px -1px #0F6FBA;
	}
	</style>
	<div id="topbar_absolute">
	<div class="topbar">
	<div class="topbar_lay">
	<div class="topbar_lay1">
	<div class="meta-header-bar">
	<ul>
	<li><a href="http://trevolutions.blogspot.com"><img src="home.png" alt="Home"></a></li>
	<li><a href="http://trevolutions.blogspot.com/search/label/Software">Software</a></li>
	<li><a href="http://trevolutions.blogspot.com/search/label/MyBB">MyBB</a></li>
	<li><a href="http://trevolutions.blogspot.com/search/label/Template">Templates</a></li>
	<li><a href="http://trevolutions.blogspot.com/search/label/Tips And Trik">Tips And Trik</a></li>
	<li><a href="#">WebCorner</a></li>
	</ul>
	</div>
	</div>
	</div>
	</div>

Jika sudah mungkin hasilnya tidak akan melayang namun jika anda ingin agar bisa melayang selipkan code ini diantara code diatas :

<div style="position:fixed;">
Code diatas
</div>

Sekarang bagaimana gampang kan Selamat mencoba

Read More

Keuntungan jika kita menggunakan HTML5 & CSS3

Banyak orang yang mungkin tidak mengetahui apa sih keuntungan HTML5 & CSS3,meskipun fungsinya juga tetap sama namun berbeda efeknya.

HTML5 & CSS3 tidak saja sangat tidak lama untuk loadnya jika anda memang mengerti sekali.




Berikut keuntungannya :

1. Jika anda menggunakan HTML5 & CSS3 anda tidak perlu lagi repot-repot nyari Images yang tepat untuk CSS anda,cukup menggunakan code maka HTML5 & CSS3 akan terbentuk sesuai yang anda inginkan.
2. Loading yang sangat sebentar yang menyebabkan HTML5 & CSS3 sangat diperlukan oleh Website,karena Browser telah mendeteksi code tersebut namun disisi lain jika pengguna menggunakan Browser versi lama maka yang terjadi code tersebut tidak akan dideteksi.Tergantung Browser yang digunakan.
3. HTML5 & CSS3 juga hampir tidak memerlukan Javascript jika ingin membuat sebuah efek.
4. HTML5 & CSS3 sangat SEO Friendly mungkin karena Loadnya sebentar jadi Google juga akan cepat menangkap data-data yang ada di web yang dibuat.
5. Dan masih banyak lagi.

Sekarang jangan ragu-ragu untuk menggunakan HTML5 & CSS3 di websitemu sendiri.

Read More

MyBB 1.6.9 Security Release

MyBB 1.6.9 sekarang tersedia dari situs MyBB dan merupakan rilis keamanan untuk seri 1.6.
Apa yang ditambahkan / diubah dalam versi ini?

Ini telah menjadi perhatian kami bahwa ada kerentanan injeksi SQL di semua versi MyBB, termasuk MyBB 1.6.8. Kami menyarankan semua pemilik forum MyBB untuk meng-upgrade forum mereka sesegera mungkin.

Dengan berkat frostschutz dan StefanT untuk menemukan dan melaporkan masalah ini.

Kerentanan tetap:

     Risiko Tinggi: Sebuah kerentanan SQL saat mengedit posting
     Sedang Risiko: sistem CAPTCHA non efektif, memberikan kemungkinan brute-force akses

Bugs tetap:

     Masalah dengan editor tidak bekerja di Firefox 16 dan di atas

Kami mohon maaf atas ketidaknyamanan.
Upgrade dari 1.6.8 dan Versi Lain

Sebelum melakukan upgrade setiap harap ingat untuk membuat cadangan file forum Anda dan database dan menyimpannya dengan aman. Jika Anda memiliki file inti diedit, termasuk file bahasa, pastikan Anda membuat changelog untuk perubahan ini sehingga Anda dapat membuat mereka lagi setelah upgrade selesai.

Untuk meng-upgrade, ikuti proses Upgrade. Script Upgrade diperlukan. Ada perubahan pada 1 file bahasa (messages.lang.php). Ada perubahan pada 3 template (portal_welcome_guesttext, loginbox & codebuttons).

Quote:Jika anda menggunakan MyBB 1.6.8.

• Download and use the Changed Files Package
• Follow the upgrading instructions

Jika anda menggunakan MyBB 1.6.7 atau Kebawah.

• Download and use the full 1.6.9 Release Package
• Follow the upgrading instructions

Pelaporan Kerentanan Keamanan MyBB

Jika Anda berpikir Anda telah menemukan kerentanan di MyBB, kami menyarankan Anda untuk tidak secara terbuka posting di forum ini atau publik memberikan informasi tentang hal itu di tempat lain sampai kita punya waktu untuk mempersiapkan dan merilis patch.

Seperti biasa, Anda dapat mengirim melalui pesan keamanan terkait di situs Web MyBB dari halaman Hubungi Kami atau di forum Pertanyaan Pribadi kami - di mana Anda dapat memulai thread baru yang hanya Anda dan Tim MyBB dapat melihat.

Terima kasih,

MyBB Tim

Read More