Minggu, 26 Juni 2016

Cara Mudah Membuat Mp3 Player Di Blog

Berangkat dari sepengalaman Saya Pribadi Sewaktu Jalan-jalan Ke blognya Tetangga,Sempat dikejutkan Ketika Mendengar suara Musik Yang tiba-tiba Muncul Di Earphone saya Wuih sampet Kaget ,Padahal saya merasa Dari tadi Ga Buka winamp Di Kompi saya ,,,Eh ternyata setelah  Saya Melihat isi dalam blog tersebut terpasang widget pemutar musik,,,,heem rupanaya ini dia sumber nya hehehe :d .Dan akhir nya Saya Berniat untuk mencoba membuat dan Menerapkan nya di blog saya sebagai bahan percobaan dan Alhasil saya berhasil...
Bagi Sobat yang Kesasar Ke blog Saya dan Berniat Mencobanya silahkan simak baik-baik Tutorial nya di bawah ini:
  1. Langkah Pertama Sobat Masuk Kesini atau ke http://scmplayer.net/ 
Setelah Sobat Masuk Ke http://scmplayer.net/ Sobat Akan Melihat gambar seperti dibawah ini:

Cara Membuat Mp3 player diblog keren


  • Langkah Ke dua Sobat Silahkan Pilih Skin atau tampilan pemutar mp3 nya sesuka Sobat dengan cara Centang Lingkaran disebelah kanan Gambar Skin Selanjutnya Klik Next Dan sobat Akan Dibawa Pada Halaman Seperti Gambar Dibawah Ini:
Seting Mp3 Player
Ada Beberapa Seting Yang Harus Sobat Lakukan Sebelum Mendapatkan Codenya,
  1. Manual Play List (Pilih Manual jika sobat Menginginkannya manual)
  2. Song Title (Masukan Judul Lagu yang nantinya akan tampil Pada Pemutar mp3nya)
  3. Song Url (Masukan Url Lagu yang nantinya akan diputar di mp3)
Catatan: Jika Sobat Tidak Mempunyai Url lagu Untuk dipasang, Silahkan Sobat Cari Di4Shared.com
                Atau Sobat Bisa Googleing Untuk Mendapatkan Url Lagunya.
    Jika sobat ingin menambahkan lagu lebih dari satu silahkan sobat isi Title dan Url nya dikotak yang masih kosong. Selanjutnya Klik Next untuk Pengaturan yang lainya seperti gambar di bawah ini:

    Cara termudah membuat mp3 pemutar di blog

    Setelah Setingan Semuanya selesai klik "Done" Untuk Mendapatkan Code Yang Nantinya Akan Sobat Copy paste Di blog, Dan Sobat Akan Dibawa Pada Halaman Seperti Gambar di Bawah ini:
    belajar Membuat Mp3 player Di blog

    Kira-Kira Codenya Seperti Gambar di Atas Copy terus Paste Di Blog sobat,Caranya Sobat Login Dulu Ke  Akun blognya sobat Lalau Pilih Tata Letak, lalu Pilih Tambahkan Gadget, lalu Pilih HTML Java Script, Dan Paste Code Yang telah sobat Copy Tadi  Lalu SAVE, Selesai Deh,,, Selamat mencoba..
    Jika Sobat Ingin Melihat Demonya Silakan klik  <<Di sini>>

    Cara Mudah Membuat Slide Show Foto di Blog

    Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar daripada tulisan. 

    Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

    Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.

    Cara Mudah Membuat Slide Show Foto di Blog
    1. Login ke blogger
    2. Pilih Tata Letak kemudian Tambah Gadget
    3. Pilih HTML/JavaScript
    4. Masukan kode HTML berikut ini:

    <script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
    <script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#content-slider').cycle({
    fx: 'fade'
    });
    });
    </script>
    <style type="text/css">
    #content-slider {
       position: relative;
       width: 100%;
       height: 250px;
       overflow: hidden;
       margin:0 auto;
    }
    #content-slider img {
       display: block;
       width: 100%;
       height: 250px;
    }
    </style>
    <div id="content-slider">
    <img src="URL Foto 1" />
    <img src="URL Foto 2" />
    <img src="URL Foto 3" />
    <img src="URL Foto 4" />
    </div>

    5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
    6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
    7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
    7. Simpan jika sudah selesai.

    Kumpulan HTML / Script Widget Jam Lucu Unik Keren Imut Untuk Mempercantik Blog

    Baru2 ini saya mengoleksi kumpulan kode HTML / java script widget atau gadget jam untuk blog, dan beberapa sudah saya share jauh2 hari, ada Kumpulan kode HTML Widget Jam Digital Keren di Blogger ada juga artikel saya tentang kumpulan kode HTML widget jam analog keren di blog,  dan fungsinya mudah2an masih sangat bermanfaat sebagai misal untuk mempercantik tampilan blog kesayangan kita,,  dan sekaligus agar blog kita semakin terkesan Profesional sehingga pengunjung akan betah mengubek2 isi / konten blog kita, Meningkatkan Trafik Pengunjung Blog blog dan yang paling di harapkan juga bisa menambah earning blog kita hehe,
    Ohya sampai lupa, kali ini untuk melengkapi yang sudah ada, untuk menambah pilihan temen2 blogger dalam pemilihan widget jam keren, tentunya akan semakin keren apabila widget jam yang kita pasang lebih cocok atau nyambung dengan isi / konten kita , betul? nagh kali ini ambya pengen bagiin koleksi2 Kumpulan HTML / Script Widget Jam Lucu Keren Imut Untuk Mempercantik Blog, yang udah ane ubek2 cari di belahan dunia hehe,, buat sobat blogger tercinta apa siyh yang nggak, hehe mengingat susahnya mencari widget jam yang keren2 dan lucu serta imut yang sebenarnya mungkin bertebaran di internet,,
    1. Cara Mendapatkan Kode HTML / JavaScript Widget jam Unik Gratis Untuk Blog
    Spesial Untuk Kode HTML widget unik kali ini saya merefferensi 2 Situs penyedia widget jamKumpulan HTML / Script Widget Jam Lucu Unik Keren Imut Untuk Mempercantik Blog untuk blog yang pastinya keren dan unyu-unyu, hehe. karena untuk jam unik sendiri harus lebih spesifik agar bisa benar - benar cocok dengan niche blog serta template blog kita. apalagi blog yang mempunyai niche Seputar anak - anak, pasti bakal seru kalau blognya di hiasi dengan pernak pernik unik dan pastinya menarik. Okeh langsung saja silahkan di pilih pilih widget jam unik sesuai dengan keinginan dan kecocokan pada blog anda
    1. Menuju Situs Penyedia Widget jam GratisAda dua rekomendasi Situs penyedia Widget jam unik untuk blog yang tentunya gratis, dan pastinya keren dan lucu lucu,  tinggal dipilih kira kira mana yang lebih sesuai dengan anda dan blog / website anda. kalau menurut saya siyh keren keren semua, hehe
     a. http://clocktag,com/page/accessory.htm
    b. http://hitarek,com/clockKids1.html
    2.  Dapatkan Kode HTML/ScriptSetelah di rasa cocok widget / gadget jam yang kita pilih maka langkah selanjutnya adalah mendapatkan kode HTML / JAvaScript untuk kemudian di tempelkan pada blog kita, nagh cara mendapatkan kode dari ke dua situs cukup berbeda namun sama sama gampang, monggo cekidot
    a. http://clocktag,com/page/accessory.htm
    Setelah sudah menemukan widget jam analog untuk website / blog  yang keren sudah benar benar cocok, klik saja tombol yang ada di bawah gambar widget jam yang bertuliskan "Go to HTML Tag" lalu pilih warna dari gambar jam yang sobat pilih, karena beberapa widget jam ini ada pilihan warnanya, yang di maksudkan agar bisa di sesuaikan dengan warna template blog kita, agar tetep lebih enak di lihat dan tidak menggangu penampilan blog. Setelah itu kode HTML widget jam akan muncul dan siap untuk di copy

    b. http://hitarek,com/clockKids1.html
    Nagh untuk situs penyedia widget jam unik yang kedua ini akan lebih mudah, karena kita sudah langsung bisa meilhat dan meng copy kode HTML / JAvaScript untuk widget / gadget jam unik nya, hanya saja mungkin kita akan sedikit di bingungkan dengan pilihan pilihan yang memang beraneka ragam dan memang banyak pilihan dari jenis Kids, Animations, Art, Dolls, Sport dan lain sebagainya, tapi memang sangat mudah karena kita hanya tinggal klik dan pilih jenisnya di tabel pilihan. Setelah dapat kan kodenya, langsung saja di "copy"
    2. Cara Memasang Widget Jam Unik Keren Di Blog
    Nagh  kini anda sudah memilik script html untuk widget pilihan anda yang siap di tempelkan pada blog atau website kesayangan anda, langkah selanjutnya adalah menempelkan script HTML ini pada template blog anda. Caranya adalah
    * Masuk Blogger Pilih blog yang akan anda pasang widget jam analog ini
    * Masuk Tata LetakMasuk Tata Letak Pilih lokasi dimana anda ingin memasang widget jam blog klik "Tambahkan Gadget"
    * Pilih HTML/JAvaScriptSilahkan Pilih jenis Widget "HTML/JavaScript" untuk meletakan kode yang kita copy dari situs penyedia widget jam keren tadi, lalu klik untuk menambahkan atau klik tombol plus

    *  Paste kan Kode Script / HTML
    Anda akan menuju ke jendela atau kolom baru, Judul boleh di isi atau boleh juga di isi 
    Kalau sudah Silahkan "Paste" kan kode script / HTML yang tadi kita copy dari situs penyedia widget jam gratis.. 
    http://www.ambyaberbagi.com/2014/05/kumpulan-kode-html-widget-jam-analog.html
    Setelah selesai klik simpan atau save dan selesai, lihat blog anda sekarang,, wao makin keren dan cantik ya blog kita.
    Nagh gaes begitulah kiraKumpulan HTML / Script Widget Jam Lucu Unik Keren Imut Untuk Mempercantik Blog, mudah2an salah satunya ada yang cocok buat blog sobat, bisa di pilih dan monggo di pasang di blog masing2,  Okeh terimakasih, dan Selamat Mencoba Kumpulan HTML / Script Widget Jam Lucu Unik Keren Imut Untuk Mempercantik Blog Semoga Bermanfaat


    *. Save dan Selesai