Home » Posts filed under Blogger

Cara Menghilangkan Kode ?m=1 dan ?m=0 di Url Blogger

Anangzd.com - Cara Menghilangkan Kode ?m=1 atau ?m=0 Pada Alamat Url Blogger. Di alamat blogger atau url halaman postingan kalian ada kode ?m=1 atau ?m=0 ?. Kode - kode tersebut biasanya berada pada bagian belakang.

Contoh yang terjadi pada alamat blog saya https://www.anangzd.com/?m=1 atau https://www.anangzd.com/?m=0

Jika alamat url blog ada embel - embel kode tersebuat pasti terasa terganggu serta tidak nyamankan, sama saya juga merasakan sendiri.

Nah di artikel kali ini saya akan membahas cara Cara Menghilangkan Kode ?m=1 atau ?m=0 d Alamat Url dengan cepat dan sempurna.

Sebelum masuk ke pembahasan kalian harus tau apa arti ?m=1 dan  ?m=0 ?

kode ?m=1 adalah blog atau website sedang di jelajahi dengan perangkat mobile / seluler
Kode ?m=0 adalah blog atau website sedang di jelajahi dengan perangkat PC 

Nah sekarang kalain suah taukan apa itu arti kode di atas, yuk sekarang kita membahas cara meghilangkan kode tersebut di alamat url.



Cara Menghilangkan kode ?m=1 atau ?m=0 sebagai berikut :
  1. Buka dasbor blog atau website, masuk ke halaman tema lalu pilih Edit
  2. Cari kdoe </body>, lalu paste kode di bawah ini di atas </body>

    <script type='text/javascript'>
    var uri = window.location.toString();if (uri.indexOf(&quot;?m=1&quot;,&quot;?m=1&quot;) &gt; 0) {var clean_uri = uri.substring(0, uri.indexOf(&quot;?m=1&quot;));window.history.replaceState({}, document.title, clean_uri);}
    </script>

  3. Setelah itu save dan lihat url blog kalian pasti kode tersebut sudah hilang.

Bagaimana sangat mudah sekali bukan Cara Menghilangkan Kode ?m=1 dan ?m=0 d Alamat Url Pada Blogger. Semoga panduan ini dapat bermanfaat buat kalian.

Cara Memasang Lazy Load Google Adsense di Blog

Anangzd.com - Di kesempatan kali ini saya akan membahas Cara Memasang Lazy Load Google Adsense untuk Mempercepat Loading Blog. Dengan adanya pemasangan kode Lazy Load Adsense hal ini akan menguntungkan kita dalam mendapatkan penghasilan dengan iklan yang tampil lebih cepat dan tidak membuang waktu terlalu banyak, dengan cara ini pastinya menguntukan pastinya ya kan.

Nah di artikel ini sebenarnya ada kaitanya di artikel yang sudah saya buat sebelumnya Cara Mengatasi Masalah CLS: lebih dari 0,25 di Data Web Inti. Jika di blog atau website kalian terjadi problem tersebut kalian dapat menggunakan tips ini loh gaes. 

Gaes faktor yang sering mempengaruhi loding pada blog atau website kita tuh sebenarnya apa saja sih ? hal nya seperti template yang digunakan, jumlah widget yang dipasang, dan script-script yang digunakan dalam template. Jadi semakin banyak pemasangan maka loding blog pastinya akan lambat atau lemot. Kalin juga dapat mengetahui sekor kecepatan loding blog atau website kalian dengan cara mengetahui kecepatan loading blog. Saat kita mengetahui kecepatan maka kita juga dapat mengetahui yang harus di perbaiki. 

Agar mempercepat loding sebuah blog atau web site kalian bisa terapan ini :
  1. Tidak terlalu banyak gambar di postingan
  2. Megurangi atau mengetahui widget yang di pasang
  3. Memasang kode / script Lazy Load pada template 
  4. Memasang kode / script Lazy Load Google Adsense, agar iklan tambil lebih cepat
Sekrang kita akan membahas cara memasang Lazy Load google adsense pada template (blog/website), simak panduanya.

Cara Memasang Lazy Load Google Adsense di Blog Agar Iklan Tampil Super cepat 
  1. Buka dasbor blogger kalian
  2. Masuk ke Menu tema lalu Edit
  3. Cari kode <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>, lalu hapus semua kode yang berada di Tema. Kode ini dari script google adsense sebenarnya mempengaruhi speed request setiap halam. Jika di hapus tidak akan memepengaruhi tayang iklan.
  4. Cari kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;
    lalu letakan kode di bawah ini  di atas kode </body>
    <script type='text/javascript'>
    //<![CDATA[
    // Lazy Load AdSense
    var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
    //]]>
    </script>
  5. Setelah selesai kalian simpan, lalu lihat hasilnya apakah ada perbedaan pada blog kalian. 

    Ini contoh hasil blog saya yang sudah saya uji dengan panduan tersebut

Nah sangat mudahkan cara memasang Lazy Load Google Adsense di Blog. Dengan menambahnya kecepatan pada blog kalian maka akan menguntukan menambah penggujung baru, meningkatkan penghasilan dan yang lainya. Semoga panduan yang saya buat ini dapat bermanfaat buat kalin.

Cara Mengatasi Masalah CLS: lebih dari 0,25 di Data Web Inti Google Console

Anangzd.com - Di kesempatan kali ini saya akan membahas Cara Mengatasi Eror Data Web Inti (Masalah CLS: lebih dari 0,25) pada Google Search Console. Hal ini terjadai di sebabkan oleh pemasangan Javas Script terlalu banyak di blogger atau di website.

Tenag di arikel kali ini nanti saya akan mengulas tuntas masalah Data Web Inti Masalah CLS: lebih dari 0,25 pada tampilan dekstop dan mobile (seluler). 

Bila di google console kalian ada warning atau masalah yang berwarna merah hal ini dapat di artikan bahwa blog atau website kita loding sangat berat atau lama.

Sebelum kita menju ke tips dan tahapanya mari kita bahas terlebih dahulu tentang.


Apa itu data web inti ?

Data web inti adalah kecepatan loding pada blog atau website, atau berapa lama waktu untuk merespon request pada suatu halaman atau tampilan. Bila loding suatu halaman pada blog sangat cepat maka Data Inti Web tidak ada masalah. Bagimana caranya mengetahui kecepatan loding dengan PageSpeed Insights, lalu ketik nama alamat blog kalian, selnjutnya klik analyze, tunggu prosess sampai selesai untuk melihat detail kecepatan loding blog kalian. Bila data atau sekor di 90 keatas maka baik - baik saja, jika di bawah itu kalian harus mengurangi penggunan Java Script ya.
Sekor Tampilan Mobile

Sekor Tampilan Dekstop



Bagaimana Cara Mengatasi Data Web Inti Masalah CLS: lebih dari 0,25  ?
Di kesempatan kali ini saya akan menjelaskan cara mengatasi data web inti yang brmasalah atau dalam keadaan low di sekor rendah. Bila kalin dapat melakukan langkah ini pasti sekor Analyze di atas 90 an. Di atas tadi sudah saya jelaskan ya dampak terjadi Masalah CLS pada google console yaitu di karenakan JAVA SCRIPT yang harus kalian lakukan mengurangi pemasangan pada blog atau website kalian.

Semisal kalian menggunakan iklan Google Adsense kode tersebut sebenarnya juga menggunakan Java Script, kode tersebut harus di hilangkan agar tidak terjadi problem pada CLS dan kalian memasang Lazy Google Adsens agar iklan tampil atau muncul dengan cepat kalian dapat menggunakan tips ini Cara Memasang Lazy Load Google Adsense pada Blogger. Setelah kalian memasang Lazy Load pada blog kalian pastinya sekor dan Data web inti kalian akan menjadi baik sekor di atas 90 an.

Tahapan Verifikasi Masalah pada Search Console Agar Data Inti Web Kembali Normal
Setelah tahapan di atas kalian sudah selsai kalian dapat melakukan verifikasi, hal ini bertujuan untuk memberi tau bahwa kita sudah memeperbaiki pada google console. ya... kita tinggal tunggu saja hasilnya.

Semoga pandaun yang tentang memperbaiki Eror Data Web Inti (Masalah CLS: lebih dari 0,25) pada Google Search Console bermanfaat buat kalian. terima kasih sudah berkunjung.

Apa Itu Memoderasi Komentar Blogger dan Cara Settingnya

Cara Memoderasi Komentar Blogger - Anangzd, ini adalah dasar - dasar setting pada blogger untuk melakukan menyeting feed blogger dan moderasi komentar. 

{tocify} $title={Table of Contents}

Apa itu moderasi komentar blogger ?

Moderasi komentara adalah mengendalikan / mengontrol setiap komentar yang masuk ke situs blog. 

Dengan adanya ini moderasi ini akan membatu dalam permasalahaan komnetra spam, komentar kotor dan yang lainya.

Manfaat Moderasi Komentar Blogger

1. Mencegah komentar kotor/kasar
2. Menghindari komentar spam 
3. Menghilangkan komentar tidak tahu jawaban nya just kidding
4. Dan yang lainya

Dengan adanya moderasi ini akan terhindar dari komentar yang tidak mengenakan untuk di baca, nah sekarang melakukan setting kolom komentar blogger agar setiap komentar yang masuk disering melalui persetujuan atau admin blog.

Cara Memoderasi Komentar Blogger

1. Long in ke bloggre, lalau pilih Settingan / Setelan
2. Pilih menu Post lalau Komentar dan Berbagi
3. Lokasi komentar "Tersemat"
4. Yang dapat mengomentari "Semua Orang"
5. Moderasi komentar pilih "Selalu" dan
6. Isi e-mail yang anda digunakan untuk memoderasi komentar

Lihat contoh setting moderasi komentar blogger pada gambar dibawah ini.

Dengan adanya Cara Memoderasi Komentar Blogger, maka komentar - komentar yang berada di blog atu web site akan terasa aman dan nyaman dengan komentar yang baik, bagus dan berkwalitas.

Semoga panduan yang dibuat ini dapta bermanfaat buat kalian, jangan lupa unuk di bagikan kepada temen - temen kalian agar ilmu ini dapat bermanfaat buat kalian.

Cara Melaporkan Pelanggaran Hak Cipta Konten Artikel ke Google

Cara Melaporkan Pelanggaran Hak Cipta Artikel ke Google - Anangzd, di kesempatan kali ini akan mengulas bagiman cara melaporkan konten yang di buat sendiri di curi atau di copy paste tanpa izin ke google. 

{tocify} $ title = { Table of Contents }
Sekarang sangat banyak sekali para pembuat konten hasil kontenya hanya mencuri sana sini dengan copy paste atau dengan cara AGC yang sangat mudah tanpa membuag waktu. Hal ini biasanya di lakukan karena tidak suka dengan kita atau ada hal lain, seperti yang sedang saya alami hihihi.... apa salah saya ya... tapi ya biarkanlah semoga aja bermanfaat ya, intinya buta artikelkan ya itu.

Jika kalian ingin lihat hasil AGC artikel saya di postingan lagi di blog / web orang ketiak di google Anangzd lalu sscrol ke bawah pastinya banyak sekali artikel saya yang di curi.

Pengaruhnya kalau artikel kita di curi dan di post ulang

1. Traffik menurun
2. Terkadang artikel / postingan kita bisa hilang dari google
4. dan yang lainya

Tenag saja, kali ini saya akan membahas cara melaporkan konten - konten kita yang di curi ke google. Dengan adanya melaporkan ke DMCA (Digital Millennium Copyright Act) maka artikel yang kita buat aman dan hanya di blog / web site kita. 

Cara Melaporkan Pelanggaran Hak Cipta Artikel ke Google 

1. Kunjungi situs untuk Menghapusan Konten Hak Cipta dari Google, selanjutnya long in dengan email kalian.
2. Klik Buat pemberitahuan baru


3. Isi seperti data diri kalian dan membuat keluhan tentang konten yang di copy paste kepada orang lain.
4. Bila sudah terisi, silahkan kirim.

Nah itu cara melaporkan konetn yang di curi, dengan cara ini semoga dapat membatu menylesaikan masalah kalian, semoga artike Cara Melaporkan Pelanggaran Hak Cipta Konten Artikel ke Google dapat bermanfaat buat kalin.

Cara Membuat Border Tabel Dengan Style CSS dan HTML

Cara Membuat Border Tabel Dengan Style CSS dan HTML di postingan Blogger - Hallo sobat..... di kesempatan kali ini akan membahas cara membuat tabel Dengan Style CSS dengan HTML di blog atau blogger yang sangat keren dan responsive. 

Cara yang di berikan ini nanti menggunakan code / script HTML, saat memasang code pada postingan harus kalian ubah terlebih dahulu menjadi mode HTML ya. 

{tocify} $title={Table of Contents}

Ada dua mode penulisan di postingan blog / blogger 


1. Mode menulis (compess) adalah membuat / menulis postingan dengan menggunakan huruf (abjat), angka, simbool  dan yang laianya, sama halnya menulis pada lember kertas atau buku.

2. Mode HTML adalah membuat / menulis postingan di blog atau blogger dengan menggunakan code - code script html atau sejenisnya, ketika mode html di ubah menjadi mode penulis maka hasilnya sama dengan mode tertuils.

Nah itu lah dua mode cara menulis pada postingan blogger. Dengan taunya dua mode di atas sekarang kalian tidak lagi kebingguna. 


Yuk sekarang kita membahas kembali Cara Membuat Border Tabel warna Dengan Style CSS dan HTML yang sangat sederhana, responsive dan keran pastinya. Membuat tabel ini nanti harus memasang kode di HTML Tema dan HTML postingan blog.

Cara memasang kode HTML di Tema blog / blogger 

1. Masuk dasbor blogger https://www.blogger.com/ dengan log in Email 
2. Pilih menu Tema
3. Masukan kode css di <style> atau penempatan kode css, cara mencarinya tekan CTRL + F bersamaan, maka akan muncul search ketik <style> atau yang lain.

Code css tabel di Tema



table { 
border-collapse:collapse;
border: 1px solid #999;  
font-family:Arial, sans-serif;
font-size:16px;
width:100%;
caption-side: top;
}
caption, table th {
font-weight:bold;
padding:10px;
color:#fff;
background-color:#2A72BA;
border-top:1px black solid;
border-bottom:1px black solid;
}
caption, table td {
padding:10px;
border-top:1px black solid;
border-bottom:1px black solid;
text-align:center; 
}   
caption {
font-weight: bold;
font-style: italic;
}
table .left {
text-align: left;
padding: 7px;
} {alertInfo}


4. Lalu save, langkah selanjutnya kita memasang HTML pada postingan

Membuat Border Tabel Dengan Style CSS dan HTML 

1. Masuk di dasbor blogger
2. Buat postingan 
3. Ubah penulisan menjadi HTML
4. Masukan kode HTML kode di bawah ini


Code HTML tabel di postingan 

<table width="600"><thead>
<tr>
<th class='center'> Nama</th>
<th class='center'>Email</th>
<th class='center'>Number Telp</th>
</tr></thead>
<tr>
<td>anangzd</td>
<td>anangzd@admin.com</td>
<td>(+62) 856773523536</td>
</tr>
<tr>
<td>admin</td>
<td>admin@guest.com</td>
<td>(+62) 85674634446</td>
</tr>
</table> {alertInfo}

5. Lalu publikasikan, lihat hasilnya pada postingan blogger

Bagaiman sangat mudah sekali bukan cara membuat tabel pada postingan blog atau blogger, semoga panduan yang di buat ini dapat bermanfaat buat kalian, terima kasih sudah berkunjung.

Car Mengatasi Hilangnya Show Ads Between Posts Blogger Menghilang

Cara Memunculkan Show Ads Between Posts di Blogger Yang Hilang - Hallo.... sobat semua ya.... di kesempatan kali ini saya akan memberi solusi tentang hilangnya atau tidak munculnya Show Ads Between Posts di Blogger pada sela - sela postingan utama pada blog atau web site.

{tocify} $ title = { Table of Contents }

Apa itu Show Ads Between Posts di Blogger

Ini adalah menu untuk memunculkan iklan google adsense di setiap sela - sela postingan utama atau pos terbaru. Slot ini bisa di buat secara pribadi dengan cara memasang kode HTML pada blog atau web site, ada juga yang menggunakan fitur bawan blogger ya alasanya responsive dan terbaik alsanya itu dari pihak bloggernya langsung. 

Dengan adanya Show Ads Between Posts di Blogger akan membantu memunculkan iklan dan menguntukan saat iklan tanyang atau tampil pada sela - sela postingan baru, yang nantinya kita akan mendapatkan penghasilan saat iklan itu tayang.

Alasan Show Ads Between Posts di Blogger tidak muncul 


Penyebabnya yaitu Dynamic Template belum bisa mendukung fitur Google Adsense untuk Bahasa Indonesia secara langsung dan otomatis pada templatenya.

Show Ads Between Posts di Blogger tidak muncul hanya bahasa tertentu saja, contoh saat kita setting blog kita dengan bahasa indonsesai pasti Show Ads Between Posts di Blogger tidak akan muncul. Jika kita ubah bahasa menjadi bahasa English atau bahasa lain yang sudah support Show Ads Between Posts di Blogger maka akan muncul. Nah sekarang sudah taukan asalanya kenapa Show Ads Between Posts di Blogger tdiak muncul atau tidak tampil.

Cara mengubah bahasa pada blogger

1. Long in dan masuk ke dasbor blogger
2. Masuk menu settingan
3. Cari bahasa lalu ubah menjadi bahasa English
4. Selesai

Cara setting bahasa di blogger 


1. Dashboard Blogger
2. pilih "Settings"
3. pilih "Language and formatting"
4. pilih "Language"
5. pilih English. 
6. Simpan.

Cara melihat Show Ads Between Posts di Blogger di Blogger

1. Masuk ke dasbor blogger
2. Pilih menu Tata Letak 
3. Cari slot Posting Blog , lalu klik edit atau klik logo pensil
4. Secroll kebawah maka Show Ads Between Posts di Blogger sudah muncul
5. Selesai

Itulah cara menampilkan Show Ads Between Posts Blogger yang Menghilang. Semoga panduan ini dapat bermanfaat buat kalian.

Kode Anti Copy Paste Arikel

Tentang Kode Anti Copy Paste Arikel di Blog

Kode anti copy paste adalah kode yang berfungsi untuk menonaktifkan tombol Copy pada arikel web site atau blog. Dengan kode ini akan membantu tidak terjadinya plagiat (di gandakan) artikel pada postingan. Kode anti Copy paste artikel ini akan membantu keamanan atau keaslian artikel pada google atau brwoser laiya.

{tocify} $title={Daftar Isi}

Perlu di Ketahui Kode Anti Copy Paste

Kode Anti Copy Paste Arikel pada web site atau blog ini dipasang secara manual, ketika kode di pasang tidak menjamin full artikel aman dari plagiat, semua konten yang berada di dunia maya pastinya rawan pencurian atau plagiat. {alertError}

Kode Anti Copy Paste di Blog

<script type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</script > {codeBox}

Cara Memasang Kode Anti Copy Paste Arikel di blogger

1. Masuk dasbor blogger
2. Pilih menu Tema lalu Edit HTML
3. Kode Anti Copy Paste taruh di bawah kode <head>, Cari dengan CTRL+F pada keyboard 
<script type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</script > {codeBox}

4. Save

Setelah di Save (simpan) lihat hasil artikel pada postingan blog, lalau coba kalian klik Copy Paste pastinya tidak akan muncul menu tersebut.


Penutup

Nah itu cara membuat keamana pada konten artikel di dunia maya dari plagiat (penggandan), semoga artikel ini dapat membatu dalam pencurian artikel yang sudah di buat secara original pribadi.

Gambar



Cara Cepat Postingan Blog Terindex di Google

Anangzd - Padahal sudah buat postingan blog yang keren, lengkap dan SEO heeemm tapi kok gak ada di pencarian google dan pencarian brwoser lainya, pastinya ini menjadi sebal kalian ya kan....

Tenang di pstingan ini akan mengatasi permasalahan Arikel atau postingan agar bisa Terindex di Google hanya beberapa waktu saja tidak harus berhari - hari.

Yuk... kita bahas Cara Cepat Postingan Blog Terindex di Google dengan cepat, ini beberapa yang harus di persiapakn terlebih dulu.

1. Buat Blogger dan Postingan blog 
Alamat mendaftar Blogger : www.blogger.com

2. Buat akun Webmaster dengan akun gemail yang sudah di daftarakan pada blogger 
Ini websistem google yang bertugas untuk Mengindex Artikel atau Posstingan di Google dan mesin pencari yang lain.

3. Pilih menu Sitmaps atau Peta Situs
Ketik pada Sitempas sitemap.xml kemudaian klik Submit atau kalian juga bisa lakukan dengan carai ini kalau arikel postingan kalian sudah bahnyak sebagai contoh : https://www.anangzd.com/atom.xml?redirect=false&start-index=1&max-results=500
NB. ini biasanya akan baru bisa bekerja setalah 24 jam,  artiekl yang mudah ke Index di google biasanya terdapat kata kunci yang unik dan sering di cari pada mesin pencari.

4. Bila selama waktu 24 jam belum Trindes di Google, kalain bisa laukan Pengindexan dengan cara manual.
Buka akun Google Console kalian, lalau klik menu Inspekasi URL, masukan alamat (URL) postingan blog kalian lalau klik Enter pada Keyboar kalian.
NB. Tunggu beberapa menit atau jam maka artiek kalian akan muncul di mesin pencarian google, dengan kata kunci yang unik untuk memanggilnya.
Nah itu cara cepat agar postingan berada pada mesin pencari google tanpa ada kendala apapun. 

Bila artiekl kalin juga belum ke index biasanya terjadi permasalaahan pada Template blogger (code HTML), Arikel yang tidak di sukai google, Ada msalah mendaftar pada Google Webmaster atau Google Console.

Semoga artikel Cara Cepat Postingan Blog Terindex di Google bisa bermanfaat buat kalian, jangan lupa untuk cemot di blog Anangzd.com .








Cara Memasang Video YouTube Menjadi Mp3 Player


Anangzd - di kesempatan kalia ini akan membagikan tutorial Cara Memasang Video YouTube Menjadi Mp3 Player di Postingan pada Blogger (website). Ini biasanya digunakan di web atau blog downlaod atau penghias pada website pribadi.

Agar video YouTube bisa di conveter mejadi player Mp3 dan di mainkan kita nanti hanya menggunakan ID youtubenya saja, jadi tidak kerepotan.

Dalam membaut Mp3 player kalian harus mempersiapkan 
  • ID Video YouTube
  • Kode conveter Mp3 agar bisa menjadi player Mp3
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/mediaelement@4.2.7/build/mediaelementplayer.min.css" rel="stylesheet"></link>
<script src="https://cdn.jsdelivr.net/npm/mediaelement@4.2.7/build/mediaelement-and-player.min.js"></script>
<script>$(document).ready(function(){$('audio').mediaelementplayer()})</script>
<span class="mejs__offscreen">Audio Player</span><div>
  <div aria-label="Audio Player" id="class" role="application" style="height: 40px; min-width: 241px; width: 300px;" tabindex="0">
  <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="1" frameborder="0" height="1" id="mejs_15768050990674753_youtube_iframe" src="https://www.youtube.com/embed/LN7Dg_Sqk_A?controls=0&amp;rel=0&amp;disablekb=1&amp;showinfo=0&amp;modestbranding=0&amp;html5=1&amp;iv_load_policy=3&amp;autoplay=0&amp;end=0&amp;loop=0&amp;playsinline=1&amp;start=0&amp;nocookie=false&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fmetrolagu1.me&amp;widgetid=1" title="YouTube video player" width="1"></iframe><audio id="mejs_15768050990674753_from_mejs" preload="none" src="https://m.youtube.com/watch?v=LN7Dg_Sqk_A" style="display: none; width: 100%;" type="video/youtube"></audio>
  • Blogger atau Website

Bila tiga poin di atas sudah di persiapkan, yuk kita melakukan langkah - langkah selanjutnya
  • Buka dasbor blogger
  • Buat postingan, ubah mnejadi mode HTML, Copy paste kode yang sudah di sediakan di atas
  • Lalu Ubah ID video YouTube yang sudah di warnai biru menjadi Mp3 yang kanian inginkan
  • Pertinjau, save
  • Selesai

Nah itu cara membuat Mp3 Player hanya dengan ID video YouTube pada blogger dan website pada postingan. Semoga panduan yang saya bagikan ini bisa bermanfaat buat kalian.

Cara Menampilkan File PDF di Blogger


Kita malas dalam mengetik ulang ke blogger dan arikel itu sudah berbentuk Word, PDF dan lain sebaginya. Dari pada kita mengetik ulang kelamaan mending file pdf / word langsung di pasang di blog lbih efisian waktu jadi kita tidak perlu dan repot dalam mengetik ulang.

Cara Menampilkan File PDF ke blog / Blogger sangat mudah sekali dalam pemasanganya dalam 5 mint mungkin sudah selesai.

Cara Menampilkan File PDF ke blog mudah dan cepat. 

Langkah - langkah memasang file pdf ke blog sebagi berikut :
  1. Long in ke emial 
  2. Upload file word, pdf atau yang lainnya ke Googel Drive.
  3. Klik file maka aka terbuka file pdf / word nya.
  4. Klik titik 3 di pojok atas kana, lalau bagikan.
  5. Lanjut => klik ubah ganti Web Publik => Selesai

  6. Klik titik 3 => Buka di jendela baru.
  7. Klik titik 3 => Sematkan item.
  8. Copy Url nya.
  9. Buak postingan blog.
  10. Ubah postingan ke tampilan HTML.
  11. Save dan selesai.
Nah itu Cara Menampilkan File PDF ke blog / Blogger, sangat mudah sekali kan semoga bermanfaat buat kalian. 

Cara Mengetahui ID Feedburner


FeedBurner merupakan layanan manajemen umpan web, yang terdiri dari RSS feed dan alat pengelola untuk blogger dan podcaster, dan aplikasi publikasi lain yang berbasis web. Layanan ini menyediakan analisis lalu lintas pengunjung situs dan sistem periklanan yang dapat dipilih.

Langkah - langkah mengetahui  ID Feedburner Tanpa Ribet

  1. Pertama-tama buka dahulu situs Feedburner (feedburner.google.com)
  2. Kalau belum masuk akun Google, masuk dahulu...
  3. Nanti akan tampil seperti gambar di bawah ini.
  4. Klik FEED TITLE blog Anda. (contoh punya saya : AnangZd)
  5. Lalu pilih Edit Feed Details...

  6. Yang Ada di kotak Merah itulah ID saya...
  7. Terkadang Id Anda dapat seperti ini : blogspot/ARjeB

Nah itu panduan Cara Mengetahui ID Feedburner Tanpa Ribet. semoga bermanfaat.

Membuat Widget Berlangganan Email Seperti Punya Mas Sugeng.id

Di kesemptan kali ini saya akan membagikan cara untuk membuat Widget Berlangganan Email Seperti Punya Mas Sugeng [Keren].

Apa itu berlanganan blog email ?
Yang di maksudkan berlanganan email di blog adalah ketika blog membuat postingan baru maka yang berlanganan akan medaptakan pesan pemberitahuaan melalui email.


Kenapa saya membuat panduan cara membuat desain langanan emailnya Mas Sugen karena blog yang masih terpopuler hingga saat ini mulai dari tempilan blog yang rapi, Seo, Responsive dan lain sebaginya, saya sediri terkadang juga masih menggunjunginya blognya, Oky langsung saja menuju tutorialnya ya.

Langkah - langkah Widget Berlangganan Email Seperti Punya Mas Sugeng [Keren]
  • Masuk ke dasbor blogger dan masuk ke Tata Letak.
  • Tentukan lokasi penempatan Widget berlangana. Bila sudah Tambah Widget

  • Pilih HTML / Java Script.
  • Masukan kode script di konten. Judl kosongkan saja.
<div class='widget enews-widget' id='enews-ext-2'><div class='widget-wrap'><div class='enews'><h4 class='widget-title widgettitle'>BERLANGGANAN VIA EMAIL</h4><form action='https://feedburner.google.com/fb/a/mailverify' method='post' target='popupwindow' onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Blog-Plazzasoft', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Nggak perlu bolak-balik ke blog ini untuk ngecek postingan terbaru, berlangganan aja via email.</p><input type='text' name='email' placeholder='Alamat Email'/><input type='hidden' value='AnangZd' name='uri'/><input type='hidden' name='loc' value='en_US'/><input type='submit' value='Lanjutkan'/></form></div></div></div><style type='text/css'>.enews-widget {background-color:#38424B;color:#FFF;padding:20px !important;margin-top:10px}.enews-widget h4 {font:17px/18px 'Oswald',Arial;margin:0 0 20px 0}.enews .screenread {height:1px;left:-1000em;overflow:hidden;position:absolute;top:-1000em;width:1px}.enews-widget input {font-size:15px;margin-bottom:15px;box-sizing:border-box;background-color:#FFF;border:2px solid #FFF;color:#333;padding:9px 11px;width:100%}.enews-widget input[type="submit"] {font:16px/20px "Oswald",Arial;background-color:#02AEFF;color:#000;margin:0;width:100%;border:none;cursor:pointer}.enews-widget input[type="submit"]:hover {background-color:#fff}</style>
  • Simpan dan lihat hasilnya.

NB. Tambahan
  • Kata-katanya dapat di rubah dengan mengganti font yang berwarna merah sesuai keinginan.
  • Kalau warnanya kurang keren, edit yang ada tanda "(#) pagarnya".
  • [Wajib] Ganti "AnangZd" dengan ID Feedburner Anda!

Bagiman hasil widgetnya sepertinya punya mas sungengkan, Semoga panduan yang saya bagikan kali ini bisa bermafaat buat kalian.

Cara Mengetahui Apakah Blog Sudah Mobile-Friendly? Cek Sekarang!

Halo semua para penglola web site pastinya kalian tidak asling lagi mendengar kata Blog Mobile-Frindly ya kan. Hal ini kewajiban para blogger untuk mengetahuinya karena hal ini berpengaruh dalam keter tarikan penggunjung melalui tapilan di handpone, meningkatkan vistor, super cepat di pencarian  dan lain sebaginya.


Apa sih itu Mobile-Frindly blog ?
Mobile Frindly adalah situs web atau blog yang mudah diakses dan cepat tampil di perangkat mobil (handphone/smartphone).

Kali ini saya akan mengajak temen - temen untuk mengetahui sudah berapa persen Mobile Frindly kita di google. Caranya sangat mudah sekali nanati kita hanya melakukan copy URL / Memasukan URL kita ke kolom Tes Mobile Frindly.

Web site pengecek Mobile Frindly sudah di sediakan di google jadi tidak di ragukan lagi karena hampir semua pembuat postingan artikel dan panduan menggunakan blog secara umumu.

Web site untuk mengecek Mobile Frindly https://www.google.com/webmasters/tools/mobile-friendly/

Oky langsung saja cara mengetahui web site / blog Mobile Frindly

Langkah - langkah mengetahui Mobile Frindly sudah berapa persen
  1. Buka web site https://www.google.com/webmasters/tools/mobile-friendly/
  2. Masukan blog dan klik Analyze / Uji URL

  3. Tungu hingga prosess selesai dan halinya.
Nah sekrang kalian sudah mengetahui berapa persen Bagus web site kalian di handpone kan. Semoga panduan yang saya bagikan ini bisa bermanfaat buat kalian. 

Panduan Mebuat Gmail atau Email Yang Bener

Di artikel postingan kali ini akan membahas tentang Cara Mebuat Gmail / Email yang Bener, Kalau kalian pengguan komputer / android pastinya wajib punya gmail karena dengan Gmail ini bertujuan untuk pembuatan akun Google Play Sore yang fungsinya untuk download aplikasi yang di sedikan oleh google secara gertis dan prabayar, namun tidak itu saja ada yang lain. Dan kegunaan Gemail itu sangat banyak sekali mulai dari pesan, media sosail dan lain sebaginya.


Apa itu Mil atau Gmail ?
Gmail adalah layanan surel (Surat Elektronik) yang berbasis web secara geratis yang di sediakan oleh google yang secara geratis.

Manfaat gmail :
  • Untuk pengiriman pesan secara publik / privasi.
  • Untuk penyimpana file.
  • Membuat akun Google Play store.
  • Membuat akun media sosial.
  • Dan lain sebagainya.


Langkah -langkah Mebuat Gmail / Email yang Bener :
  • Masuk ke brwoser, contoh mozilla, chrome / yang linya. Bila memaki hp gunakan mode dekstop.
  • Ketik di search engin " Google".
  • Di pojok kanan atas ada Sing in / Long in klik saja.
  • Lalu pilih "Gunakan akun yang lain"
  • Lalu Buat akun => Untuk diri sendiri.
  • Isi identitas Nama, Emial, Sandi.
    - Nama usahakan nama sendiri
    - Email usahakan email dikombinasikan dengan angka
    - Sandi usahakan dikombinasikan dengan angka.
  • Lengkapi Nomer handpone dan tanggal lahir.
    - Nomer handpone bertujuan untuk meverifikasi kode yang di kirim melalu SMS / Telepon.
  • Melakukan verifikasi Kode yang di kirim oleh google melewati SMS / Telepon.
  • Meyetujui kebijakan dari google dalam penggunan emial / gmail.
  • Selamat anda sudah mempunyai akun gmail.

Vide Cara Mebuat Gmail / Email yang Bener

Bagimana sangat mudah sekali kan pembuatan gmail, bila kalian masih binggun dengan panduan tertutis di atas kalian bisa lihat panduan vide di atas. semoga panduan cara pembuatan gmail ini bisa menjadi refresi sebelum kalian membuat gmail.

Panduan Membuat Blogger atau Blog Yang Benar

Apa itu blogger atau Blog ?
Blog atau  Belogger adalah situs website yang di sediakan oleh google secara geratis. Manfaat blog atau blogger membuat blog atau website yang berisi diri sendiri, informasi, mencari penghasilan dan yang lainya. Meski pun blogger atau  blog berbasis geratis, menyediakan untuk para usernya dalam mendaptkan penghasilan.

Saperti blog saya ini menggunakan blogger juga karena saya berfikir kalau ada yang geratis kemapa tidak difungsikan. Ya setelah saya mengetahui cara mengotak - atik blogger saya tambah semangat karena ilmu baru menambah, belajar dan gagal itu wajar namun jangan lupa kita harus mencari solusinya.

Untuk kalian para pemblogger awal kali ini saya akan memberi tahui pada kalian cara untuk membuat blogger / blog yang benar dengan menfaatkan fasiltas dari google. Sebelum membahas lebih lanjut saya akan sedikit cerita tentang blogger saya ini.


Blogger saya kenapa domain blogspot nya hilang karena saya membeli domain sendiri. Kenapa harus membeli domain, pake domain blogspot saja sudah bisa. Nah perbedaan domian yang disedikan oleh blogger / blog sendiri dalam pendaftaran google adsense harus minimal 6 bulan dan syarat lainnya. Kalau kita membeli domain maka pendaftaran bisa sewaktu - waktu.

Alasan saya membeli domain, Email blogger / blog ini sebnarnya sudah terdaftar di google adsense namun terkait di Youtube bukan di blogger, loh kok blog nya bisa ada iklanya. Dalam aturan google kita hanya di perbolehkan satu akun google adsense saja memilih Youtube / Blogger.

Nah asalnya kenpa ada iklannya karena dari pihak google / persyaratannya dari google bila akun google adsense terkait dengan Youtube dan blogger ada iklanya di haruskan membli domain ( perbayar ), bila yang terkait bloggernya saya sudah membaca kebijakanya tidak bisa mendaftar di youtube hanya bisa di blogger saja.

Itu sedikit cerita yang pernah saya alami dan sedikit ilmu yang saya bagikan untuk kalian, semoga bisa menjadi refrensi.

Langkah - langkah membuat blogger / blog yang benra :
  • Ketik di search engin "Google".
  • Sing in / Long in Email.
  • Di search engin ketik blogger.
  • Lalu cari Alamt blogger / Sing in, ( biasanya muncul dari urutan satu - ke lima).
  • Sudah di halaman blogger lalu Creat Your Blog / Sing In.
  • Membuat nama profil blogger (Penulis / penglola blogger).
  • Lalu membuat blogger / blog dengan Buat blog baru .
  • Buat nama blog dan URL (Alamat link blog).
  • Pemilihan template blog (Usahakan pemilihaan templet yang terbaru / Responsiv).
  • Nah sekarang kalian sudah bisa membuat blog.

Video Cara Membuat Blogger / Blog yang Benar
Nah itulah tahapan - tahapan dalam pembuatan blogger / blog yang disediakan oleh blogger. Semoga postingan artikel yang saya buat ini bisa menjadi refrensi sebelum kalian membuat blogger / blog.

Cara Membuat Tombol Download, Demo & Buy Now di Blogger

Cara Membuat Tombol Download, Demo & Buy Now di Blogger - di artikel kali ini akan membahas tentag membuat tombol keren pada blogger.

Bila postingan  artikel kalian berisi Downlado, Tinjau (Demo), dan Belnja (Order) pastinya tombol ini sangat cocok untuk di kaborasikan.
Sebelum membuat hal yang harus di persiapkan seperti
  • Postingan blogger
  • Kode tombol  Download, Demo & Buy Now 

Bila poin di atas sudah siap semua kita menuju Cara Pembuatan Tombol Download, Demo & Buy Now keren di Blogger dengan mudah dan cepat, simak berikut

Tahp 1
Pemasangan kode script CSS pada HTML, Buka Dasbor Blogger pilih menu Tema lalu Edit HTML selanjutnya pemasangan kode Font Awesome di </head> 
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css' rel='stylesheet'/> 

Bila kode  Font Awesome sudah di pasang kita tidak usah melakukan pemasngan ulang.

Pemasangan kode CSS pada HTML pasang kode tersebuat di atas tag </style>
#btn-keren {margin: 10px auto;
text-align: center;}
#btn-keren br {display: none;}
.btn-keren1, .btn-keren2, .btn-keren3 {position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 50px;background: #fdfdfd;border: 2px solid #009688;margin: 10px;transition: .5s}
.btn-keren2 {border: 2px solid #3f51b5;}
.btn-keren3 {border: 2px solid #d83500;}
.btn-keren1:hover {background-color: #009688;}
.btn-keren2:hover {background-color: #3f51b5;}
.btn-keren3:hover {background-color: #d83500;}
.btn-keren1:hover span.circle, .btn-keren2:hover span.circle2, .btn-keren3:hover span.circle3 {left: 100%;margin-left: -45px;background-color: #fdfdfd;}
.btn-keren1:hover span.circle{color: #009688;}
.btn-keren2:hover span.circle2 {color: #3f51b5;}
.btn-keren3:hover span.circle3 {color: #d83500;}
.btn-keren1:hover span.title, .btn-keren2:hover span.title2, .btn-keren3:hover span.title3 {left: 40px;opacity: 0;}
.btn-keren1:hover span.title-hover, .btn-keren2:hover span.title-hover2, .btn-keren3:hover span.title-hover3 {opacity: 1;left: 40px;}
.btn-keren1 span.circle, .btn-keren2 span.circle2, .btn-keren3 span.circle3 {display: block;background-color: #009688;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-keren2 span.circle2 {background-color: #3f51b5;}
.btn-keren3 span.circle3 {background-color: #d83500;}
.btn-keren1 span.title,.btn-keren1 span.title-hover, .btn-keren2 span.title2,.btn-keren2 span.title-hover2,.btn-keren3 span.title3, .btn-keren3 span.title-hover3 {position: absolute;left: 90px;text-align: center;margin: 0 auto;font-size: 16px;font-weight: bold;color: #009688;transition: .5s;}
.btn-keren2 span.title2,.btn-keren2 span.title-hover2 {color: #3f51b5;left: 80px;}
.btn-keren3 span.title3,.btn-keren3 span.title-hover3 {color: #d83500;left: 80px;}
.btn-keren1 span.title-hover, .btn-keren2 span.title-hover2, .btn-keren3 span.title-hover3 {left: 80px;opacity: 0;}
.btn-keren1 span.title-hover, .btn-keren2 span.title-hover2, .btn-keren3 span.title-hover3 {
color: #fff;
}

Tahap ke 2
Buat Postingan Blogger ubah postingna menjadi Tampilan HTML lalu  Copy Paste Kode yang sudah di sediakan di bawah.
<div id="btn-keren">
<a href="#" class="btn-keren1"  target="_blank">
<span class="circle"><svg style="width:24px;height:24px" viewBox="0 0 24 24">
    <path fill="currentColor" d="M21,14H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10L8,21V22H16V21L14,18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z" />
</svg></span>
<span class="title">Demo</span>
<span class="title-hover">Click here</span>
</a>
<a href="#" class="btn-keren2"  target="_blank">
<span class="circle2"><svg style="width:24px;height:24px" viewBox="0 0 24 24">
    <path fill="currentColor" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" />
</svg></span>
<span class="title2">Download</span>
<span class="title-hover2">Click here</span>
</a>
<a href="#" class="btn-keren3"  target="_blank">
<span class="circle3"><svg style="width:24px;height:24px" viewBox="0 0 24 24">
    <path fill="currentColor" d="M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z" />
</svg></span>
<span class="title3">Buy Now</span>
<span class="title-hover3">Click here</span>
</a>
</div>
Keterangan
Kode hesteg (#) ganti dengan link URL kalian

Hailnya 
Sekarang kalian sudah bisa Membuat Tombol Download, Demo & Buy Now di Blogger dengam mudah dan cepat dengan kode yang sudah di siapkan di artikel ini. Semoga bermanfaat, Trima kaasih.

Cara Memasang Lagu MP3 Dari Dropbox di widget Blogger

Cara Memasang Lagu MP3 Dari Dropbox di widget Blogger - tampilan Blog utama kalian ingin menarik di beri widget Mp3, hal ini bertujuan untuk penggujuang blog yang sedang membaca arikel di sertai mendenganrkan musik atau lagu Mp3 yang bisa diputar pastinya tambah semangat. Bila kalian tidak ingin mendengarkan tinggal stop saja.

Hasil gambar widgate Mp3 blog

Yang harus kita persiapkan sebelum membuat 
  • Membut widget Blogger
  • Kode tampilan Mp3 pada postingan

Bila poin di atas sudah di persiapkan kita lanjut Memasang Lagu MP3 Dari Dropbox di widget Blogger.
Buka Dasbor Blogger pilih menu Tata Letak (layou) lalu Tambah Gadget (add gadget) pilih HTML/JavaScript selanjutnya Paste Kode Mp3 yang sudah di persiapkan lalu lihat hasilnya.

Kode Mp3
<div id="musik">
  <div class="avatarmusic"><img src="https://i.pinimg.com/236x/e5/f9/b1/e5f9b11222ef36a681f7453a80064ee0.jpg" alt="avatar" /></div>
  <span class="judul">Ajari Membencimu</span><br /><br/><span class="penyanyi">Happy Asmara</span>
    <audio controls preload id="audio">
  <source src="https://dl.dropbox.com/s/gljtsf1yz8j4zd9/Happy%20Asmara%20-%20Ajari%20Aku%20Membencimu%20Hanyaswara%20%28Koplo%20Version%29.mp3" type="audio/mpeg" >
  Maaf browser anda tidak mendukung audio, widget keren ini tidak akan bermain.
</audio></div>
<style type="text/css" >
/* Music Player Keren */
#musik {
  background:#069c88;  font-size: 14px;
  color: #FF69B4;
  text-align: left;
  font-family: "Arial", sans-serif;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  width: auto;
  max-width:300px;
  padding: 10px;
}
.avatarmusic img{
  background-size: 95px;border:none !important;
  float: left;
  height: 95px;margin-bottom:10px;
  width: 95px;border-radius:10%;padding-right:4px;
}
.avatar img:hover{opacity:.5;
}
.judul{color:#f4f3f3;
  font-size:1.2em;
  font-weight:bolder;
}
.penyanyi{
  color:#f4f3f3;
  font-size:1em;
}
</style>
Keterangan
1. Ubah link gambar dengan kesukaan kalian
2. Ganti link Mp3 dari DropBox atau penyimpanan online lain

Panduan gambar Cara Memasang Lagu MP3 Dari Dropbox di widget Blogger

Dengan adanya tampilan Mp3 pada halan utama atau widget blog ini pastinya penggujung akan terasa nyaman denga fitur ini. Semoga Cara Memasang Lagu MP3 Dari Dropbox di widget Blogger bisa membatu mempercantik pada artikel kalian, Trima kasih.

Cara Membuat Tampilan Player Mp3 di Postingan Blogger Keren

Cara Membuat Tampilan Mp3 di Postingan Blogger Keren - di postingan kali saya akan membagikan tutorial membuat Mp3 di postingan blogger yang sangat keren atau jaman now. 

Tampilan Mp3 pada postingan ini nanti di sertai gambar yang kalian inginkan dengan cara mengati link gambarnya, warna tema background yang bisa kalian ubah juga. Pokoknya sangat bagus memeprcantik tampilan pada postingan.

Yang harus kita persiapkan sebelum membuat 
  • Membut postinga pada blogger
  • Kode tampilan Mp3 pada postingan
Hasil Gambar Mp3 di Posting Blogger

Cara Membuat Tampilan Player Mp3 di Postingan Blogger Keren berserta gambarnya, sebagi berikut
Buka Dasbor blogger lalu Buat Postingan Baru ubah menjadi Mode Tampilan HTML selanjutnya Paste Kode Mp3 yang sudah saya sediakan, lihat hasilnya.

Kode Mp3
<div id="musik">
  <div class="avatarmusic"><img src="https://i.pinimg.com/236x/e5/f9/b1/e5f9b11222ef36a681f7453a80064ee0.jpg" alt="avatar" /></div>
  <span class="judul">Welcome in Teach How Blog</span><br /><br/><span class="penyanyi">Smexi Asisten</span>
    <audio controls preload id="audio">
  <source src="https://dl.dropbox.com/s/gljtsf1yz8j4zd9/Happy%20Asmara%20-%20Ajari%20Aku%20Membencimu%20Hanyaswara%20%28Koplo%20Version%29.mp3" type="audio/mpeg" >
  Maaf browser anda tidak mendukung audio, widget keren ini tidak akan bermain.
</audio></div>
<style type="text/css" >
/* Music Player Keren */
#musik {
  background:#069c88;  font-size: 14px;
  color: #FF69B4;
  text-align: left;
  font-family: "Arial", sans-serif;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  width: auto;
  max-width:300px;
  padding: 10px;
}
.avatarmusic img{
  background-size: 95px;border:none !important;
  float: left;
  height: 95px;margin-bottom:10px;
  width: 95px;border-radius:10%;padding-right:4px;
}
.avatar img:hover{opacity:.5;
}
.judul{color:#f4f3f3;
  font-size:1.2em;
  font-weight:bolder;
}
.penyanyi{
  color:#f4f3f3;
  font-size:1em;
}
</style>
Keterangan
1. Ubah link gambar dengan kesukaan kalian
2. Ganti link Mp3 dari DropBox atau penyimpanan online lain

Panduan gambar Cara Membuat Tampilan Player Mp3 di Postingan Blogger Keren


Hasilnya

avatar
Melukis Senja

Budi Doremi

Dengan adanya tampilan Mp3 pada postingan blog ini pastinya penggujung akan terasa nyaman denga tampilanya. Semoga Cara Membuat Tampilan Player Mp3 di Postingan Blogger Keren bisa membatu mempercantik pada artikel kalian, Trima kasih.

Cara Memasang Lagu MP3 Dari Dropbox di Postinagn Blogger

Cara Memasang Lagu MP3 Dari Dropbox di postingan Blogger - di blog postingan kalian ingkin di pasang Mp3, mau membuat blog player Mp3 atau blog download mp3. 
Gambar Logo DropBox

Nah di kesempatan kali ini saya akan membut player pada postingan blogger dengan mudah dan keren. Yang harus di persiapkan dalam memasang Mp3 di postingan blog sebgai berikut 
  • Mp3 yang sudah di Upload ke DropBox
  • Kode Mp3 yang di pasang pada postingan blogger

Cara Memasang Lagu MP3 Dari Dropbox di Blogger sebgai berikut 
  • Copy link Mp3 dari DropBox 
    Link dari dropbox yang belum di ubah
    https://www.dropbox.com/s/yydxupllqi7hf7x/Lyla%20X%20Ghea%20Indrawari%20-%20Janji%20%5BOfficial%20Music%20Video%5D.mp3?dl=0

    Link dari DropBox yang sudah di ubah
    https://dl.dropbox.com/s/yydxupllqi7hf7x/Lyla%20X%20Ghea%20Indrawari%20-%20Janji%20%5BOfficial%20Music%20Video%5D.mp3

    Keterangan 
    - Ubah www menjadi dl
    - Hapus ?dl=0

    Kode Mp3 yang di pasang pada postingan blogger
    <audio controls="" id="audio" preload="">
     <source src="https://dl.dropbox.com/s/yydxupllqi7hf7x/Lyla%20X%20Ghea%20Indrawari%20-%20Janji%20%5BOfficial%20Music%20Video%5D.mp3" type="audio/mpeg"><source>
    </audio>

    • Keterangan 
    Ganti link mp3 di src yang akan di jadikan palayer pada postingan blogger.

  • Buka postingan blogger lalau paste Kode Mp3 yang di pasang pada postingan blogger, lalu ubah menjadi Tampilan HTML 
  • Save
Play hasilnya

Semoga panduan Memasang Audio Lagu MP3 Sendiri Dari Dropbox di postingan Blog bisa bermanfaat buat kalian, trima kasih.