Cara Menampilkan Lirik Lagu Saat Memutar Musik Di Smartphone Android

Cara Menampilkan Lirik Lagu Saat Memutar Musik Di Smartphone Android

Selamat datang agan atau aganwati kali ini Saya akan berbagi tips dan trik yaitu cara menampilkan lirik lagu saat memutar musik di smartphone android, dengan cara ini kita dapat mengetahui lirik dari lagu tersebut melalui smartphone secara otomatis dan dapat membantu Anda menghafalkan lagu tersebut, untuk menerapkannya di smartphone Anda silakan ikuti beberapa langkah berikut ini;



Langkah

1. Silakan cari aplikasi Musixmatch di google playstore,


2. Setelah ter-install, buka aplikasi Musixmatch,


3. Untuk mengatur agar setiap memutar musik menampilkan lirik, klik menu opsi pojok kiri atas,

Cara Menampilkan Lirik Lagu Saat Memutar Musik Di Smartphone Android


4. Setelah itu pilih menu pengaturan,

Cara Menampilkan Lirik Lagu Saat Memutar Musik Di Smartphone Android


5. Jika sudah, pilih menu mengelola notifikasi,

Cara Menampilkan Lirik Lagu Saat Memutar Musik Di Smartphone Android


6. Lalu pada menu floating lyrics jangan lupa dihidupkan,

Cara Menampilkan Lirik Lagu Saat Memutar Musik Di Smartphone Android


7. Jika sudah, putarlah musik Anda akan muncul lirik lagu tersebut,

Cara Menampilkan Lirik Lagu Saat Memutar Musik Di Smartphone Android






Nah, itu saja dari Saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar Anda, terima kasih.

Cara Membuat Tombol Download Dan Demo Show Hide Responsive

Cara Membuat Tombol Download Dan Demo Show Hide Responsive


Selamat datang agan atau aganwati kali ini saya akan berbagi tips dan trik blogging yaitu cara membuat tombol download dan demo show hide responsive, untuk menerapkannya di blog silakan ikuti beberapa langkah berikut ini;


Langkah

1. Login pada blog Anda masing-masing,

2. Pada menu dashboard blog pilih menu template,

3. Lalu pilih menu edit html,

4. Cari kode </head> dengan cara
Ctrl
+
F
,


5. Jika sudah ditemukan copy script di bawah ini, script ini berguna untuk mengaktifkan elemen font awesome, jika sudah memiliki script seperti di bawah dianjurkan tidak memasangnya kembali, agar berjalan sempurna dan tidak menimbulkan konflik elemen,

 <link href='//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/> 


6. Jika sudah paste tepat di atas kode </head>,

7. Setelah itu cari kode </b:skin> dengan cara
Ctrl
+
F
,


8. Lalu copy script di bawah ini,

 /* Download and Demo White Button Show Hide */
.whitebutton {
margin: 20px auto;
padding: 20px 0;
width: 200px;
}

.whitebutton a {
background: #fff;
color: #666;
display: block;
font-size: 17px;
font-weight: 700;
font-family: 'Arial',Verdana,sans-serif;
height: 50px;
line-height: 50px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 200px;
position: relative;
z-index: 2;
}

.whitebutton a:before {
content: '\f019';
font-family: FontAwesome;
font-weight: normal;
padding: 8px;
margin-left: -12px;
margin-right: 6px;
}

.whitebutton span {
background: #444;
color: #fff;
display: block;
font-size: 12px;
font-family: 'Arial', Verdana,sans-serif;
height: 40px;
line-height: 40px;
text-align: center;
width: 200px;
z-index: 1;
text-transform: uppercase;
font-weight: bold;
}

.whitebutton .up {
background: #e25734;
margin: -25px auto;
opacity: 0;
border-radius: 0 0 5px 5px;
transform: translate(0,-50px);
transition: 350ms;
}

.whitebutton .down {
margin: -30px auto;
opacity: 0;
border-radius: 5px 5px 0 0;
transform: translate(0,-50px);
transition: 350ms;
}

.whitebutton .down:before {
content:'\f14a';
font-family: FontAwesome;
font-weight: normal;
margin-right: 6px;
color: #aaa;
}

.whitebutton:hover .up {
opacity: 1;
transform: translate(0,0);
}

.whitebutton:hover .down {
opacity: 1;
transform: translate(0,-90px);
}

.whitebuttondemo {
margin: 20px auto;
padding: 20px 0;
width: 200px;
}

.whitebuttondemo a {
background: #e25734;
color: #fff;
display: block;
font-size: 17px;
font-weight: 700;
font-family:'Arial',Verdana,sans-serif;
height: 50px;
line-height: 50px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 200px;
position: relative;
z-index: 2;
transition: 350ms;
}

.whitebuttondemo a:before {
content:'\f002';
font-family: FontAwesome;
font-weight: normal;
padding: 8px;
margin-left: -12px;
margin-right: 6px;
}

.whitebuttondemo a:hover {
color: #fff;
}

.whitebuttondemo span {
background: #444;
color: #fff;
display: block;
font-size: 12px;
font-family: 'Arial', Verdana,sans-serif;
height: 40px;
line-height: 40px;
text-align: center;
width: 200px;
z-index: 1;
text-transform: uppercase;
font-weight: bold;
}

.whitebuttondemo .up {
background: #444;
margin: -25px auto;
opacity: 0;
border-radius: 0 0 5px 5px;
transform: translate(0,-50px);
transition: 350ms;
}

.whitebuttondemo:hover .up {
opacity: 1;
transform: translate(0,0);
}



9. Lalu paste tepat di atas kode </b:skin>,


10. Simpan.



Penerapan

1. Jika digunakan dalam artikel posting, ubah jenis artikel dahulu dari compose menjadi html,

Cara Membuat Tombol Download Dan Demo Show Hide Responsive

2. Setelah itu copy script di bawah ini,

 <div class="whitebuttondemo">
<a href="LINK DEMO" title="TITLE" target="_blank">JUDUL DEMO</a><br />
<span class="up">click to view</span></div>
<br />
<div class="whitebutton">
<a href="LINK DOWNLOAD" title="TITLE" target="_blank">JUDUL DOWNLOAD</a><br />
<span class="up">click to begin</span><br />
<span class="down">2210MB .rar</span></div>
<br />
<br />

Jangan lupa ubah link dan judul demo dan download Anda!


3. Selesai.



Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar Anda, terima kasih.

Kang Renaldy Story ( Tentang Admin )

Kang Renaldy Story


Identitas / Biodata


Kelahiran Karanganyar, 16 Desember 1999, dilahirkan oleh seorang malaikat yang selalu menjaga saya dari kecil yaitu ibu saya bernama Ibu Subini dan mempunyai seorang ayah yang sabar dan bertanggung jawab kepada keluarga yaitu Bapak Sadjiman. Saya tinggal di Kabupaten Karanganyar bersama ayah dan ibu saya, dalam kehidupan dikeluarga saya menjadi anak tunggal dari kedua orang tua saya. Saya telah menamatkan bangku pendidikan tingkat sekolah dasar di SD Negeri Karangasem 2 dan melanjutkan ke pendidikan menengah pertama di SMP Negeri 2 Surakarta setelah itu saya melanjutkan ke bangku pendidikan menengah atas SMA Negeri 5 Surakarta yaitu di kelas 10.



Aktif Dalam Blogger

Sebagai administrator di blog ini, saya membangun blog ini mulai dari saya belum sama sekali menguasai teknik dasar dalam blogging yaitu html, css, dan javascript hingga dapat membangun blog seperti ini rasanya harus memerlukan banyak pengorbanan dan waktu dalam pembangunanya. Pada tanggal 3 Februari saya bergabung dengan bloggger, pada saat itu saya sama sekali tidak tahu menahu tentang blogger, saya pun membuat artikel pertama saya yaitu "Kumpulan Kata Bijak Keren" dahulu saya membuat artikel acak-acakan dan belum mengenal apapun dalam sistematika penyusunan, setelah saya pelajari lebih detail, sistematika penyusunan artikel sangatlah penting bagi pengunjung blog kita, oleh karena itu saya menyunting seluruh artikel yang pernah saya buat menjadikan artikel saya lebih sistematis.

Manfaat dari saya blogging, saya menjadi mempunyai teman blogging yang cukup banyak, diantaranya adalah Khoaziz, Tsani Aziz, Irvan Efendy dan masih banyak lagi. Dalam pembangunan blog saya, saya dibantu oleh Master Khoaziz, tapi entah mengapa sekarang Khoaziz sukar untuk dihubungi dan sekarang Khoaziz tidak fokus dalam blogging namun sekarang fokus dalam pembuatan sosial medianya.



Motivasi Kehidupan


Kekayaan tidak akan menjamin hidupmu sukses.

Mengapa harus cari yang spesial, kalau yang sederhana sudah mampu membuatmu bahagia.

Satu-satunya cara melakukan sebuah pekerjaan yang luar biasa adalah dengan mencintai apa yang saat ini tengah anda kerjakan.

Solusi sedehana atas kekecewaan adalah bangun dan bergeraklah.



Inspirasi Blogging


3. Khoaziz,



Admin On Social Media