Web Abisi

Blogger Açılıp Kapanan Müzik Dinle Kutusu

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjePpna8d69r8u4uneklmdQo-Ip50y4VEC7U8MswxSDj0kR2WN62Xb8yytjy_gSuxllgVLow4wWf4w_180OiH9rXiROjruRUOkYh9yaUAlJtMqpnwTgG2AMsuvOUrj6y7_fHWO-A96DnQ80/s1600/muz%C4%B1k1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjePpna8d69r8u4uneklmdQo-Ip50y4VEC7U8MswxSDj0kR2WN62Xb8yytjy_gSuxllgVLow4wWf4w_180OiH9rXiROjruRUOkYh9yaUAlJtMqpnwTgG2AMsuvOUrj6y7_fHWO-A96DnQ80/s1600/muz%C4%B1k1.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Sitenin Alt Köşesine Açılıp Kapanan Müzik Kutus</b><b>u</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
Evet sitenize resimde gördüğünüz gibi bir müzik kutusu eklemek istiyorsanız bu yazıyı okumaya devam etmelisiniz :)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Yapacağımız işlem çok basit, öncelikle blogger paneline giriyoruz, <b>Yerleşim>Gadget Ekle>HTML/JavaScript</b> diyoruz. (Sitenin herhangi bir yerine ekleyebilirsiniz, footer tercihimdir.)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Aşağıdaki kodu ekleyin ama kaydetmeyin, daha müzikleri ayarlayacağız.</b></div>
<br />
<blockquote class="tr_bq">
<br />
<style><br />
#webabisi{<br />
<span style="color: red;">right</span>:0;<br />
bottom:0;<br />
z-index:999;<br />
border-left: 2px solid #7A7A7A;<br />
border-top: 2px solid #7A7A7A;<br />
border-right: 2px solid #7A7A7A;<br />
height:30px;<br />
width:200px;<br />
margin:-60px 0px;<br />
padding: 30px 0px;<br />
border-radius: 3px 3px 0px 0px;<br />
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB6ACzrAHAGxgbPyyN52HiczlhlDSy_8eJ_OKwbDAvr7OVCbyXXkaJP0N_qTkpZKEdcWqWPi-z9WHsrQ_mWA8itvUB56D2L2oJ_kyiPeVosbdN8mQzc6R9m3vYMpnlw-VWCCp5ot0jQdxx/s1600/webabisi.png);<br />
transition:all .5s linear;<br />
position: fixed; right: 20px; bottom: 0px;<br />
}<br />
#webabisi:hover{width:200px;height:300px;padding:0px;margin:0px;}<br />
</style><br />
<div id="webabisi"><br />
<span style="color: blue;"><iframe frameborder="no" height="300" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/100223689&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false" width="200"></iframe></span><br />
</div></blockquote>
<div>
<br />
<div style="text-align: center;">
 Eğer kutuyu sitenin sol tarafına almak istiyorsaniz kırmızı ile yazdığım yeri yani <span style="color: red;">right</span>'ı  left olarak değiştiriyoruz.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Gelelim müzikleri ayarlamaya..</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>1- <a href="https://soundcloud.com/">https://soundcloud.com/</a> </b>sitesine giriyoruz, üyeliğiniz yoksa üye olun.(Direk Facebook vs. bağlanın uğraşmayın.)</div>
<div style="text-align: center;">
<b>2-</b> Arama kısmına(Search) ekleyeceğimiz müziğin adını yazıyoruz.</div>
<div style="text-align: center;">
<b>3-</b> Add to playlist'e basıyoruz.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYcor8nBpchyphenhyphenWkhkTurYf7t5VT2u3nvCpUTKuKMOXG3OzgQvBNkA_gle0huhcwrK_1TbBPc6nP6lSCKe4IFkMTYj49laPtPNwFhv0QvbjuipOPVhGIciClcyvl65gW72FMce0b4GBXHZBr/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYcor8nBpchyphenhyphenWkhkTurYf7t5VT2u3nvCpUTKuKMOXG3OzgQvBNkA_gle0huhcwrK_1TbBPc6nP6lSCKe4IFkMTYj49laPtPNwFhv0QvbjuipOPVhGIciClcyvl65gW72FMce0b4GBXHZBr/s1600/1.jpg" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>4-</b> Daha önce müzik listesi oluşturmadığınız için önce playlist oluşturuyoruz. Create new'e basıyoruz playlist ismi yazıp Save'e basıyoruz. <a href="http://www.webabisi.com/" target="_blank">Webabisi</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7A9_lXHzaxD5zfAj71F8_xCF5TgrlNa5ad7TGBAzmtlN-SUyrtarosCuuettFtXfe98zybqO8vbTjpQUD_9TZyZpdZz5b1dK8aMzH9SGmP-SOkWaURAejq85kVr3lMlyeVJXY3iqpfUl/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7A9_lXHzaxD5zfAj71F8_xCF5TgrlNa5ad7TGBAzmtlN-SUyrtarosCuuettFtXfe98zybqO8vbTjpQUD_9TZyZpdZz5b1dK8aMzH9SGmP-SOkWaURAejq85kVr3lMlyeVJXY3iqpfUl/s1600/2.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>5-</b> Playlist'i oluşturduktan sonra 2. ve 3. aşamada anlattığım gibi istediğimiz müzikleri bu listeye ekliyoruz.</div>
<div class="separator" style="clear: both; text-align: center;">
<b>6-</b> Müzikleri ekledikten sonra aşağıdaki resimde gördüğümüz gibi playlist'e giriyoruz.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUOBTOmM7T1E-3xwjG05wIIhH7SoYRB459ejblTRFqFuTLibgpF0gvvnz9tQjiJ35Ghb3j0W2nbsAb6sMsmMJmKBGZECTjtgq72-k8Rj3ka-oJBIPyAW08ebfI40rVvxJ-74U9ZP29g5SJ/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUOBTOmM7T1E-3xwjG05wIIhH7SoYRB459ejblTRFqFuTLibgpF0gvvnz9tQjiJ35Ghb3j0W2nbsAb6sMsmMJmKBGZECTjtgq72-k8Rj3ka-oJBIPyAW08ebfI40rVvxJ-74U9ZP29g5SJ/s1600/4.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>7-</b> Playlist'i açıyoruz ve resimde kırmızı ile gösterdiğim butona tıklıyoruz.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit7rsqcYDSVe53byTSm71KfthdVBGKSW8iqi0rlDCtRztbreqODXqmPAxAMxoEgK3uzgKNu__lqMsufG9p_jRZvWoR0nJMnnpnGowE88yxqCGX3TX2ef7qLhhSy9bb-HjnXCHnx4za16l5/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit7rsqcYDSVe53byTSm71KfthdVBGKSW8iqi0rlDCtRztbreqODXqmPAxAMxoEgK3uzgKNu__lqMsufG9p_jRZvWoR0nJMnnpnGowE88yxqCGX3TX2ef7qLhhSy9bb-HjnXCHnx4za16l5/s1600/5.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>8- </b>Playlist paylaşma sayfası açılacak <b>Embed </b>butonuna basıyoruz, sağdaki şablonu seçiyoruz ve altta çıkan embed kodunu kopyalıyoruz.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwe6fbvVvwSwz8MF9wVh2PS5XvQX65qENCzzO8Vkw55rzHJcoP3I9DrxCyWnbYc-hau2Ds42n1l0ivL4xIfQXcLHpLptoY-2ugbkxygFeWB-WMkjyoGkhVAk64DM65QlbjNN2KZA52McQB/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwe6fbvVvwSwz8MF9wVh2PS5XvQX65qENCzzO8Vkw55rzHJcoP3I9DrxCyWnbYc-hau2Ds42n1l0ivL4xIfQXcLHpLptoY-2ugbkxygFeWB-WMkjyoGkhVAk64DM65QlbjNN2KZA52McQB/s1600/6.jpg" width="294" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>9-</b> Vermiş olduğum kodda mavi ile yazılan kısmı silip kopyaladığınız kodu yapıştırın.</div>
<div class="separator" style="clear: both; text-align: center;">
<b>10-</b> Ve son olarak, kopyaladığınız kod içerisindeki <b>width="100%" height="450"</b> kodunu <b>width="200" height="300"</b> olarak değiştirip kaydedin. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<b><a href="http://webabisidemo.blogspot.com.tr/2015/04/aclp-kapanan-muzik-dinle-kutusu.html" target="_blank">DEMO</a></b></div>
<br /></div>

Yazılım Blogger Açılıp Kapanan Müzik Dinle Kutusu

Sitenin Alt Köşesine Açılıp Kapanan Müzik Kutus u Evet sitenize resimde gördüğünüz gibi bir müzik kutusu eklemek istiyorsanız bu ya...

Devamı »

Nokia'dan Geri Dönüş

22:38 wqed 0

<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiH8w3Jx4RbnkfoJeTJzMxdmEHitXV1aQ8YCP6k0DsaqxYTFgWCRG6Uc4B0_-SndIFoPcCOCzUgE1dZfHT6rDhDntSw0ANVozP5rpKWY5un65WheeRfwUsbLp3sfLOM0iYU7Ji8utwotL9/s1600/Nokia_logo-5.jpg"><img border="0" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiH8w3Jx4RbnkfoJeTJzMxdmEHitXV1aQ8YCP6k0DsaqxYTFgWCRG6Uc4B0_-SndIFoPcCOCzUgE1dZfHT6rDhDntSw0ANVozP5rpKWY5un65WheeRfwUsbLp3sfLOM0iYU7Ji8utwotL9/s1600/Nokia_logo-5.jpg" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Telefon camiasının en eski ve en popüler markalarından Nokia 2013 yılında telefon bölümünü Microsoft'a satmıştı. Söylentilere göre Finli üretici önümüzdeki sene yeniden telefon üretmeye başlayacak.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Uzun süren sessizliğin ardından geçtiğimiz günlerde Alcatel-Lucent’i satın alan Nokia geri dönüş sinyalini vermişti.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2016 Yılında piyasaya geri dönmesi beklenen Nokia'nın işletim sistemi olarak <b><a href="http://www.webabisi.com/search/label/Android">Android</a> </b>işlemini kullanılacağı düşünülüyor.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>

Telefon camiasının en eski ve en popüler markalarından Nokia 2013 yılında telefon bölümünü Microsoft'a satmıştı. Söylentilere gör...

Devamı »

Google’dan Yeni Klavye Uygulaması

00:23 wqed 0

<div style="text-align: center;">
<b><span style="font-size: large;">Google yine bir ilke imza atarak klavye uygulamasına yenilik getirdi.</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvl6DxVeI3fZaC8eRFv0KuCJiEkL8Vi_jn7e3nHSzp6MH5hXAp7TqW9Z6oahK7R9rdTfi0dfalbK7YbZmI53D9pA3pAT5WMB8WShb2KHMcqc1Var-pZdgHR025zTtBSEvHKpAjB0WrhFRf/s1600/google_handwriting_input.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvl6DxVeI3fZaC8eRFv0KuCJiEkL8Vi_jn7e3nHSzp6MH5hXAp7TqW9Z6oahK7R9rdTfi0dfalbK7YbZmI53D9pA3pAT5WMB8WShb2KHMcqc1Var-pZdgHR025zTtBSEvHKpAjB0WrhFRf/s1600/google_handwriting_input.jpg" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Her geçen gün yeni bir başarıya imza atan google yükselişe yazılım uygulamaları ile devam ediyor. Bir çok yeniliği kullanıcılara sunan google şimdide klavye uygulaması ile gündeme girmeyi başardı.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Google'ın yeni uygulaması <b>Handwriting Input</b> özellikleri ile dikkat çekiyor. Çoklu dil desteği ile sanal klavyede yazma zorluğunu ortadan kaldıracak. Elyazısı ile yazmayı kolaylaştıracak bu uygulamada, emojiler de çizerek eklenebilecek.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimVKkWqxEPFBQc_TMrbisgHDGjBzVzmFDBeZ-W3UnTDXEG10U9hENg5qvnvFVcotBHNju_0yeLKRdETP-7CdThG86kHsJMgW4d0sOheqJI0WYAxB5lTAAVRzRB92R0x3SLZ_MNv8SWpB07/s1600/handwriting-input-webabisi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimVKkWqxEPFBQc_TMrbisgHDGjBzVzmFDBeZ-W3UnTDXEG10U9hENg5qvnvFVcotBHNju_0yeLKRdETP-7CdThG86kHsJMgW4d0sOheqJI0WYAxB5lTAAVRzRB92R0x3SLZ_MNv8SWpB07/s1600/handwriting-input-webabisi.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Türkçe dil desteğinin'de bulunduğu bu uygulama tam 82 dil desteğine sahip. El yazısı ile yazıları tam bir doğruluk ile dijital ortama ekleyen uygulama şimdilik sadece Android sistemi için sunulmuş vaziyette.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Yayınlandığı andan itibaren kullanıcıların beğenisini kazanan Handwriting Input uygulamasının İOS sisteminede gelmesi bekleniyor.</div>
<div style="text-align: center;">
<br />
Uygulamayı Telefonunuza İndirmek İçin: <b><a href="https://play.google.com/store/apps/details?id=com.google.android.apps.handwriting.ime" target="_blank">TIKLAYIN</a></b></div>