Memperbaiki: tutorial blog

Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Minggu, 12 April 2020

Inilah 6 Cara Menghasilkan Uang dari Youtube | Memperbaiki

Mungkin diantara kalian ada yang belum paham bagaimana sih caranya menghasilkan uang dari Youtube?. Saat ini Youtube sudah menjadi salah satu sumber penghasilan bagi para Youtuber, ada yang penghasilannya ratusan ribu perbulan bahkan sampai milyaran perbulan. Are you serious? of course.

6 Cara Menghasilkan Uang dari Youtube

Jika anda ingin mendapatkan uang dari Youtube maka anda harus mengupload konten video yang unik dan menarik ke Youtube. Peluang anda mendapatkan penghasilan akan semakin besar seiring banyaknya viewer. Saat ini banyak sekali orang yang menghasilkan uang dari video-video yang mereka upload ke Youtube, bahkan ada orang yang menghasilkan uang puluhan juta hingga ratusan juta rupiah per bulan. Anda juga mau kan? Lantas, dari manakah uang tersebut?

Berikut gambarannya, berbagai jenis video bisa anda temukan di Youtube, mulai dari video tutorial, video musik, video berita, video lucu, video teknologi, video cuplikan film, dan masih banyak lagi video lainnya. Saat anda mengunjungi salah satu Video di Youtube seringkali anda menjumpai iklan di sana, baik itu di bagian videonya ataupun di bagian sidebar. Iklan tersebut biasanya tampil pada video-video yang jumlah viewsnya cukup banyak. Penghasilan pemilik video berasal klik iklan atau jumlah views iklan yang muncul di video tersebut.

Berikut ini yang perlu anda lakukan agar bisa menjadi mitra Youtube dan menghasilkan uang dari layanan mereka. Berikut ini langkah-langkahnya :

1. Membuat Akun YouTube

Silahkan daftar email dari google (gmail). Jika anda sudah memiliki anda bisa login ke akun Google anda (gmail), setelah itu buka situs www.youtube.com. Langkah berikutnya adalah membuat Channel untuk akun YouTube Anda. Klik link “My Channel” yang ada di sebelah kiri. Nanti akan muncul pilihan, apakah kita akan menggunakan nama asli (nama sewaktu mendaftar email) atau menggunakan nama lain sebagai nama Channel di Youtube. Anda bisa gunakan nama lain sebagai nama Channel YouTube, misalnya nama domain website Anda atau nama khusus. Klik link “To use a business or other name, click here”, nanti anda akan diarahkan ke halaman baru.

2. Upload Video Secara Rutin

Rajinlah mengupload video, anda perlu terus update video. Youtube sendiri menginginkan kerjasama jangka panjang dengan para mitranya dan Youtube sangat menghargai mereka yang secara teratur mengupload video baru.

3. Pastikan Video Anda Tidak Melanggar Hak Cipta

Untuk bisa menghasilkan uang dari Youtube, konten video anda haruslah original. Konten video ini harus milik Anda sendiri atau video yang materinya tidak melanggar hak cipta orang lain, mulai dari materi videonya (video clip, image, logo) sampai backsound. Semakin banyak video yang di-upload ke Channel Anda, maka akan semakin besar peluang untuk mendapatkan penghasilan dari Youtube. Ingat, jangan pernah mengunggah materi video yang melanggar hak cipta orang lain ke dalam Channel Youtube anda karena hal tersebut bisa membuat akun anda bermasalah di kemudian hari. Tentu anda tidak ingin kalau akun anda dibanned bukan?

4. Tingkatkan Popularitas Channel YouTube Anda

Ada banyak cara yang bisa dilakukan untuk meningkatkan popularitas Channel YouTube. Diantaranya adalah:

- Seringlah mengupload video yang bermanfaat, unik, menarik dan berkualitas baik. Sebaiknya video yang anda upload memiliki resolusi yang baik dan tampilannya jelas tidak pecah-pecah.

- Fokus upload konten video yang sesuai dengan niche atau minat anda. Misalnya konsisten membuat video parodi. Jika anda konsisten maka subscriber anda akan bertambah banyak. Dengan begitu channel anda akan mudah dikenali oleh para pengguna YouTube.

5. Perbanyak dan Kembangkan Audiens Video Anda

Perbanyaklah viewer dan subscriber Channel anda. Ajak viewer anda untuk menjadi subscriber Channel YouTube anda. Promosikan video atau Channel YouTube Anda ke media sosial, seperti facebook, twitter,dll. Jika konten video anda benar-benar bagus, maka viewer dan subscriber tidak sungkan-sungkan men-share video anda diakun media sosial mereka.

6. Mendaftar Ke Google Adsense

Inilah bagian yang paling penting yaitu Google Adsense. Biasanya Channel yang memiliki video dengan banyak views akan mendapatkan undangan langsung dari Google Adsense. Tapi bila kita belum mendapatkan undangan tersebut, kita bisa mendaftarkan diri ke Google Adsense. Bila sebelumnya Anda sudah memiliki akun Google Adsense, maka Anda tidak perlu mendaftar lagi. Hubungkan akun Google Adsense anda ke akun Youtube anda, tentunya email yang digunakan harus sama. Setelah akun Adsense terhubung dengan akun Youtube, maka anda tinggal menunggu penghasilan yang masuk dari video-video anda.

Demikian 6 Cara Menghasilkan Uang dari Youtube, semoga kalian yang punya cita-cita menjadi Youtuber dapat lebih bersemangat untuk menggapainya. Salam sukses!

Selasa, 18 Februari 2020

tutorial blog

Inilah Cara Menghilangkan Nomor Urut Popular Post Viomagz | Memperbaiki

Admin 11.44 Comment

Pada postingan sebelumnya kita telah membahas mengenai Cara Menghapus Label Di atas Postingan Homepage Template VioMagz. Kali ini saya akan menulis tentang cara menghilangkan nomor urut viomagz. Meskipun mungkin cara seperti ini sudah banyak dibahas oleh teman -teman yang lain, tapi tidak ada salahnya juga saya share ulang untuk kalian yang belum tahu cara menghilangkan nomor urut viomagz.

Tampilan nomor pada popular post VioMagz

cara menghilangkan nomor urut popular post viomagz

Edit Tema HTML

Dibawah ini adalah langkah langkah untuk menghilangkannya, langkah pertama kalian buka Blogger > Pilih Tema > Edit HTML > Lalu kalian cari code seperti dibawah ini lalu hapus

.PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before {
 content: counter(num) !important;
 font-size: 30px;
 font-weight: 500;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 background: linear-gradient($(link.color), #fff);
 color: #fff !important;
 width: 30px;
 padding-top: 10px;
 text-align: center;
}
.PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet {
 margin-left: 34px;
}

`Save Tema HTML`

Kemudian save kembali template yang sudah kalian edit tadi, lalu kalian bisa lihat langsung lihat di blognya.

Demikian pembasan kita kali ini tentang cara menghilangkan nomor urut viomagz selamat mencoba dan semoga berhasil.

tutorial blog

Inilah Cara Membuat Social Icon Simple Keren di Blog | Memperbaiki

Admin 11.43 2 comments

Sebelumnya kita telah membahas mengenai Cara membuat Sitemap Pada Halaman Statis Blog dan untuk postingan saya kali ini akan membagikan Cara membuat Social icon. Untuk kalian yang belum tahu cara membuatnya dapat mengikuti tutorial dibawah ini:

Membuat Social Icon Simple Keren di Blog

Dalam Cara membuat social icon, sobat bisa menggunakan code Font Awesome dibawah ini, silahkan copy code dibawah ini. dan terapkan sebelum </head>


<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Jika sudah di terapkan, selanjutnya kalian ambil code CSS dibawah ini dan terapkan sebelum </style> atau </b:skin>.


/* SOCIAL ICON */
ul.nav-social {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav-social li {
display: inline-block;
padding: 0px 15px;
margin: 0;
}
ul.nav-social li a {
color: #999999;
}
ul.nav-social li a:hover {
color:#555;
}
ul.nav-social li a.fcb:hover {
color:#3B5A9B;
}
ul.nav-social li a.gpl:hover {
color:#DD4B39;
}
ul.nav-social li a.twt:hover {
color:#1BB2E9;
}
ul.nav-social li a.ytb:hover {
color:#ED3F41;
}
ul.nav-social li a.lkdn:hover {
color:#007fb2;
}
ul.nav-social li a.igicon:hover {
color:#527fa4;
}

Simpan kembali template yang sudah diedit tadi, jika css diatas sudah kalian terapkan.
Kemudian untuk menampilkan icon social media kalian bisa menggunakan kode dibawah ini.


<!-- social media button start -->
<ul class='nav-social'>
  <li><a class='fcb' href='https://www.facebook.com/official.agusgunawan' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></i></a>
  </li> 
  <li><a class='igicon' href='https://www.instagram.com/agusbegang' rel='nofollow'><i class='fa fa-instagram fa-2x'/></i></a>
  </li>
  <li><a class='gpl' href='https://plus.google.com/118016537449996287824' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'/></i></a>
  </li>
  <li><a class='twt' href='https://twitter.com/agus55666' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></i></a>
  </li>
          <li><a class='ytb' href='https://www.youtube.com/channel/UCEFZtLXXuLTM3oa96pzIw5g' rel='nofollow'><i class='fa fa-youtube fa-2x'/></i></a>
  </li>
</ul>
<!-- social media button end -->

Kalian dapat menyesuaikan kode diatas, dengan mengedit terlebih dahulu link yang ada pada code diatas, dengan link kalian masing-masing.

Demikian pembahasan mengenai Cara membuat social icon, semoga bermanfaat, selamat mencoba dan semoga berhasil.

tutorial blog

Inilah Cara Membuat Sitemap Pada Halaman Statis Blog | Memperbaiki

Admin 11.42 1 comment

Kita berjumpa lagi didunia maya, kali ini saya akan memberikan trik tentang bagaimana Cara membuat Sitemap Pada Halaman Statis Blog. Barangkali cara ini sudah banyak yang mempostingnya, tetapi tidak ada salahnya juga saya memposting ulang untuk teman-teman blogger setia pengunjung blog saya yang belum mengetahui cara membuatnya.

Tampilan sitemap yang akan kita buat tidak akan jauh berbeda dengan gambar diatas. Mari kita langsung saja membahasnya. Berikut ini adalah kode scriptnya:


<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Cara membuatnya adalah buka blogger > pilih Halaman > Buat Halaman baru > Pilih Dari tadinya Compose ganti Menjadi HTML > Lalu pastekan codenya, dan jangan lupa kalian beri judul halaman dengan sitemap, setelah itu kalian tinggal publikasikan.

Demikian teman - teman, sekarang sudah bisakan kalian membuatnya? saya cukupkan sekian dulu tentang Cara membuat Sitemap Pada Halaman Statis Blog, mohon maaf jika ada salah-salah kata atau pengetikan. Selamat mencoba dan semoga berhasil.

tutorial blog

Inilah Cara Memasang Google Translate di Blog | Memperbaiki

Admin 11.42 1 comment

Hallo kawan, pada kesempatan sebelumnya saya sudah pernah membagikan mengenai "Cara memasang Slide Demo Dan Download," untuk postingan saya selanjutnya akan membagikan trik kepada kalian mengenai cara Cara memasang GOOGLE TRANSLATE di blog. Mungkin cara yang akan saya share ini sudah banyak dibahas oelh blogger yang lain, tapi mungkin tidak ada salahnya jika saya coba ulas kembali.

Apabila kalian ingin memiliki tampilan "Google Translate," yang berbeda dengan tampilan bawaannya mungkin widget dibawah ini bisa menjadi solusinya untuk sobat. Baiklahl, angsung saja kita kepokok pembahasannya.
Caranya adalah sebagui berikut, silahkan ikuti dengan seksama:
Cara memasang GOOGLE TRANSLATE di blog

<style type="text/css">
#translator-wrapper {
  display:block;
  width:90%;
  max-width:300px; 
  border:none; 
  background-color:#fff;
  color:#444;
  overflow:hidden;
  position:relative;
  height:40px;
  line-height:40px;
  border:1px solid #e0e0e0;
}
#translator-wrapper select {
  border:none;
  background:transparent;
  font-family:'Verdana',Arial,Sans-Serif;
  font-size:12px;
  width:100%;
  color:#444;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-appearance:none;
  cursor:text;
  padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
  display:block;
  background-color:#4791d2;
  border:none;
  color:#fff;
  margin:0 0;
  text-decoration:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  cursor:pointer;
  width:14%;
  transition:all 0.3s ease; 
}
#translator-wrapper a:before {
  content:"";
  display:block;
  width:0;
  height:0;
  border:6px solid transparent;
  border-left-color:white;
  position:absolute;
  top:50%;
  left:45%;
  margin-top:-5px;
}
#translator-wrapper a:hover {opacity:0.9;}
#translator-wrapper a:active {opacity:0.9;}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
  border:none;
  outline:none;
  cursor:pointer;
}
option {
  background:#444;
  color:#e0e0e0;
}
</style>
<div id="translator-wrapper">
    <select id="translate-language">
        <option value="en" selected="selected">English</option>
        <option value="id">Indonesian</option>
        <option value="af">Afrikaans</option>
        <option value="sq">Albanian</option>
        <option value="ar">Arabic</option>
        <option value="hy">Armenian</option>
        <option value="az">Azerbaijani</option>
        <option value="eu">Basque</option>
        <option value="be">Belarusian</option>
        <option value="bn">Bengali</option>
        <option value="bg">Bulgarian</option>
        <option value="ca">Catalan</option>
        <option value="zh-CN">Chinese</option>
        <option value="hr">Croatian</option>
        <option value="cs">Czech</option>
        <option value="da">Danish</option>
        <option value="nl">Dutch</option>
        <option value="en">English</option>
        <option value="eo">Esperanto</option>
        <option value="et">Estonian</option>
        <option value="tl">Filipino</option>
        <option value="fi">Finnish</option>
        <option value="fr">French</option>
        <option value="gl">Galician</option>
        <option value="ka">Georgian</option>
        <option value="de">German</option>
        <option value="el">Greek</option>
        <option value="gu">Gujarati</option>
        <option value="ht">Haitian Creole</option>
        <option value="iw">Hebrew</option>
        <option value="hi">Hindi</option>
        <option value="hu">Hungarian</option>
        <option value="is">Icelandic</option>
        <option value="id">Indonesian</option>
        <option value="ga">Irish</option>
        <option value="it">Italian</option>
        <option value="ja">Japanese</option>
        <option value="kn">Kannada</option>
        <option value="ko">Korean</option>
        <option value="la">Latin</option>
        <option value="lv">Latvian</option>
        <option value="lt">Lithuanian</option>
        <option value="mk">Macedonian</option>
        <option value="ms">Malay</option>
        <option value="mt">Maltese</option>
        <option value="no">Norwegian</option>
        <option value="fa">Persian</option>
        <option value="pl">Polish</option>
        <option value="pt">Portuguese</option>
        <option value="ro">Romanian</option>
        <option value="ru">Russian</option>
        <option value="sr">Serbian</option>
        <option value="sk">Slovak</option>
        <option value="sl">Slovenian</option>
        <option value="es">Spanish</option>
        <option value="sw">Swahili</option>
        <option value="sv">Swedish</option>
        <option value="ta">Tamil</option>
        <option value="te">Telugu</option>
        <option value="th">Thai</option>
        <option value="tr">Turkish</option>
        <option value="uk">Ukrainian</option>
        <option value="ur">Urdu</option>
        <option value="vi">Vietnamese</option>
        <option value="cy">Welsh</option>
        <option value="yi">Yiddish</option>
    </select><a id="translate-me" href="#" title="Translate"></a>
</div>
<script type="text/javascript">
(function() {
    var mylang = "id", // Your website language
        anchor = document.getElementById('translate-me');
    anchor.onclick = function() {
        window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
        return false;
    };
})();
</script>

Cara untuk memasangnya diblog kalia adalah dengan kalian buka halaman / login ke blog masing-masing setelah itu kalian cari menu Tata Letak > Add widget > HTML/JAVASCRIPT > PASTEKAN CODE DIATAS DI COLOM KOSONG YANG SUDAH DISEDIAKAN > SAVE/SIMPAN

Demikianlah tentang bagaimana cara memasang GOOGLE TRANSLATE di blog, Semoga bermanfaat, selamat mencoba dan semoga berhasil.

tutorial blog

Inilah Cara Memasang Slide Demo Dan Download | Memperbaiki

Admin 11.41 Comment

Berjumpa kembali bersama saya, kali ini saya akan mencoba membagikan kepada teman teman pengunjung blog saya tentang Cara memasang Slide Demo Dan Download, barangkali cara seperti ini sudah tidak asing lagi untuk sebagian pengguna blogspot. Tetapi tidak ada salahnya saya share kembali untuk teman yang belum tahu cara dalam pembuatannya.

Baiklah, mari kita langsung saja ke pembahsan kita kali ini. Caranya adalah kalian pasang terlebih dahulu code "Font Awesome" dibawah ini.


<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Cara memasang kode diatas bagaimana dan cara meletakannya dimana? Letakan codenya tepat sebelum </head> . Setelah code diatas terpasang kita langsung saja ke bagian CSS, kalian bisa gunakan CSS dibawah ini.


#wrap {
    margin: 20px auto;
    text-align: center;
}

#wrap br {
    display: none;
}

.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.btn-slide2 {
    border: 2px solid #efa666;
}

.btn-slide:hover {
    background-color: #0099cc;
}

.btn-slide2:hover {
    background-color: #efa666;
}

.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.btn-slide2:hover span.circle2 {
    color: #efa666;
}

.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-slide2 span.circle2 {
    background-color: #efa666;
}

.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}

Taruhlah code "CSS" tepat sebelum </style> atau kalian bisa meletakkannya sebelum </b:skin>. setelah itu kalian save kembali template yang sudah di edit tadi. Untuk menggunakan di postingan blog kalian bisa menggunakan "CODE HTML" dibawah ini.


<div id="wrap">
<a href="#" class="btn-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">Demo</span>
  <span class="title-hover">Click here</span>
</a>
<a href="#" class="btn-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">Download</span>
  <span class="title-hover2">Click here</span>
</a>
</div>

Demikian cara dalam memasang slide demo dan download, selamat mencoba dan semoga bisa menambah wawasan teman teman.

Minggu, 12 April 2020

Inilah 6 Cara Menghasilkan Uang dari Youtube | Memperbaiki

1. Membuat Akun YouTube

2. Upload Video Secara Rutin

3. Pastikan Video Anda Tidak Melanggar Hak Cipta

4. Tingkatkan Popularitas Channel YouTube Anda

5. Perbanyak dan Kembangkan Audiens Video Anda

6. Mendaftar Ke Google Adsense

Selasa, 18 Februari 2020

Inilah Cara Menghilangkan Nomor Urut Popular Post Viomagz | Memperbaiki

Tampilan nomor pada popular post VioMagz

Edit Tema HTML

`Save Tema HTML`

Inilah Cara Membuat Social Icon Simple Keren di Blog | Memperbaiki

Inilah Cara Membuat Sitemap Pada Halaman Statis Blog | Memperbaiki

Inilah Cara Memasang Google Translate di Blog | Memperbaiki

Inilah Cara Memasang Slide Demo Dan Download | Memperbaiki

Latest Posts

Categories

Categories

Popular Posts

Formulir Kontak