Tutorial

  • Android
  • Blogger
  • Pendidikan
  • Printer
  • Komputer
  • MedSos
  • Not always the content of a blog it is a text and pictures as well as tutorials documentation or entertainment sometimes Koten blog published in the form of Audio recordings such as the speech rate/Tausiyah religion or other forms of audio.  

    On this post, I will share the tutorial on how to install responsive Audio Player with Control on a blogger post. I say responsive because the size of the Audio player can be Adjust automatically in various devices accessing the Audi content, whether it is a desktop with various types of browsers and Mobile Android.

    To publish content in the form of Audio, you can use the following HTML Audio Player responsive with Control source code.

     
      <div style="text-align: center;">
    <br />
    <br />
    <img border="0" src="https://www.radiorodja.com/wp-content/uploads/2018/12/Dosa-Dosa-Besar-Yang-Dianggap-Biasa-Ustadz-Ahmad-Zainuddin-600x400.jpg" /></div>
    <div style="text-align: center;">
    <br /></div>
    <div style="text-align: center;">
    
    The great sin that is considered ordinary is the religious lectures and scientific Islamic Studies delivered by Ustadz Ahmad Zainuddin, Lc. Directly from the Village ball field Lompio, behind the village office Lompio, Kec. Sirenja, District. Donggala on Thursday, 21 Robiul Awwal 1440 H/29 November 2018 M.
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
    
    <link href="https://cdn.plyr.io/3.5.2/plyr.css" rel="stylesheet"></link>
    <script src="https://cdn.plyr.io/3.5.2/plyr.polyfilled.js"></script>
    
    <audio controls="" id="player">
    <source src="https://mp3.radiorodja.com/Ustadz%20Ahmad%20Zainuddin/Tematik/20181129%20Ustadz%20Ahmad%20Zainuddin%20-%20Dosa%20Besar%20Yang%20Dianggap%20Biasa.mp3" type="audio/mp3"></source>
    </audio>
    
    <script>
    var player = new Plyr('#player');
    </script>
    
    <br />
    <div>
    </div>
    
    



    First create a new entry in the Posts menu, then make a little Mukodimah so that the post doesn't impress too short. Then copy the HTML code above, pastdial on the placement location of the new entry sheet in HTML mode. Remember Yes in HTML mode do not Compose, because if in Compose Source mode this HTML Audio code will not work after it is published.



    Dosa Besar Yang Dianggap Biasa adalah ceramah agama dan kajian Islam ilmiah yang disampaikan oleh Ustadz Ahmad Zainuddin, Lc. langsung dari lapangan bola desa Lompio, belakang kantor desa Lompio, kec. Sirenja, kab. Donggala pada hari Kamis, 21 Robiul Awwal 1440 H / 29 November 2018 M.

    Perhatikan Screenshot Entri Konten berikut ini: 



    HTM CodeL: <img border="0" src="https://www.radiorodja.com/wp-content/uploads/2018/12/Dosa-Dosa-Besar-Yang-Dianggap-Biasa-Ustadz-Ahmad-Zainuddin-600x400.jpg" is Image Preview post. So here we just call the image to be displayed via a link without having to upload an image on the post. 

    Kode HTML: <div style="text-align: center;"> The great sin that is considered ordinary is the religious lectures and scientific Islamic Studies   delivered by Ustadz Ahmad Zainuddin, Lc. Directly from the Village ball field Lompio, behind the village office Lompio, Kec. Sirenja, District. Donggala on Thursday, 21 Robiul Awwal 1440 H/29 November 2018 M. </div> is decryption of the content. If you have already made it to the previous mukodimah, then this section can be filled with the closing words.

    Kode HTML :  <source src="https://mp3.radiorodja.com/Ustadz%20Ahmad%20Zainuddin/Tematik/20181129%20Ustadz%20Ahmad%20Zainuddin%20-%20Dosa%20Besar%20Yang%20Dianggap%20Biasa.mp3" is an Audio Source Link to be published. In other words we do not need to upload an Audio file in the post but can retrieve the source link audio that was previously uploaded on another site such as Google Drive or Sound Could.

    Once you have finished inserting the picture as Preview link, giving a snippet description of the audio file as well as inserting the audio source link, the next step is to complete the entry settings as usual such as Label, Setting Link permanent link, New search descriptions are published and see the results.

    If you are curious about the Audio Player responsive View With Control on Blogger posts you can visit one of the I sites where you share Tausiyah Islami here: RUMAH TAUSIYAH di dalamnya terdapat postingan berupa Audio dan Vidio dari Youtube.

    So Tutorial how to install responsive Audio Player on Blogger Post, hopefully useful do not forget to help suport with share blog tutorials Online to your friends. See you in next Tutorial.

    Artikel Terkait:
    Bagi Anda yang ingin mendapatkan notifikasi update setiap harinya silahkan bergabung WhatsApp Group Gabung Sekarang
    Comment Sekarang