Monday, February 18, 2013

Cara Blog Jadi Terkenal : Promosi Blog Anda

BOS TUTORIAL - Cara Blog Jadi Terkenal : Promosi Blog Anda. Masih berhubungan dengan "Hal-Hal Yang Blogger Harus Perhatikan dalam Blog". Point penting adalah Promosi Blog.

Cara Blog Jadi Terkenal : Promosi Blog Anda Sebuah perusahaan, tidak akan pernah maju apabila hanya memproduksi produknya saja. Perusahaan tersebut haruslah memperkenalkan produk yang dia ciptakan kepada konsumen atau masyarakat. Perusahaan tersebut akan mengatakan bahwa produk yang dia ciptakan adalah produk bagus dan layak untuk dimiliki. Maka, produk tersebut pun akan dikenal banyak orang. Dan tidak sedikit orang ingin memilikinya. Awalnya adalah ketika perusahaan tersebut memperkenalkan produknya kepada konsumen.

Anda adalah pemilik blog. Blog yang anda kelola sama dengan perusahaan tersebut. Anda dan saya memberikan informasi baru di dalam blog kita. Ntah itu tutorial, film, tips-tips, berita, software atau apa sajalah. Kita juga harus memperkenalkan kepada calon pembaca blog kita.

Cara Blog Jadi Terkenal : Promosi Blog Anda
Banyak cara untuk memperkenalkan blog kita kepada calon pengunjung. Namun ada 2 yang paling utama.

1. Promosi Blog dengan cara mengeluarkan uang alias Berbayar
Pasanglah iklan di situs-situs komersial dan ramai pengunjung situs-situs tersebut. Misalnya pasang iklan di Facebook, pasang iklan di Google, atau situs-situs teman anda yang kira-kira pengunjungnya banyak. Sesuaikan budget yang anda punya. Ingat... ini anda harus mengeluarkan uang. Omong-omong nih, anda juga bisa pasang iklan di blog ini, tentunya anda bayar juga... hehehe (sekalian promosi nih...)

2. Promosi Blog dengan cara tanoa mengeluarkan uang alias Gratis
Tentunya ini adalah pilihan yang kita sukai bukan. Cara ini haruslah benar-benar kita manfaatkan. Facebook dan twitter serta Google Plus merupakan situs jejaring sosial yang sudah dikenal orang dan penggunaannya tidak berbayar. Manfaatkan situs-situs tersebut sebagai alat promosi blog anda. Buatlah Halaman atau Group khusus untuk anda di situs-situs tersebut. Tariklah mereka bergabung menjadi anggotanya. Jadikan mereka sebagai target pembaca anda. (mengenai pembuatan halaman di facebook nanti kita bahas selanjutnya). Atau bergabunglah di group-group yang sejenis (sesuai dengan deskripsi blog anda), bergabung dengan forum-forum portal berita online yang anda. Dan jangan lupa promosikan blog anda di situ. Maka anda akan mendapatkan pengunjung blog dan blog anda pun mulai dikenal. (silahkan bergabung di Halaman Facebook kami)

Cara kedua di atas tentunya sudah lazim anda temukan. Saya akan bagikan cara yang ekstrim :
  1. Pakailah baju dengan bertuliskan nama blog anda. Bila perlu sebarkan dan bagikan baju itu kepada siapa pun (mirip kampanye partai).
  2. Tempelkan pamflet atau brosur atau stiker di setiap sudut kota dimana anda tinggal.
  3. Bila anda kuliah, coretin saja kamar mandi disana dengan tulisan Tolong Kunjungi Blog saya.
  4. Setiap anda ketemu orang, bilang sama dia... tolong Kunjungi Blog Saya...
  5. Sewa semua warnet yang ada di kota anda, dan onlinelah sesuka hatimu dengan tujuan hanya mengunjungi blog anda.
Ya sudah... mungkin segitu dulu yah tulisan mengenai Cara Blog Jadi Terkenal : Promosi Blog Anda. Semoga bisa bermanfaat yah. Salam sukses. [Bos Tutorial]

Kunjungi dan pasang iklan anda di: IKLAN BOS, Gratis dan Tanpa Daftar, Kentungannya Anda langsung dapat backlink Otomatis.

Agar Blog Selalu di Kunjungi : Selalu Uptodate

BOS TUTORIAL - Agar Blog Selalu di Kunjungi : Selalu Uptodate. Saya pernah memposting tentang "Hal-Hal Yang Blogger Harus Perhatikan dalam Blog", masih ingat bukan? Coba deh lihat lagi biar ingat. (klik disini bila lupa atau ingin baca lagi). Postingan kali ini berhubungan dengan itu. Karena salah satu poin penting di dalam postingan itu adalah Selalu Uptodate.

Agar Blog Selalu di Kunjungi : Selalu Uptodate
Jujur yah, saya minta kepada kawan-kawan karena baru bisa memberikan tips kepada kawan-kawan. Karena mengurus blog yang lainnya (seperti : Kumpulan Adsen Blogspot, Lapo Kita, Becak Siantar). Di samping itu, alamat email ini saya lupa, hehehe. Cuma intermiso saja ini kawan. Sekali lagi maaf yah.

Kembali kepada topik yah coy....
Pada dasarnya, orang atau sebut saja pengunjung blog, akan senang membaca bila melihat temannya membuat tulisan baru di dalam blog yang kita kelola. Apapun itu, tapi tanda " kutip " (yang bagus-bagus sesuai dengan deskripsi blog anda). Artinya ketika pengunjung sudah interes dengan blog anda kelola, maka dia akan haus dan haus untuk membaca informasi yang anda berikan. Nah... salah satunya adalah Selalu Uptodate.

Kita harus memposting sesuatu di dalam blog kita. Bagaimana orang akan berkunjung bila yang dikunjungi selalu yang itu-itu saja alias basi. So... postinglah selalu tulisan anda dan berikan info-info yang baru. Di satu sisi, rating blog pun akan semakin meningkat.

Singkat bukan. Tidak perlu ribet dan tidak perlu bertele-tele. Hanya satu Selalu Uptodate.

Caranya Agar Blog Selalu di Kunjungi : Selalu Uptodate. Salam sukses. [Bos Tutorial]

Tampilan Template Baru Lagi di Blog

BOS TUTORIAL - Tampilan Template Baru Lagi di Blog. Ini yang kesekian kalinya saya mengganti template blog ini. Oh iya, kembali lagi saya update artikel di blog ini, setelah sekian lama tak pernah buka. Sebelumnya saya minta maaf kepada kawan-kawan karena baru bisa menyapa dan memberikan info terbaru.

Tampilan Template Baru Lagi di Blog

Tampilan Template Baru Lagi di Blog
Tampilan blog ini sebelumnya memang bagus. Cuma setelah saya pikir-pikit kok masih lambat. Akhirnya saya mencoba menggunakan template blog buatan Mas Kolis yang lumayan terkenal di jajaran perbloggeran. Memang terlihat sederhana. Namun untuk standar penulisan tutor cocok. Karena menurut saya, bahwa tampilan blog disesuaikan dengan isinya. Jadi singkron.

Tampilan template blog saya yang lama bisa anda lihat di bawah ini.

Tampilan Lama Template Blog Bos Tutorial

Demikian sekilas info mengenai Tampilan Template Baru Lagi di Blog yang hanya sekedar pemberitahuan saja. Oh iya bila ingin mengetahui Cara Mengganti Template Blog Pada Blogspot, silahkan KLIK SAJA DISINI. Salam dari kami. [Bos Tutorial]

Saturday, February 16, 2013

Cara Membuat Menu Rocking Rolling di Blogspot


Cara Membuat Menu Rocking Rolling di Blogspot - Menu yang menggunakan CSS ini sangat terlihat keren dengan efek slide bergeser kekiri. Menu Navigasi ala Rokstar ini cocok untuk sobat yang suka dengan yang berjiwa Rock atau yang suka dengan Menu Navigasi keren.
Untuk demo Sobat bisa lihat dengan menekan tombol di bawah ini :

Bagaimana sob ?
Kalau tertarik ingin mencobanya, silahkan ikuti caranya berikut ini :

1. Masuk ke akun blogger sobat.

2. Pada Dasbor klick ➨ Rancangan ➨ Edit HTML.

3. Centang Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.

4. Selanjutnya dalam Edit Template sobat cari kode ]]></b:skin> atau <style> Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.

5. Bila sudah ketemu sekarang sobat copy kode CSS di bawah ini dan paste atau letakkan di atas kode tadi.

/* Sliding Ang Rolling */


.menu{
width:800px;
height:52px;
position:relative;
top:200px;
left:100px;
font-family: "Trebuchet MS", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
}
.item{
position:relative;
background-color:#f0f0f0;
float:right;
width:52px;
margin:0px 5px;
height:52px;
border:2px solid #ddd;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:1px 1px 3px #555;
box-shadow:1px 1px 3px #555;
cursor:pointer;
overflow:hidden;
}
.link{
left:2px;
top:2px;
position:absolute;
width:48px;
height:48px;
}
.icon_home{
background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_home.png) no-repeat top left;
}
.icon_mail{
background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_mail.png) no-repeat top left;
}
.icon_help{
background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_help.png) no-repeat top left;
}
.icon_find{
background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_find.png) no-repeat top left;
}
.icon_photos{
background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_photos.png) no-repeat top left;
}
.item_content{
position:absolute;
height:52px;
width:220px;
overflow:hidden;
left:56px;
top:7px;
background:transparent;
display:none;
}
.item_content h2{
color:#aaa;
text-shadow: 1px 1px 1px #fff;
background-color:transparent;
font-size:14px;
}
.item_content a{
background-color:transparent;
float:left;
margin-right:7px;
margin-top:3px;
color:#bbb;
text-shadow: 1px 1px 1px #fff;
text-decoration:none;
font-size:12px;
}
.item_content a:hover{
color:#0b965b;
}
.item_content p {
background-color:transparent;
display:none;
}
.item_content p input{
border:1px solid #ccc;
padding:1px;
width:155px;
float:left;
margin-right:5px;
}

6. Masih dalam Edit Template, sekarang sobat cari kode </body> lalu letakkan kode berikut ini di atas kode tersebut.

<!-- Sliding And Rolling -->


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'/>
<script src='http://otowebsite.googlecode.com/files/jquery-css-transform.js' type='text/javascript'/>
<script src='http://otowebsite.googlecode.com/files/jquery-animate-css-rotate-scale.js' type='text/javascript'/>
<script>
$('.item').hover(
function(){
var $this = $(this);
expand($this);
},
function(){
var $this = $(this);
collapse($this);
}
);
function expand($elem){
var angle = 0;
var t = setInterval(function () {
if(angle == 1440){
clearInterval(t);
return;
}
angle += 40;
$('.link',$elem).stop().animate({rotate: '+=-40deg'}, 0);
},10);
$elem.stop().animate({width:'268px'}, 1000)
.find('.item_content').fadeIn(400,function(){
$(this).find('p').stop(true,true).fadeIn(600);
});
}
function collapse($elem){
var angle = 1440;
var t = setInterval(function () {
if(angle == 0){
clearInterval(t);
return;
}
angle -= 40;
$('.link',$elem).stop().animate({rotate: '+=40deg'}, 0);
},10);
$elem.stop().animate({width:'52px'}, 1000)
.find('.item_content').stop(true,true).fadeOut()
.find('p').stop(true,true).fadeOut();
}


</script>


7. Simpan template.

8. Sekarang adalah langkah untuk meletakkan Menu Rocking & Rolling ini, sobat bisa meletakkan Menu Rocking & Rolling ini di elemen HTML/Java Script.

9. Pada Dasbor klick Rancangan ➨ Tambah Gadget ➨ Pilih elemen HTML/Java Script.

10. Lalu copy kode di bawah ini dan paste atau letakkan di dalam elemen HTML/Java Script tadi.

<div class="menu">
<div class="item">
<a class="link icon_mail"></a>
<div class="item_content">
<h2>Contact us</h2>
<p>
<a href="#">eMail</a>
<a href="#">Twitter</a>
<a href="#">Facebook</a>
</p>
</div>
</div>
<div class="item">
<a class="link icon_help"></a>
<div class="item_content">
<h2>Help</h2>
<p>
<a href="#">FAQ</a>
<a href="#">Live Support</a>
<a href="#">Tickets</a>
</p>
</div>
</div>
<div class="item">
<a class="link icon_find"></a>
<div class="item_content">
<h2>Search</h2>
<p>
<input type="text"></input>
<a href="">Go</a>
</p>
</div>
</div>
<div class="item">
<a class="link icon_photos"></a>
<div class="item_content">
<h2>Image Gallery</h2>
<p>
<a href="#">Categories</a>
<a href="#">Archives</a>
<a href="#">Featured</a>
</p>
</div>
</div>
<div class="item">
<a class="link icon_home"></a>
<div class="item_content">
<h2>Start from here</h2>
<p>
<a href="#">Services</a>
<a href="#">Portfolio</a>
<a href="#">Pricing</a>
</p>
</div>
</div>
</div>


11. Simpan.

NB : Ganti tanda pagar (#) dengan url tujuan.

Sampai disini sobat sudah memiliki menu rocking rolling yang keren. Selamat.


Script by  : http://otowebsite.blogspot.com

Thursday, February 14, 2013

Cara Membuat Kategori Otomatis Dengan Thumbnail

Fitur kategori otomatis dengan thumbnail ini menampilkan kategori berdasarkan nama kategori beserta gambar thumbnail dengan ringkasan artikel. Sangat cocok buat sobat blogger yang ingin membangun blognya bertema magazine.

Contoh penerapan dari fitur kategori otomatis dengan thumbnail bisa anda lihat demonya pada Fresh Revolution Template.


Kategori atau label yang diinginkan akan tampil secara otomatis tanpa sobat harus mengeditnya setiap saat.
Apa yang harus dipersiapkan? yang harus sobat persiapkan hanyalah nama kategori yang ingin di tampilkan. Namun perlu diketahui bahwa nama label ini bersifat case-sensitive artinya nama yang di pasang hurufnya harus sama persis dengan label di blog, misal nama kategori Kesehatan berbeda dengan kesehatan oleh karenanya pastikan terlebih dahulu bahwa nama label sama persis hurufnya.

Cara yang mudah untuk melihat nama label secara tepat adalah coba tampilkan terlebih dahulu widget label di blog anda, kemudian sorot nama label yang diinginkan kemudian lihat pada statusbar browser internet sobat.

label name

Terlihat bahwa label Featured, nama label sebenarnya adalah featured (huruf kecil semua), ini terjadi karena tampilan di blog di pengaruhi oleh setting CSS. Dalam hal ini, yang diperlukan adalah nama label asli.
Berikut adalah langkah-langkah untuk membuat fitur kategori otomatis dengan thumbnail.

Langkah pertama

  1. Login ke blogger dengan ID sobat. 
  2. Klik Rancangan.
    rancangan
  3. Klik tab Edit HTML.
  4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
  5. Carilah kode ]]></b:skin>, copy lalu paste kode berikut persis diatas kode ]]></b:skin>

/*** Featured Categories ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}
 
6. Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head>
 
 <script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpD5NidEs1EbgZLmCMPR_GvhSa4o6jPHGkab5ESOOtexIolx49xGFkpjD61JZUulunYnttJ_Y9HNieKDeR3utng-2y_nDcruID7wMtOdjKhtl9YbWEVyGSRTgvTGa0A-6zKIxE96megOVA/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>
  1. Klik tombol SIMPAN TEMPLATE.
  2. Langkah pertama selesai.

Langkah kedua

  1. Klik tab Rancangan.
    rancangan
  2. Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu Elemen Laman.
    elemen laman
  3. Klik Tambah Gadget untuk menambahkan gadget baru.
    tambah gadget
  4. Setelah muncul jendela baru, klik tanda plus untuk HTML/JavaScript
    html javascript 
  5. Copy script dibawah ini, lalu paste pada kolom yang tersedia. Beri juga judul yang sesuai dengan yang anda inginkan. Namun sebelumnya sobat harus mengubah tulisan yang di beri warna merah dengan nama kategori yang di inginkan.

    <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/Gadget?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    gadget corner 
  6. Klik tombol SIMPAN
  7. Langkah kedua Selesai.
Jika sobat ingin menambahkan widget lain untuk nama kategori yang lain, sobat hanya melakukan hal yang sama dengan langkah-langkah diatas.

Apakah script diatas bisa di customisasi? bisa. Dalam kode diatas ada bebebrapa yang dapat sobat atur misal jumlah karakter yang ingin di tampilkan, thumbnail, jumlah posting, tanggal posting, komentar, serta more link.

Dalam script tersebut ada tulisan severti ini :
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var showcommentnum = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
Kode berwarna merah adalah kode yang bisa anda edit, true berarti tampilkan, false berarti jangan di tampilkan, 80 adalah jumlah karakter, silahkan coba-coba ganti saja.

Source

Monday, February 11, 2013

Widget Posting Terbaru Dengan Tooltip dan Thumbnail


Widget recent post dengan gambar mini mungkin sudah biasa sobat temukan. Tapi mungkin sobat mau mencoba yang satu ini. Widget recent post dengan thumbnail dan tooltip :


Untuk membuatnya, pertama-tama masuk ke halaman tata letak dengan mengeklik menu Tata Letak:

Tambahkan sebuah elemen halaman HTML/JavaScript, kemudian salin semua kode ini dan letakkan di dalam formulirnya:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<style type="text/css" scoped="scoped">
#mini-gallery {
width:380px; /* Tentukan lebar yang tepat sesuka hati atau buang saja deklarasi ini */
margin:0 auto;
font:normal normal 11px Verdana,Arial,Sans-Serif;
color:#666;
padding:8px;
background-color:#222;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);
box-shadow:0 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}


#mini-gallery h2 {
font:normal normal 14px Impact,"Arial Narrow",Arial,Sans-Serif;
color:#999;
text-shadow:0 1px 0 black;
text-transform:uppercase;
margin:2px 2px 2px;
padding:7px 14px;
background-color:#3c3c3c;
}


#mini-gallery .rp-item {
float:left;
display:inline;
position:relative;
margin:2px;
padding:0 0;
background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%;
width:72px;
height:72px;
}


#mini-gallery .rp-item img {
width:72px;
height:72px;
border:none !important;
margin:0 0 !important;
padding:0 0 !important;
background:transparent !important;
display:none;
}


#mini-gallery .rp-item .rp-child {
position:absolute;
top:95%;
left:95%;
z-index:1000;
width:200px;
background-color:white;
border-top:4px solid #3399ff;
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.7);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.7);
box-shadow:0 0 3px rgba(0,0,0,0.7);
padding:10px 15px;
overflow:hidden;
word-wrap:break-word;
display:none;
}


#mini-gallery .rp-item .rp-child h4 {
font-size:12px;
margin:0 0 5px;
color:#2473A8;
}


#mini-gallery .rp-item:hover .hidden {display:block}
</style>
<script type="text/javascript">
var rpTitle = "Artikel Terbaru", // Tentukan judul widget
numposts = 20, // Tentukan jumlah thumbnail/posting
numchar = 300, // Tentukan jumlah karakter pada deskripsi tooltip
rcFadeSpeed = 600, // Tentukan kecepatan efek .fadeIn() saat tooltip tampil
pBlank = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg", // Thumbnail cadangan jika posting yang tampil tidak memiliki gambar
blogURL = "http://nama_blog.blogspot.com"; // Alamat blogmu
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/rp-mini-gallery.js" type="text/javascript"></script>


Ganti URL http://nama_blog.blogspot.com dengan alamat blog sobat. Tentukan judul widget pada variabel rpTitle, tentukan jumlah posting yang ditampilkan (gambar mini) pada variabel numposts, tentukan juga jumlah karakter/ringkasan artikel yang akan muncul pada variabel numchar.

Kode yang Saya beri tanda kuning adalah JQuery. Jika template sobat sudah dilengkapi dengan JQuery, buang kode itu dari widget.

Klik Simpan dan lihat hasilnya.

Tuesday, February 5, 2013

Cara Membuat Slider Otomatis Vertikal Image


Cara Membuat Slider Otomatis Vertikal Image - Kali ini saya akan memberikan satu lagi tutorial membuat slider, yaitu slider otomatis untuk image atau gambar vertikal. Slide ini karya dari maskolis.com. Untuk apa kegunaanya dan kira-kira cocok untuk blog bertema apa ? Nanti sobat bisa lihat sendiri di demo live nya.

Slider ini sangat sederhana, dan bekerja secara otomatis berdasarkan artikel terbaru dan kategori tertentu. Untuk lebih jelas silahkan klik demo diatas, slider ini bisa diletakkan di sidebar dengan ukuran lebar 300px. Slider ini sekilas terlihat seperti slider yang ada pada template-template dari designer India seperti Lasantha Bandara, Lansindu, Sameera dan lainnya, yang masih memasukkan gambar dan URL secara manual.  Jika sobat pengguna template buatan mereka, dan ingin mengganti agar slider bekerja secara otomatis, silahkan simak berikut langkah-langkah pembuatannya :

  1. Setelah login ke Blogger, pilih blog yang ingin ditambahkan slider ini.
  2. Kemudian masuk ke Template >> Edit HTML (centang kotak expand widget templates)
  3. Di back up atau disimpan dulu templatenya, jika sewaktu-waktu terjadi kesalahan bisa dikembalikan ke bentuk semula.
  4. Klik "Buka" dan masukkan kode berikut di atas kode ]]></b:skin> 
/* Slider */
.sompret-wrapper {float:right; position: relative;}
.sompret { overflow: hidden; position: relative; width:300px; height:400px;}
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img {overflow: hidden;float: left;width:300px; height:auto;}
.paging {background:#878773; border:1px solid #676756;padding: 4px 0 2px; text-align: right;z-index: 100; }
.paging a { text-indent:-9999px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DsfkG_qO4ej5xKgbBFz9Jr0yD9DHUuJlHWnEETBuBQHE3HKKxkY8SEQhLm1vljJ5EgfdOxCsEFUSNdnjFdi6re1dDOZzJ8cSgBBn1pwYzeDLYi4W3T9tmv14t3lH6EG-wdZmMwleFhc/s1600/slider_item.png) no-repeat center; width:10px; height:10px; display:inline-block;margin:3px; border:none; outline:none; }
.paging a.active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimbALbxhAf0QDCjPZOVj1kFGtooutqvdyxiEUOBfcvKoeaXh1Ft0glXVAOQRAaNiyT292NkC51qG7_RMXPV5yAPIRRWqFDSTE-Uw-GgtQT1vWbGzjRgRz0KKqQv3ZjWkXgv4e8pvvcZpI/s1600/slider_item_active.png) no-repeat center; border:none; outline:none;}
.paging a:hover {font-weight: bold; border:none; outline:none;}
.crott { width:280px; display: none; position:absolute;bottom: 0; left: 0; z-index: 101; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNyZq7vLTRUWRLSbPEBO0ykycma0hgx47ib0nvHAMD3xmiuoNwKbxU_jdQy39r8tXwimpE2P4hwPi1c1FISliWDP4w4w580BOCIyYCfk0gI1FBLtHkGnhaJQaZyWkLPRR4TsbOES-QmrU/s1600/uj-opacity-40.png);padding:5px 10px;  }
.crott a{color: #fff;font: 16px Oswald }
.crott p{color: #fff;font: 12px Arial;}

Kode warna merah diatas adalah ukuran slider, untuk lebar 300px dan tinggi 400px. Perhatikan semua dan Anda harus sesuaikan dengan ukuran sidebar pada template yang Anda gunakan.
5. Masih di Edit HTML, masukkan kode script berikut ini diatas </head> :

<script src='http://code.jquery.com/jquery-1.8.3.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {

//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".sompret").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});

//Paging + Slider Function
rotate = function(){
   var triggerID = $active.attr("rel") - 1; //Get number of times to slide
   var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

   $(".paging a").removeClass('active'); //Remove all active class
   $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
 
$(".crott").stop(true,true).slideUp('slow');

$(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");

   //Slider Animation
   $(".image_reel").animate({
       left: -image_reelPosition
   }, 500 );


};

//Rotation + Timing Event
rotateSwitch = function(){
$(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");
   play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
       $active = $('.paging a.active').next();
       if ( $active.length === 0) { //If paging reaches the end...
           $active = $('.paging a:first'); //go back to first
       }
       rotate(); //Trigger the paging and slider function
   }, 10000); //Timer speed in milliseconds (3 seconds)

};

rotateSwitch(); //Run function on launch

 //On Click
    $(".paging a").click(function() {  
        $active = $(this); //Activate the clicked paging
        //Reset Timer
        clearInterval(play); //Stop the rotation
        rotate(); //Trigger rotation immediately
        rotateSwitch(); // Resume rotation
        return false; //Prevent browser jump to link anchor
    });  

});

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyxnkDBUcLmMLS2P8C8FV8tiTSuwZ60swRXed3hVc534YToAD-x5ljsRrbdhsNw5TCwBHQRYDNn2wAeRsTA8lrV7jHdWsLmfGQfM2guIfL9PXyiAy_ovzVTEMJsgeDuJsKn_So7bxawsY/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost1 = 80;
summaryTitle = 20;
numposts1 = 6;

function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
        if(s[i].indexOf(">")!=-1){
            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
        }
    }
    s =  s.join("");
    s = s.substring(0,chop-1);
    return s;
}

function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
   
  for (var i = 0; i < numposts1; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }
    }

for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
        pcm = entry.link[k].title.split(" ")[0];
        break;
      }
    }

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
   
    postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = m+ ' ' + day + ' ' + y ;

var trtd = '<div class="crott"><a href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost1)+'... </p></div>';
document.write(trtd);    

 j++;
}

}

function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img  = new Array();
 
  for (var i = 0; i < numposts1 ; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }
    }

for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
        pcm = entry.link[k].title.split(" ")[0];
        break;
      }
    }

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
   
    postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<a href="'+posturl+'"><img src="'+img[i]+'"/></a>';
document.write(trtd);    

 j++;
}

}
 //]]>
</script>

Perhatikan kode script warna merah paling atas, jika pada template Anda sudah terpasang script itu seri berapapun, kode script itu tidak usah diikutkan, hanya satu jquery yang ada pada sebuah template jika ada dua atau lebih akan bentrok dan salah satu fungsinya tidak jalan.. numposts:6; adalah jumlah post yang tampil pada slider.
6. Sekarang sobat tinggal mau meletakkan slider itu dimana, jika ingin diletakkan di sidebar sebelah kanan paling atas seperti terlihat pada demo. Cari kode <div id='sidebar-wrapper'> atau kode pembungkus sidebar yang ada pada template Anda, kemudian letakkan kode berikut ini sebelum atau diatas <div id='sidebar-wrapper'> :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='sompret-wrapper'>
<div class='sompret'>
<div class='image_reel'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='description'>
<script>    
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</div>
<div class='paging'>
<a href='#' rel='1'/>
<a href='#' rel='2'/>
<a href='#' rel='3'/>
<a href='#' rel='4'/>
<a href='#' rel='5'/>
<a href='#' rel='6'/>
</div>
</div></b:if>

Slider diatas bisa sobat modifikasi sendiri, sobat juga bisa gunakan slider ini untuk gambar horisontal (tidak harus vertikal) berusahalah untuk lebih kreatif dengan merubah ukuran panjang dan lebarnya.

Source : www.maskolis.com

Monday, February 4, 2013

Cara Membuat Social Sharing Icon Angry Birds

Cara Membuat Social Sharing Icon Angry Birds - Buat sobat blogger yang ingin membuat social sharing icon dengan tampilan yang berbeda, mungkin tips yang satu ini bisa di coba. Social sharing yang kali ini saya share berbentuk angry bird. Social share ini selain bentuknya yang unik, juga sangat berbeda dengan social share yang lain. Dan tips ini saya dapat dari blognya mas www.vikrymadz.web.id.

Seperti apa Cara Membuat Social Sharing Icon Angry Birds ini ?? silahkan sobat ikuti step-step berikut :
  • Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
/* Vikrymadz */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

  • Kemudian buka menu tata letak > add gadget/tambah gadget (HTML/JavaScript)
  • Lalu masukkan kode dibawah ini
<ul class="bubblewrap">

<li><a href="https://plus.google.com/112967100591602380317"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwvdV2VjUNXYWEXm7La5o_XklAV7xRqTW869Jqq0LAFvspneXdtgrTu1RjkfrOgsps2vmSSY0YoIltvYHtYv3EwDSTflqmeMUltOBYtgaK1dH71TzyNQhVXvDsNJCP3ObTWDMMFClQqo8/s1600/bloggertrix-googleplus.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZx8RFgvtpm670MqQdgXQo38BXX8TxmGBpxHhPMEXzPHJFTHqZyxZYfGYFfRsxUBKQ4BBLkiRm-Uthj-8ODjeb8oyWxWeONjs2AI0jU01ESrkirhuKaMHHhOYUR5_9mMnkN8MDNR82M-E/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.youtube.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaF_nmB5h-G3ulE7JFmhxfcX8HlKIDwXHeRXIHtCUdaTqPLm0RIf5kVq6b2nrOS5K2lxGY6Sgt95UR58wfIu5MU2x1_aKqw5rnj3yqkX4_bhsXJS3tQtEdYp2Nw90yjVKmP4oLU01_v14/s1600/bloggertrix-youtube.png" title="Add to Youtube" /></a></li>

<li><a href="http://www.twitter/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrC_3fGTJ6rdqU4AnfpqLSeAUF_YkhQFpy9k1_I64fyw1JOU2O-B1VfQyWyy7MUxa16hHhYgqH83WvJ8qw2ri9qssSj4zI1nDQDkrUQSlhWyAoQGpBs65M1TKbdkdicEVNxc9jTTEl2k/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiw8dO83GAOiHdTUdLYqt1dGlDaICnT-DFH1k1KAQ25XwqDRyWnqcEziztYDAjvkQdULq3937DM9j8-TBprrygY9lFIkG3EJZG_xU6fFt_b8PyiK09MDLd76tiYNI5v8AGopV_EgPwKfc/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul>

  • Simpan
Sampai disini sobat sudah mempunyai social share icon yang berbeda dengan yang lain, yaitu social share berbentuk angry bird.

Selamat Mencoba, Semoga bermanfaat.

Tuesday, January 29, 2013

Perbedaan trademark™, Copyright© dan Registered trademark®


Perbedaan trademark™, copyright© dan registered trademark®. Paten adalah hak khusus yang diberikan oleh Negara kepada penemu atas hasil penemuannya di bidang teknologi (dapat berupa proses atau hasil produksi atau penyempurnaan dan pengembangan proses atau hasil produksi), untuk selama waktu tertentu melaksanakan sendiri penemuannya tersebut atau memberikan persetujuannya kepada orang lain untuk melaksanakannya.

Pemegang paten memiliki hak khusus untuk melaksanakan paten yang dimilikinya, dan melarang orang lain yang tanpa persetujuannya :
-dalam hal paten produk : membuat, menjual, mengimpor, menyewakan, menyerahkan, memakai, menyediakan untuk dijual atau disewakan atau diserahkan hasil produksi yang diberi paten;
-dalam hal paten proses : menggunakan proses produksi yang diberi paten untuk membuat barang dan tindakan lainnya sebagaimana dimaksud dalam


®Registered Trademark
Dipakai sebagai pemberitahuan merek dagang dari sebuah produk ataupun jasa komersial yang sudah terdaftar di Kantor Paten Nasional. Hak eksklusif dari sebuah merek dagang terdaftar akan terus dimiliki sepanjang merek dagang itu di-register ulang oleh pemiliknya secara rutin (biasanya tiap 5 tahun). Jadi simbol ini disematkan apabila merek dagang sudah terdaftar secara resmi.

Untuk merek yang sudah terdaftar secara lokal untuk dapat diakui secara internasional maka harus di daftarkan di negara-negara lain hal ini dimaksudkan agar merek tersebut juga mendapat perlindungan hukum di negara yang bersangkutan, begitu juga sebaliknya untuk merek internasional sebaiknya di daftarkan juga di Indonesia. Untuk di Indonesia di daftarkan di Direktorat Hak Kekayaan Intelektual di bawah Departemen Hukum dan HAM sedangkan di luar negeri tergantung di departmen yang berkaitan misal kalau di US itu dibawah Department of Commerce.

™Trademark

Digunakan sebagai pemberitahuan merek dagang dari sebuah produk atau jasa komersial yang belum terdaftar di Kantor Paten Nasional namun prosesnya sudah di setujui.
Istilahnya proses pembuatan suatu produk kita sudah disetujui menggunakan proses seperti ini, namun produk yg kita hasilkan belum secara resmi terdaftar. Simbol trademark bisa disematkan apabila proses kita di setujui.

Copyright©


Hak cipta (lambang internasional: ©) adalah hak eksklusif Pencipta atau Pemegang Hak Cipta untuk mengatur penggunaan hasil penuangan gagasan atau informasi tertentu. Pada dasarnya, hak cipta merupakan "hak untuk menyalin suatu ciptaan". Hak cipta dapat juga memungkinkan pemegang hak tersebut untuk membatasi penggandaan tidak sah atas suatu ciptaan. Pada umumnya pula, hak cipta memiliki masa berlaku tertentu yang terbatas.

Simbol ini digunakan sebagai pemberitahuan hak cipta atas semua hasil kerja kreatif (sastra, artistik, dll) yang diatur oleh Universal Copyright Law. Durasinya bervariasi di tiap negara namun biasanya hingga seumur hidup si pencipta + 70 tahun. Hak cipta merupakan salah satu jenis hak kekayaan intelektual, namun hak cipta berbeda secara mencolok dari hak kekayaan intelektual lainnya (seperti paten, yang memberikan hak monopoli atas penggunaan invensi), karena hak cipta bukan merupakan hak monopoli untuk melakukan sesuatu, melainkan hak untuk mencegah orang lain yang melakukannya.

Source : www.vikrymadz.web.id

Software Gratis Untuk Membuat Artikel Unik


Software Gratis Untuk Membuat Artikel Unik - Buat sobat blogger yang sedang sibuk mengurus blog bahasa inggrisnya, pasti kendala pertama yang dialami adalah masalah konten. Jangankan berbahasa inggris, yang berbahasa indonesia saja pasti juga agak kesulitan untuk soal konten. Saya sendiri juga mengalami kesulitan untuk membuat artikel bahasa inggris, maklum pas-pasan kemampuan bahasa inggris saya. Akhirnya kalau lagi malas membuat sendiri, ujung-ujungnya minta bantuan mbah google atau menggunakan software spinner untuk membuat artikel unik.

Konten yang unik memang sangat mutlak diperlukan untuk seorang blogger. Entah itu yang terjun main adsense, berjualan amazon, clickbank, bahkan untuk toko online kalau sobat blogger menargetkan pejualan dari luar.

Seperti yang sudah saya sebutkan diatas, untuk membuat artikel unik dalam bahasa inggris, terkadang saya menggunakan software gratis, walaupun tidak seratus persen langsung saya copi paste ke blog, karena terkadang masih dibutuhkan sedikit edit dalam susunan gramer nya. Tapi software gratis ini cukup membantu menurut saya.

Cara kerja dari Tools spinner itu sendiri adalah menspin sebuah artikel dengan mencari persamaan kata dari setiap kata-kata yang ada dalam kalimat sebuah artikel, atau keren nya mencari kata-kata sinonim sehingga nanti artikel yang kita spin jadi berubah,tapi maksud dan isinya masih tetap sama dengan artikel aslinya yang kita spin.

Tools ini  anda gunakan  khusus untuk membuat artikel yang berbahasa inggris saja, jadi pekerjaan update blog jadi mudah. Sobat tinggal cari artikel yang sesuai dengan diskripsi content blog sobat, lalu copypaste dan spin pakai tools software spinner ini. Sobat tinggal masukkan artikel hasil copypaste ke dalam kotak yang telah di sediakan, selanjutnya klik next, dan tools software spinner ini akan bekerja secara otomatis untuk menspin artikel tersebut. setelah proses sampai 100% sobat klik next lagi,dan tools akan melakukan rewriting artikel tersebut, lalu tunggu bebrapa saat sampai proses selesai, dan selanjutnya artikel hasil spin  rewriting tersebut sudah siap anda posting di blog sobat.

Berikut  Software Gratis Untuk Membuat Artikel Unik :

1.  Software smallseotools

2.  Software Free Article Spinner
 
3.. Article changer

4.  Article Rewriter

5.  Unique Article Generator


Okey, cukup sekian. Semoga artikel ini bermanfaat untuk sobat semua.

Sunday, January 27, 2013

Hapus Software Dengan Revo Uninstaller Hingga Ke Akar-Akarnya..


Akupun sempat bingung juga saat mencoba menghapus software yang ku rasa gak penting dan hanya memperlambat loadingnya komputer dan biar komputernya agak cepat loadingnya.. Dan setelah kehapus,, ku pikir emang udah hilang dan gak ada lagi.. Tapi tau-taunya komputernya masih lelet.. Sempat kesal juga sih..


Tapi pas waktu dikasih saran sama temen yang katanya lebih enak pake Revo Uninstaller,, soalnya kalau dengan Revo itu bisa menghapus software yang udah gak kita pake hingga ke akar-akarnya sekalipun..


Penasaran juga sih pengen nyoba,, kayak mana tu Revo Uninstaller.. Syukur Alhamdulillah,, setelah kupake Revo dan ternyata emang benar.. Softwarenya akan dihapus sampai ke akar-akarnya..!!


Disini ku juga pengen bagi-bagi sedikit cerita dan cara.. Dan kalau kalian juga pengen nyoba silahkan ikuti langkah-langkahnya.. Karena sekarang sudah ada Revo Uninstaller yang siap meringankan beban komputer kalian.. ☺ Heheee..

Software Revo Uninstaller ini terbagi menjadi 2 Versi yaitu Versi Freeware dan Versi Profesional,, tapi kalau untuk Versi Profesional itu hanya tersedia Trial 30 hari saja,, dan hari setelah itu wajib bayar,, yang mana semua kelebihannya semua fitur bisa dipakai secara lengkap selama 30 hari tadi.. Tapi bila kalian lebih suka yang gratisan tanpa harus bayar silahkan coba Versi Freeware aja... Selain itu juga ada Revo Uninstaller Portable tapi disini ku ingin berbagi tentang cara penggunaan yang Versi Freeware.. Karena ku juga make yang Free.. Hehee.. ☺


Langkah 1..!!

Disini aku menggunakan Revo Uninstaller Versi 1.94.. Untuk kalian yang ingin Download silahkan Klik disini Via 4Shared ► Revo Uninstaller ◄ cuma 2.5 MB kok..

Langkah 2..!!

Jalankan Software Revosetup.exe yang udah kalian Download tadi.. Maka akan muncul jendela Installer Language.. Silahkan kalian pilih Bahasanya dan ikuti petunjuk Installnya sampai selesai,, Cara Installnya juga gampang kok..

Lanjut aja Klik OK..

Lanjut Next >..

Pada License Agreement,, Beri Tanda Centang pada I Accept The Terms Of The License Agreement,, Dan lanjut Next >..

Pada jendela Choose Install Location,, Silahkan pilih dimana akan kalian Install Revo nya,, Trus Klik Install..

Jika Prosess Install lancar maka akan muncul jendela Completing The Revo Uninstaller 1.94 Setup Wizard.. Finish..

Langkah 3..!!

Setelah kalian Klik Finish,, Maka akan terbuka jendela seperti gambar dibawah ini,, Dan jika tidak terbuka jendelanya,, Kalian klik aja Icon Shortcut Revo Uninstaller yang ada di Desktop Komputer kalian..


Ada beberapa bagian utama pada Software ini yaitu Tab Uninstaller,, Tools dan Views... Itu semua untuk bagian Uninstaller yang akan kita gunakan untuk Menghapus Aplikasi atau Software..

Bagian Tools merupakan fungsi tambahan yang ada pada Aplikasi ini,, Yaitu seperti Autorun,, Manager yang akan menampilkan Daftar Aplikasi yang dijalankan ketika komputer baru dinyalakan,, Windows Tools menampilkan fitur-fitur bantuan seperti System Restore ataupun Disk Defragmenter serta Junk Files Cleaner yang bisa digunakan untuk menghapus sampah file-file Docs ataupun Thumbs..

Langkah 4..!!

Dari jendela itu kita bisa melihat semua Aplikasi yang telah kita Install,, Selanjutnya kita tinggal memilih Aplikasi yang akan kita hapus lalu Klik Kanan pada Aplikasi tersebut maka akan ada muncul Pilihan lalu Klik Uninstall..


Setelah kalian Meng-Klik Uninstall maka akan muncul Kotak Jendela Are You Sure That Want To Uninstall The Selected Program? kalian tinggal Klik Yes aja..


Selanjutnya akan muncul lagi jendela baru... Dan disini kita diminta menentukan pilihan Mode Uninstall seperti gambar dibawah dan disini aku memilih Advanced lanjut Klik Next..



Jika Proses Loadingnya sudah selesai,, Terkadang kala akan ada muncul jendela Peringatan bahwa Software tersebut telah dihapus dan apakah kalian ingin melanjutkan ataupun tidak,, Klik aja Yes.. Seperti gambar dibawah..


Dan pada tahap selanjutnya Revo akan melakukan Scanning dimana akan memeriksa berapa banyak Aplikasi tersebut yang bersangkut-paut dengan Komputer,, Kalian tinggal klik aja Next untuk masuk ke tahap Scanning For Leftover Information.. 


Tapi kalau yang ini agak memakan waktu yang lumayan juga sih,, Tergantung dari Aplikasi yang kita hapus,, Apakah banyak meninggalkan sampah-sampahnya atau tidak.. 

Tunggu aja hingga Proses Loadingnya selesai,, Dan setelah itu akan muncul jendela Found Leftover Registry Items dan disini akan terlihat berapa banyak File Registry yang terdapat pada Aplikasi tersebut,, Disini tergantung kita aja,, Apakah kita ingin menghapus File Registrynya atau tidak.. Kalau kalian ingin menghapus semua Filenya Klik Select All terus pilih Delete.. 


Dan jika ada muncul Peringatan Are You Sure That You Want To Delete The Selected Registry Items?,, Lanjut aja Yes..

Dan jika menghapusnya lancar-lancar aja,, Maka akan muncul jendela seperti gambar dibawah ini,, Bahwa File-File Registry telah berhasil dihapus.. Lanjut Next..


Untuk selanjutnya pada jendela Found Leftover Files And Folders,, Dan disini akan terlihat berapa banyak File-File dan Folder yang telah buatnya pada Komputer kalian.. Lanjut aja pilih Select All terus Delete..


Jika ada muncul juga Peringatan Are You Sure That Want To Send The Selected Files To Recycle Bin?,, Lanjut aja Klik Yes..

Setelah Proses Menghapus File dan Folder tersebut selesai,, Maka daftar tadi akan kosong seperti gambar dibawah ini,, lanjut Klik Next..


Tapi terkadang kala ada juga muncul Pemberitahuan,, Bahwa ada file yang tidak bisa dihapus untuk saat ini dan akan dihapus setelah kita Restart Komputernya,, Dan kalau seandainya itu yang keluar batalkan aja dan klik aja Tombol Next..

Apabila Prosesnya sudah selesai sampai akhir,, Maka akan ada tampil gambar seperti berikut ini,, Bahwa Uninstall telah selesai dan Klik Finish.. Itu artinya semua berkas-berkas yang ada di data Komputer kalian telah terhapus sampai ke Akar-Akarnya..


Hhmm... Cukup mudah kan,, Dan selamat mencoba untuk kalian yang pengen menghapus Aplikasi yang slama ini gak bisa terhapus.. Untuk mempercepat loading Komputer kalian..