Cara Memasang Musik Autoplay di Blog

Cara Memasang Musik Autoplay di Blog - Bagi sebagian orang, Musik adalah hal yang wajib didengarkanya setiap saat, karena dengan musik kita dapat mendapatkan berbagai macam manfaat yang positif, dengan musik kita juga bisa mengeksplorasi inspirasi dan luapas kreativitas kita diatas nada-nada yang melantun indah membentuk simphoni. Selain itu, Musik juga dapat menjadi teman setia disaat kesepian, guna menghibur dan membangkitkan kembali gairah untuk beraktivitas pada kehidupan nyata. Hal ini tentunya sangat bermanfaat sekali, apalagi jika kita memasang hiburan Musik ini di blog kita dengan lantunan-lantunan lagu yang tentang dan merdu, tentunya pendengar atau pembaca blog kita akan semakin merasa nyaman pada saat mereka membaca artikel.

Menurut saya sendiri lagu-lagu yang match untuk dipasang di blog adalah lagu-lagu yang bergenre opera atau agak sedikit bersifat melow, pasalnya lagu-lagu tersebut menyimbolkan arti ketenangan dan kekeluargaan, pada saat membaca artikel atau konten para pembaca akan merasakan sensasi tentang dan jernih dalam berfikir yang perlahan akan membuat mereka mempunyai feels good terhadap blog kita, dan akhirnya mereka berminat untuk menjadi pengunjung yang setia atau loyal.

Layanan gratis ini disediakan oleh divine music yang menyuguhkan ribuan lagu tatkala siap dipasang untuk menambah keindahan blog kita, selain itu, pemasanganya juga terbilang cukup mudah dan praktis, kita hanya perlu mengambil kode dari lagu yang kita inginkan lalu memasangnya di blog kita.

1. Buka Divine Music.

2. Pilih salah satu genre yang kita sukai pada bagian kanan atas website.

3. Pilih salah satu penyanyi yang lagunya kita sukai.

4. Lalu, copy script HTML yang diberikan.

5. Login ke Blogger.

6. Pilih Tata Letak/Layout.

7. Klik Add Gadget.

8. Pilih HTML/JavaScript.

9. Letakkan kode HTML yang kita dapat dari Divine Music tadi.

10. Klik "Save/Simpan", dan selesai.

Untuk Preview dari widget Divine Music ini bisa anda lihat pada gambar diatas, nantinya widget ini akan langsung memunculkan lagu pada saat ada visitor yang berkunjung ke blog kita, namun mereka tidak bisa mematikanya, karena widget ini sudah didesain untuk bersifat autoplay dan tidak dapat di pause atau dimatikan.

Demikian informasi terbaru tentang cara memasang musik autoplay di blog, baca juga artikel menarik lainya seputar tutorial blog tentang cara membuat widget komentar terbaru dengan feedburner, semoga bermanfaat, dan selamat mencoba.

Membuat Widget Komentar Terbaru dengan Feedburner

Membuat Widget Komentar Terbaru dengan Feedburner - Secara tidak kita sadari Komentar adalah salah satu faktor terpenting yang mempengaruhi sebuah blog, dengan adanya komentar pengunjung lebih bisa mengekspresikan dan menyalurkan aspirasi-aspirasinya terhadap author blog, entah itu saran maupun kritikan. Komentar juga dapat kita jadikan sebagai sarana bertukar fikiran atau sekedar mengenal antar satu dengan yang lain. Apalagi bagi blog yang mempunyai konten seputar tutorial, tentunya banyak sekali yang ingin ditanyakan mengenai detail-detail pada konten kita, selain itu juga berfungsi sebagai sarana memperkuat ikatan silaturahim antar sesama pengunjung blog.

Berbeda dengan widget yang sudah saya bahas sebelumnya tentang widget top comentator, pada kesempatan kali ini saya akan kembali memberikan widget recent comments atau komentar terbaru di blog kita, jadi widget ini akan menampilkan newest comments dari yang paling baru secara berurutan ke yang paling lampau. Jika anda tertarik untuk memasang widget ini maka anda perlu mendaftarkan blog anda terlebih dahulu ke feedburner, pasalnya widget ini adalah buatan feedburner, namun jika anda sudah mempunyai akunya, maka anda cukup menggunakan akun lama anda tersebut.

1. Login ke Feedburner.

2. Masukkan URL Feed komentar dibawah ini, lalu klik next.

http://blogkamu.blogspot.com/feeds/comments/default

Keterangan: Ganti kode yang berwarna merah dengan URL Blog anda.

3. Sesuaikan Feed Title dan Feed Address, lalu klik tombol next.

4. Klik next lagi.

5. Centang "Clickthroughs" dan "I want more", lalu klik next.

6. Pilih Publicize pada menu.

7. Pilih BuzzBoost pada menu disebelah kiri.

8. Lihat pada bagian bawah halaman, klik "Activate".

9. Terakhir, taruh kodenya ke blog anda. Caranya : Login ke blogger > pilih tata letak > pilih add gadget > pilih HTML/JavaScript > letakkan kodenya > klik save (blogspot).

10. Selesai.

Demikian informasi terbaru tentang membuat widget komentar terbaru dengan feedburner, baca juga artikel lainya seputar tutorial blog tentang cara membuat twitter follower box, semoga bermanfaat, dan selamat menoba.

Cara Membuat Twitter Follower Box di Blog

Cara Membuat Twitter Follower Box di Blog - Seperti yang kita ketahui, Twitter adalah jejaring sosial yang paling diminati oleh banyak kalangan masyarakat, tak memandang umur, tua maupun muda selalu terlihat asyik pada saat memainkan akun mereka pada social media yang satu ini, itulah sebabnya kenapa Twitter kini menjadi saingan terberat akun jejaring sosial Facebook besutan Mark Zuckerberg. Berhubungan dengan dunia blog, belum lama ini saya pernah menemukan widget follower box yang simple dan elegan, karena saya pikir widget yang biasa diberikan oleh developer twitter belum bisa menyediakan tampilan seperti ini, kalau bisa dibilang widget ini mirip sekali dengan like box yang dimiliki oleh Dev Facebook, namun widget ini bertema biru muda seperti warna jejaring sosial Twitter yang terlihat anggun dan patut untuk dimiliki.

Selain tampilanya yang menarik, menurut saya Twitter adalah salah satu jejaring sosial yang sangat potensial untuk mendatangkan pengunjung, tidak seperti facebook, Twitter hanya memiliki 140 karakter yang 'justru' menurut saya lebih nyaman dan menarik untuk digunakan. Jika follower akun twitter kita sudah banyak, hal tersebut tidak menutup kemungkinan bahwa Twitter akan menggeser  sumber trafik utama blog kita yang awalnya berasal dari Seach Engine atau mesin pencari.

Pelajaran ini dapat kita simak dari kisah blog terselubung, blog yang penggunanya selalu menggunakan topeng tersebut 'kabarnya' mendapatkan banyak sekali kunjungan bukan dari mesin pencari semata, melainkan akun-akun jejaring sosial yang dimilikinya, blog yang membahas tentang hal-hal unik tersebut sudah memiliki lebih dari 400 ribu follower, dan bayangkan saja jika rata-rata hampir setiap hari ia memposting 12 artikel dan semua link-nya di klik oleh para followers-nya, tentu hal yang menjanjikan bukan untuk mendongkrak trafik kunjungan?

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Klik Add Gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode dibawah ini kedalamnya.

<iframe src="http://s.moopz.com/connect.html?user=tuliskandotcom" class="FB_SERVER_IFRAME" style="width: 300px; height: 250px; border:none; overflow:hidden;" frameborder="0" scrolling="no" name="fbfanIFrame_0" allowtransparency="true"></iframe><script type="text/javascript">fanbox_init("tuliskandotcom");</script>

Keterangan:

• Merah : Username Twitter anda
• Biru : Lebar Follower Box (sesuaikan dengan lebar sidebar)
• Hijau : Tinggi Follower Box 

6. Klik "Save/Simpan", dan selesai.

Preview & Live Demo

Demikian informasi terbaru tentang cara membuat widget twitter follower box di blog, baca juga artikel seputar tutorial blog lainya tentang widget social media metro windows 8, semoga bermanfaat, dan selamat mencoba.

Sumber Referensi : Moopz

Cara Membuat Widget Social Media Metro Windows 8

Cara Membuat Widget Social Media Metro Windows 8 - Hadir dengan semangat baru, Windows 8 dibekali dengan New Interface atau antar muka terbaru dari Microsoft Corporation, mengangkat nama Metro sebagai tampilan baru, nampaknya kini Windows 8 siap menggebrak pasar gadget nasional maupun internernasional, dan siap bersaing dengan para rival-rivalnya seperti Mac besutan Apple Inc. Berhubungan dengan itu, saya baru saja mendapatkan ide dari blog mas riefsaz, yaitu tentang widget social media atau jejaring social yang bertemakan ala metro windows 8, tentunya widget ini sangat cocok sekali untuk berada di blog anda yang bernuansa simple dan Windows 8 style.

Pada kesempatan sebelumnya saya juga sudah pernah memberikan beberapa varian widget social media seperti floating social media di sisi blog, yaitu widget jejaring sosial media yang melayang di tepi kiri atau kanan blog dan dilengkapi dengan efek easing. Tak jauh berbeda dengan widget sebelumnya, widget social media metro windows 8 ini terdiri dari 3 kolom yang berbentuk kotak-kotak layaknya antarmuka Windows 8, namun saya sarankan untuk menerapkan widget ini pada sidebar, karena ukuranya lebih condong ke lebar daripada tinggi atau sekitar 300px (ukuran default sidebar).

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Klik Add Gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode di bawah ini kedalamnya.

<style> .seconds{ text-align:right; color:#000; font-size:10px; } .supportive a:active{position:relative;top:1px} .list-style{display:none;} .widget-item-control a{display:none;} .widget-item-control a{display:none;} #supportive{width: 300px; float: left;margin-top: 10px;} #supportive li{position:relative; cursor:pointer; padding: 0 !important;} #supportive .facebook, .googleplus, .rss, .twitter{ position: relative; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 5; display: block; float: left; margin: 1px;} #supportive .icon{} #supportive .facebook{width: 147px; height: 150px; background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdQA0PjtdLtJ7orI8kEWZoMeQ2PIhxT2yyMtCF0X4Wx1UM1jrpFpPlrFdcSzkTvPlEVDztvHTabTV3D3miw4al9qR7b8qW2CfhWc5aasdawvbbouqTilkhy3V1V_gZ_A-GfpA0hACCD6k/h120/facebook.png") no-repeat center center;} #supportive .twitter{width: 148px; height: 74px; background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmp8xx-EdHFkygB1XcxhQzX2j-4xut7YbkRsPlyBe4G0AqbWhxxpyCUHmMfLm3E3Ef1VnJAOsONGHsucNpgNAVo-OmJGDbqI8ECUj2IlkSTZQWAFLamytfVux4bUYqaN0WjNm78zt9yQeA/s1600/Twitter.png") no-repeat center center;} #supportive .googleplus{width: 148px; height: 74px; background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGizikNhffLHBeW_hq0RJYMvofC3hTGmV9Sl_BFpXkIyD2L1ki7lpFrGSjYBdoB7OVOQlgB9M16YcwWSTrOR1ZQvBG8PN51uVgHrjgK6KiNmFt5VdcaXKjqU9tiO5CHYj7Ub2jiD3BtI9V/s1600/google+plus.png") no-repeat center center;} #supportive .rss{ width: 299px; height: 74px; background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhiHPbyGtvQt6rsvb_LbXydf-Tf932oDg7i_sOUEnhCNltnht0m7do-CnC0U4PIj7yT87Ds0aeN0Xrvd-qbG2tZ4Esph5hYYAZ4l2eqnmGq5VoHgDyhH5Zi7qmevmTMy8AdsUMuMaBd20K/s1600/rss.png") no-repeat center center;} #supportive li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); -webkit-transition: all 0.1s ease-in-out;} #supportive li:hover .twitter{background:rgba(64,153,255,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb2gTrVbDUmSfY8Xi7LyBFj1vZYYoHMsC2elh28HXw2cDTIZ10CO7pTeqXOX5n2n-E9ekzDTla_nR6Wifl3yBcLZMJ-tlwAJQ6ECC1gmhV12U1ouGZMMHtIzRN7vVRS-PJTBsdElEK9sY/h120/Twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;} #supportive li:hover .googleplus{background:rgba(228,69,36,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXm-W1K-2rx3216Z60GI-QaCUkZ5tdrHwEz-1IeB1xwIrCix-WRsdqG84mHYtmdeflhzZ3Ki3vjTgla9W79MMYyrE0Ru3xUzcBHdvmLGy7Mq7H-M1Rme5TePYiPpjcV0_7uOkAhr-MLI/h120/google+plus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;} #supportive li:hover .rss{background:rgba(255,102,0,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR86VWbHlNg9-ad5xS9K_uvieiHbpuG_29vQo4SKQ-Lsm7xrbdL78CEc-RXghFhuRDp6naAQiYEHY-TJonwvX41eRC8W3WIgykI3H2eQJa4BdcZGFExEJO3j1ASsnom22XtzAtZ59rv-Q/h120/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;} </style> <ul id='supportive'> <li><a class='icon facebook' href='http://www.facebook.com/FacebookFanPage'/></a></li> <li><a class='icon twitter' href='http://twitter.com/TwitterUserName'/></a></li> <li><a class='icon googleplus' href='https://plus.google.com/Google+ID/'/></a></li> <li><a class='icon rss' href='http://feeds.feedburner.com/IDFeedburner'/></a></li> 

Keterangan: 

• Ganti kode yang berwarna biru tua dengan Fan Page / ID Facebook anda.
• Ganti kode yang berwarna biru muda dengan Username Twitter anda.
• Ganti kode yang berwarna merah dengan ID Google+ anda. (ex. https://plus.google.com/115286939984964916456/posts).
• Ganti kode yang berwarna oranye dengan ID Feedburner anda.

6. Klik "Save/Simpan", selesai.

Demikian informasi seputar tutorial blog tentang cara membuat widget social media metro windows 8, semoga bermanfaat, dan selamat mencoba. Bila ada pertanyaan atau ada yang kurang jelas, anda bisa meninggalkan komentar di bawah atau langsung e-mail saya di muhammad.farhan.mf@gmail.com.

Sumber Referensi : Riefsaz

Cara Membuat Permainan Catur/Chess di Blog

Cara Membuat Permainan Catur/Chess di Blog - Pada hakikatnya fungsi blog adalah sebagai tempat untuk berbagi dan bertukar informasi antar sesama pengguna Internet, selain itu banyak blog juga memberikan fasilitas hiburan seperti permainan dan film. Jika tanpa adanya om Matt Mullenweg mungkin blogsphere Internet tidak akan sama seperti yang sekarang ini ramai oleh blog dan website dari berbagai macam platform dan developer, atas kerja keras dan kejeniusan-nya akhirnya beliau dijuluki sebagai "Bapak Pendiri Blog". Nampaknya sekarang ini hiburan adalah hal yang sangat diburu-buru oleh banyak peselancar di Internet, karena mereka merasa Internet adalah rumah ke-2  bagi mereka, bahkan ada salah satu band fenomenal di Eropa yang mengaku tidak bisa hidup tanpa adanya Internet.

Untuk itu, pernahkah anda mencoba untuk memasang permainan di blog anda? mungkin sarana seperti ini dapat dijadikan sebagai sekedar hiburan untuk meramaikan blog anda, jadi blog anda tidak selalu berisikan konten-konten yang mungkin akan membosankan pengunjung loyal dan membuat mereka refresh kembali. Widget permainan catur ini saya dapatkan dari widgetbox, yaitu salah satu penyedia widget ternama. Nantinya di dalam permainan ini akan disediakan 3 varian atau tingkat kesulitan seperti Easy, Medium, dan Hard.

Dan bagi anda seorang pemilik blog yang menyukai olahraga catur, tentunya widget ini sangat wajib untuk diterapkan di blog anda, karena selain permainanya yang menyenangkan, desain dan tampilanya juga tidak kalah bagus dengan widget-widget permainan sejenisnya. Untuk pemasanganya juga tidak terlalu sulit kok, anda cukup memasang kode di bawah ini pada lokasi yang anda inginkan, namun kali ini saya akan menjelaskan untuk memasang di laman blog.

1. Login ke Blogger.

2. Pilih Laman.

3. Klik Laman Baru > Laman Kosong.

4. Pilih opsi postingan HTML, bukan Compose.

5. Letakkan kode di bawah ini kedalamnya.

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('7721bb06-c6fc-453b-9538-73c1a2d55259');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/chess-sem_81">Chess</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

6. Klik "save", dan selesai.

Demikian informasi mengenai cara membuat permainan (games) catur/chess di blog, baca juga artikel informatif lainya seputar tutorial blog tentang cara membuat fitur print this page di blog, semoga bermanfaat, dan selamat mencoba.