Rabu, 01 Juni 2016

Cara Memasang atau Memasukkan Lagu di Blog dengan Pilihan Sendiri

Memasang dan memasukan lagu yang diinginkan ke blogmerupakan hal yang berguna bagi kita yang ingin menghias blog dan menambahkan fitur menarik sehingga dapat membuat pengunjung merasa nyaman dan senang, dan dengan fitur lagu yang telah kita pasang atau masukan pastinya akan membuat para pengunjung kita betah berlama- lama menjelajahi blog kita dengan diiringi musik atau lagu yang bagus terutama untuk blog yang memiliki kategori dengan pengunjung yang berpotensi senang mendengarkan lagu.
Baca juga 10 situs penyedia widget keren untuk blog

Hasil dari cara memasang atau memasukan lagu atau musik ini akan berbentuk seperti widget yang kita pasang di blog pada umumnya dan dengan fitur untuk memainkan musik yang terdapat dalam daftar putar yang telah kita pilih atau masukan terdahulu, jadi kita dapat menentukan lagu mana yang akan pengunjung gemari atau dapat juga kita pilih sesuai kesukaan kita.
Baca juga Dapat uang dari PPC terbaik Kliksaya
                6 Cara Mendapat Backlink Berkualitas

Cara memasang lagu atau musik kali ini akan kita lakukan melalui tool gratis situs/ web scmplayer, dimana terdapat banyak pilihan dan pengaturan yang dapat kita sesuaikan seperti keinginan kita seperti mengatur warna, fitur seperti auto reply serta memilih lagu yang kita inginkan yang dapat kita pilih melalui soundcloud.com.

Cara memasang atau memasukan widget lagu ke blog

1. Kunjungi situs scmplayer.net
Widget Lagu/ Musik mp3

2. Akan muncul tampilan seperti dibawah ini dan di menu “Choose Skin” anda dapat memilih warna background yang anda inginkan dan lanjut dengan kllik “Edit Playlist”
3. Siapkan lagu yang anda inginkan, saya sarankan cari di soundcloud.com selanjutnya masukan judulnya kedalam kolom “song title” dan URL lagu dari soundcloud.com tadi kedalam “Song URL” kemudian jika telah selesai klik “Next”

Memasukan Lagu ke Blog
4. Anda akan masuk ke menu “Setup Wizard” dan silahkan atur sesuai keinginan anda

Pengaturan Lagu Blog
Keterangan Pengaturan :
  • Auto play untuk memutar lagu secara otomatis
  • Shuffle Playback untuk memutar lagu dalam daftar anda secara acak
  • Default Volume untuk mengatur volume suara standar yang anda inginkan
  • Repeat Mode untuk mengatur pengulangan lagu
  • Placement of Player Bar untuk mengatur letak pemutar musik yang ingin kita pasang di blog
  • Show Playlist by Default untuk menampilkan pemutar secara default yaitu di sebelah kanan blog

5. Klik done untuk memperoleh kode HTML sesuai pengaturan yang kita lakukan

HTML widget Lagu untuk Blog
6. Copy kode seperti gambar diatas dan letakan didalam HTML template anda dengan cara Masuk ke blogger – Klik Template  - Edit HTML dan cari kode <body> atau <body (gunakan CTRL+F untuk mempermudah) setelah ketemu letakkan kode yang anda copy tadi tepat dibawah kode  <body>
7. Simpan template dan lihat hasilnya.

Dengan selesai melakukan Cara Memasang atau Memasukkan Lagu atau Musik di Blog dengan Pilihan Sendiri ini akan menjadi kesenangan tersendiri bagi kita melihat penampilan dan fitur blog yang sesuai keinginan kita, sehingga diharapkan dapat bermanfaat sebagai bahan hiburan bagi pengunjung bog kita.

Cara Mengganti atau Menambah Menu dan Sub Menu Blog

Selamat pagi Siang ataupun sore sobat semua....
Postingan kali ini akan membahas tentang bagaimana cara mengganti Menu dan Submenu yang berada pada template blogger...
Tentunya sobat blogger sudah mempunya template blog masing-masing kan, jika belum anda dapat mengganti template blog sobat. Banyak sih tutorial seperti ini di google, tapi dalam penerapanya saya bingung karena harus kopi script lalu paste kopi script lalu paste, itu ribet kalo menurut saya. kali ini saya akan membuat sebuah cara yang tidak banyak kopi paste dan bisa dibilang tidak ribet

Oke langsung lanjut ke tutorialnya aja vroh...hehe

1. Langkah pertama anda pilihlah menu yang ingin sobat ganti..
disini saya contohkan saya ingin mengganti menu about.

2. Nah setelah anda menentukan menu yang ingin di ganti... lalu pilih template pada blog anda dan pilih edit HTML..

3. Setelah itu akan muncul banyak sekali script pada blog sobat, tak usah kaget itu hal biasa,,,hehe
4. Tekan ctrl+F untuk memunculkan kolom pencari dan ketika kata "about"

* Kita mengetik kata "about" karena kita ingin mengganti "menu about", untuk mengganti menu lain maka ketikan kata pada menu tersebut
5. Nah setelah ketemu script yang seperti ini...
* Pastikan anda ketemu dengan script yang mirip dengan script pada gambar.
6. Setelah itu, anda tinggal hapus kata "about" dan ganti dengan menu baru yang anda inginkan. Disini saya contohkan menu about diganti dengan menu "Profil".

7. Nah untuk mengganti sub menu sobat tinggal cari kata yang ada pada sub menu tersebut. Misalnya disini sub menu saya berisi kata "lurem Ipsum" maka cari di script kata tersebut menggunakan kolom pencari.
* Biasanya terletak dibawah menu Utama
8. Setelah ketemu scriptnya anda tinggal ganti tulisan "lurem ipsum" dengan tulisasn sub menu yang agan inginkan..
Disini saya contohkan dengan menggantinya dengan kata "Tokoh Inspiratif" dan "Sekolah"

9. Untuk menambah kan Menu ataupun sub menu anda tinggal kopi script menu ataupun sub menunya.
* kopi script "1" untuk menambah kan MENU
Kopi Script "2" untuk menambahkan SUB MENU
10. Terakhir tinggal anda simpan dan coba lihat blog anda, jika sudah berganti maka anda berhasil....


Nah itulah salah satu cara untuk mengganti ataupun menambahkan menu atau sub menu pada blog, terutama di blogger. Mohon perhatikan langkahnya baik-baik jika anda ingin berhasil,,hhe
Cara ini sudah berungkali saya coba pada blog saya dan lancar dan terbukti berhasil,,,hehe

Sekian dulu untuk postingan kali ini semoga bermanfaat bagi sobat semua yang ingin memulai menggeluti dunia blogging...hehe
Jangan lupa tinggalkan komentar ataupun kritik dan saran demi berkembangnya blog ini,,
Terimakasih.....:)

Cara Mengedit bagian Top Menu pada template blogger,,

Kali inii saya mau berbagi informasi mengenai cara mengedit top menu pada template blog kita. seperti menu home,pages, comment,posts,coments,,,,, sampai skarang sepertinyaa belum ada cara supaya dapat mengedit secara mudah dan praktis, jadi harus ngoprek html gtoo,,,tapi no problem koq,,pasti teman teman bisa deh,,,,,,
... untuk itu,tak usah lama lama lagi, langsung kita peajari cara mengedit bagian top menu pada blogger kita harus dan ada sedikit mengubah kode script html template blognya... jadii ingat sugeesti saya untukmemperthatikan dengan seksama,,,,okeeee

>> 1st example,Check it Out Guys
1. Login ke Blogger > Rancangan > Edit HTML > Edit Template ( don't forget centang expand template widget )... Kemudian Copy-Paste dahulu semua kode HTML template widget blog kamu ke dalam wordpad atau notepad, lalu simpat... untuk jaga-jaga gitu...
2. Tekan Control+F lalu cari kode " <div id='menu'> " ...kalau di kode html saya mungkin ada beberapa script html yang berbeda dengan blog kalian, jadi kalau yang menggunakan fasilitas template otomatis yang baru, bisa di "find" kata kunci seperti home dan lainnya,,,lalu chek bagian tersebut
3. Nanti akan terlihat kode sesudah " <div id='menu'> " yang seperti contoh dibawah ini...
<div id='menu'>
   <ul>
    <li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><div class='gap'/></li>
    <li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>
    <li><div class='gap'/></li>

    <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
    <li><div class='gap'/></li>
    <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
    <li><div class='gap'/></li>
    <li><a href='http://www.blogger.com/'>Login</a></li>
   </ul>
  </div>

    </div>


Keterangan :
> Ubahlah nama menu yang saya kasih warna ungu, sesuai keinginan
> URL yang saya warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan sendiri...

4. Finally simpan template kamu lalu lihat blog yang sudah di update dengan refresh, atau klik ''lihat blog''

...Jika kalian mau menambah lagi menu blog,tinggal copy-paste kode html top menu-nya contoh dibawah ini :
<div id='menu'>
   <ul>
    <li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><div class='gap'/></li>
    <li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>
    <li><div class='gap'/></li>

<li><a href='menambah menu di tengah'>Tambah Menu di tengah</a></li>
    <li><div class='gap'/></li>

    <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
    <li><div class='gap'/></li>
    <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
    <li><div class='gap'/></li>
    <li><a href='http://www.blogger.com/'>Login</a></li>

    <li><a href='menambah menu dibawah'>Tambah Menu dibawah</a></li>

   </ul>
  </div>

atau bisa seperti dibawah ini>>>>>>

>>2nd example 
1. Jika kode html top menu di 1st example berbeda dengan kode top menu di template kamu.. coba yang ini.. 
2. Tekan Control+F lalu cari kode " <div class='Menu'> " ...
3. Nanti akan terlihat kode sesudah " <div class='Menu'> " yang seperti contoh dibawah ini...
<div class='Menu'>
                <ul>
                <li><a href='/'><span>Home</span></a></li>
                <li><a href='#' title='About'><span>About</span></a>
</li>
                <li><a href='#' title='Contact'><span>Contact</span></a>
</li>
                <li><a href='#' title='Extras'><span>Extras</span></a>
</li>
                </ul>
            </div>
Keterangan :
> Ubahlah nama menu yang saya warnai ungu seperti contoh diatas...
> URL yang saya warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan...

5. Jika selesai kemudian Simpan template & refresh blog kamu... 

...Dan jika ingin menambah lagi menu blog tinggal copy-paste kode html top menu-nya saja seperti contoh dibawah ini :
<div class='Menu'>
                <ul>
                <li><a href='/'><span>Home</span></a></li>
                <li><a href='#' title='About'><span>About</span></a>
</li>

                <li><a href='menambah menu di tengah' title='#'><span>Tambah Menu di tengah</span></a>
</li>

                 <li><a href='#' title='Contact'><span>Contact</span></a>
</li>
                <li><a href='#' title='Extras'><span>Extras</span></a>
</li>

                <li><a href='menambah menu dibawah' title='Extras'><span>Tambah Menu dibawah</span></a>
</li>

                </ul>
            </div>
 Semoga berhasil kawan,,,,

Cara Mengganti Gambar Slide Template pada Blog



Misalnya Template yang mempunyai efek slide gambar membuat blog anda seperti website profesional, tetapi masalahnya tema atau kategory blog kita tidak sesuai dengan slide-slide gambar yang disediakan pada template tersebut. Tidak enak dipandang mata kan kalau misalkan kategory blog kita tentang pendidikan tapi slide-nya gambar film, hehee..
  
Ok langsung saja ke tutorialnya, Anda dapat mengikuti langkah berikut ini.
  1. Login ke akun Blogger Anda
  2. Klik Rancangan atau Tata Letak (layout)
  3. Klik Edit HTML
  4. Tekan Ctrl + F (dimaksudkan untuk memudahkan pencarian)
  5. Ketiklah Title (nama) gambar yang akan diubah pada pencarian.
  6. Jika gambar anda mirip dengan gambar berikut serta kalimat yang ada di dalam gambar ini sama, coba ketik title berikut "This Is Featured Post 5 Title" pada kotak pencarian Anda.
  7. Setelah ketemu Anda dapat mengganti kalimat maupun gambarnya. 
  8. Ganti url gambar slide template Anda dengan gambar yang Anda inginkan, cara mudah, Anda Upload terlebih dahulu gambar Anda pada website misal di Picasa,Flickr, maupun Photobucket. Selanjutnya copy url-nya dan pastekan pada url gambar yang anda temukan tadi.
  9. Setelah pengeditan selesai Klik Simpan/Save


Catatan : 
  • Usahakan gambar yang Anda upload sama ukurannya dengan gambar sebelumnya
  • Untuk melihat ukuran gambar sebelumnya, Anda dapat meng-copy url gambarya dan mempastekannya di tab (jendela) baru berowser Anda.
  • Setelah itu simpan dan lihat resolusi (ukuran) gambar tersebut. 
  • Untuk memudahkan dalam pengeditan Lihat gambar berikut.


Sekian dulu Tuturial Blog dari saya semoga bermanfaat gan \m/

Lapisan Session (Session Layer)

  Session Layer Jaringan Komputer OSI Layer Reference Model merupakan sebuah permodelan sistem logic yang digunakan daam  jaringan komputer ...