Teknik Elektrik

TeamViewer QuickSupport

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1tLYCDCqwzCVfU4NgtAH9ySuOFtBE6IC7lYc0-E6vQteNYQlNQeeJKUCLm3R1fvj6f1knoCZw1q6UfOLcNYfavpJrat5fu2Nva36gmK4CfV39y5aizbDGAvshc2-1NRjCT-OlgdrcOd_U/s1600/TeamViewer-OS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1tLYCDCqwzCVfU4NgtAH9ySuOFtBE6IC7lYc0-E6vQteNYQlNQeeJKUCLm3R1fvj6f1knoCZw1q6UfOLcNYfavpJrat5fu2Nva36gmK4CfV39y5aizbDGAvshc2-1NRjCT-OlgdrcOd_U/s1600/TeamViewer-OS.jpg" width="320" /></a></div>
<br />
     <b>TeamViewer QuickSupport (Uzaktan Yönetim Aracı-RCC)</b><br />
<b><br />
</b> Daha önce sizlerle <a href="http://etralibela-61.blogspot.com/2014/04/teamviewer-for-remote-controladroid.html#.VCg7N2d_uo8" target="_blank">TeamViewer For Remote Control(Android)</a> uygulamasını ve Masaüstü bilgisayarlar için veya laptop dizüstü içinde <a href="http://etralibela-61.blogspot.com/2014/02/uzak-masaustu-yonetim-programlar.html" target="_blank">farklı programları</a> sizinle paylaşmıştık.<br />
<br />
Şimdi bu yazımızda daha gelişmiş ve diğer <a href="http://etralibela-61.blogspot.com/2014/04/teamviewer-for-remote-controladroid.html#.VCg7N2d_uo8" target="_blank">TeamViewer For Remote Control(Android)</a> uygulamasından biraz daha hızlı olan işe yarayan bir android uygulamasını bilmeyenler için kullanabilecek en iyisi diyebilirim.Ben denedim gayet iyi.<br />
<br />
<b>NOT:</b><br />
Uygulamayı Android işletim sistemli telefon veya tabletinize indirdiğinizde masaüstü için de <a href="http://etralibela-61.blogspot.com/2014/02/uzak-masaustu-yonetim-programlar.html" target="_blank">TeamViewer</a> yüklenmiş olması gerekiyor.Ayrıca internet bağlantınız yoksa bu uygulamayı telefonda kullanmak mümkün değil.Çünkü internet bağlantısı ile çalışmaktadır.Wifi ile telefonunuzdan internete bağlanarak bu sorunu çözebilirsiniz.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://play.google.com/store/apps/details?id=com.teamviewer.quicksupport.market&hl=tr" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG-bl5rGqNvqF_BrXRNaiyAi6VQZHSavjrCmm9i2yHpBa9kcFZjc2UoW4UsO_rm6PzJhV3TqShJqmOv6klbbrBC2Xva_1KJWpD0a4ODKlwViZw7l6KbR2wxnQ5Z8ctY559qoo6V9ZBwcS6/s1600/uygulamayi_indir.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Özellikleri: </b></div>
<div class="separator" style="clear: both;">
•   Sohbet etme</div>
<div class="separator" style="clear: both;">
•   Cihaz bilgilerini görüntüleme</div>
<div class="separator" style="clear: both;">
•   Uzaktan kontrol</div>
<div class="separator" style="clear: both;">
•   Dosya aktarımı</div>
<div class="separator" style="clear: both;">
•   Uygulama listesi (uygulamaların kaldırılması)</div>
<div class="separator" style="clear: both;">
•   İşlem listesi (işlemlerin sonlandırılması)</div>
<div class="separator" style="clear: both;">
•   Wi-Fi ayarlarının zorlanması ve istenmesi</div>
<div class="separator" style="clear: both;">
•   Sistem diagnostik bilgilerinin görüntülenmesi</div>
<div class="separator" style="clear: both;">
•   Cihazın gerçek zamanlı ekran görüntüsü </div>
<div class="separator" style="clear: both;">
•   Gizli bilgilerin cihaz not panosunda depolanması</div>
<div class="separator" style="clear: both;">
•   256 Bit AES Oturum Kodlama ile güvenli bağlantı</div>
<b><br />
</b> <b><br />
</b><br />
<br />
Blogumuza Abone Olun<br />
Yeni Yazılar e-posta Adresinize Gelsin<br />
<div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=Weblozicom" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=kullaniciismi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /><br />
Not:  Gelen Maili Aktif Etmeyi Unutmayınız!</form>
</div>
</div>

TeamViewer QuickSupport

TeamViewer QuickSupport (Uzaktan Yönetim Aracı-RCC) Daha önce sizlerle TeamViewer For Remote Control(Android) uygulamasını v...

Devamı »

Sitene Resim Video Galerisi Ekle

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho4ld3IesJdRrfANkaa5sTVZ4Otg-_43q26CppVYEeNzHRqSfzSd3WHaAckFFxJ8eFsta4fBLwUqGClZbraEnpPUY_u5iN7PbmRMLsvxAKgIwZu3nrrXu80upXDqc89OOuxxB23LwARO18/s1600/video_ekle.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho4ld3IesJdRrfANkaa5sTVZ4Otg-_43q26CppVYEeNzHRqSfzSd3WHaAckFFxJ8eFsta4fBLwUqGClZbraEnpPUY_u5iN7PbmRMLsvxAKgIwZu3nrrXu80upXDqc89OOuxxB23LwARO18/s1600/video_ekle.JPG" width="320" /></a></div>
<br />
      Blogger sitesi kullanıcılarının Her Zaman Ki sorunundan Biri Olan resim Video galerisi oluşturmaktır.Bazı kullanıcılar met sorunların çözümünü kodlarla Javascriptle oluşturduklarında ilerde tema degisikligi NEDENİYLE BAZI kodlar Devre Dışı kaldığından çalışmayabilir Duruma gelmektedir.Daha ÖNCE benim başıma met makarnalık geldiğinden SONRA düzeltmesi oldukca Zor Oluyor.<br />
<br />
Bunun Click Blogger Sitenizde yayınlarınızın İÇERİSİNDE Artık Resimlerinizi VEYA videolarinizi kolayca galeri oluşturarak yayınlayabileceksiniz.<br />
<br />
Bu islemi yapabilmemiz Click kullanacak oldugumuz met <a href="http://www.cincopa.com/" target="_blank"><b>siteden</b></a> yararlanacağız.Öncelikle üye Olarak Bir Hesap oluşturarak met isleme başlayabiliriz.Sitede pek Eklendi çok kullanabileceğimiz ÖZELLİK Min.UB olduğundan Siz bir SEÇENEK seçerek başlayabilirsiniz.<br />
Kullanacak oldugumuz sitesi:  <a href="http://www.cincopa.com/" target="_blank">TIKLA</a><br />
Siteden yararlanabileceğimiz Diğer Özellikler şöyledir;<br />
<br />
<h3 class="services Xactive" style="color: #4d4d4d; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23.7999992370605px; margin: 0px; padding: 0px; text-transform: uppercase; vertical-align: top;">
<span style="background-color: white;">ÖZELLİKLER</span></h3>
<ul class="disc-list" style="color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 23.7999992370605px; list-style: none url(http://static.cincopa.com/_cms/design13/images/li.png); margin: 0px 0px 2em; padding: 0px 0px 0px 15px;">
<li><span style="background-color: white;">Foto Galeri Oluştur</span></li>
<li><span style="background-color: white;">Embed video</span></li>
<li><span style="background-color: white;">Slayt Gösterisi Oluşturma</span></li>
<li><span style="background-color: white;">Web Sitesi Müzik Ekle</span></li>
<li><span style="background-color: white;">Mobil Video</span></li>
<li><span style="background-color: white;">İçerik Dağıtım Ağı</span></li>
<li><span style="background-color: white;">Skins Galeri</span></li>
</ul>
<h3 class="wordpress Xinactive" style="color: #4d4d4d; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23.7999992370605px; margin: 0px; padding: 0px; text-transform: uppercase; vertical-align: top;">
<span style="background-color: white;"><i style="background-attachment: initial; background-clip: initial; background-image: url(http://static.cincopa.com/_cms/design13/images/sidemenu-ico-wordpress.png); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat; background-size: initial; display: inline-block; height: 26px; margin-right: 5px; vertical-align: middle; width: 26px; zoom: 1;"></i>WORDPRESS Eklentileri</span></h3>
<ul class="disc-list" style="color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 23.7999992370605px; list-style: none url(http://static.cincopa.com/_cms/design13/images/li.png); margin: 0px 0px 2em; padding: 0px 0px 0px 15px;">
<li><span style="background-color: white;">WordPress Slayt</span></li>
<li><span style="background-color: white;">WordPress Video</span></li>
<li><span style="background-color: white;">WordPress Fotoğraf Galerisi</span></li>
<li><span style="background-color: white;">WordPress Müzik</span></li>
<li><span style="background-color: white;">WordPress Podcast</span></li>
</ul>
<h3 class="joomla Xinactive" style="color: #4d4d4d; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23.7999992370605px; margin: 0px; padding: 0px; text-transform: uppercase; vertical-align: top;">
<span style="background-color: white;"><i style="background-attachment: initial; background-clip: initial; background-image: url(http://static.cincopa.com/_cms/design13/images/sidemenu-ico-joomla.png); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat; background-size: initial; display: inline-block; height: 26px; margin-right: 5px; vertical-align: middle; width: 26px; zoom: 1;"></i>JOOMLA Modülleri</span></h3>
<ul class="disc-list" style="color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 23.7999992370605px; list-style: none url(http://static.cincopa.com/_cms/design13/images/li.png); margin: 0px 0px 2em; padding: 0px 0px 0px 15px;">
<li><span style="background-color: white;">Joomla Slayt</span></li>
<li><span style="background-color: white;">Joomla Video</span></li>
<li><span style="background-color: white;">Joomla Foto Galeri</span></li>
<li><span style="background-color: white;">Joomla Müzik</span></li>
<li><a href="http://www.cincopa.com/media-platform/joomla-module/joomla-podcast" style="color: #4d4d4d; cursor: pointer; display: block; font-size: 13px; line-height: 25px; margin-left: -25px; padding: 0px 0.5em 0px 25px; text-decoration: none;"><span style="background-color: white;">Joomla Podcast</span></a></li>
</ul>
Bundan SONRA ki islemleri Altta ki videoda nasıL yapıldığını görebilirsiniz.<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/T53_Z1ywRxI" width="420"></iframe><br /></div>
<br />
<br />
<div id="cp_widget_0bf8caec-8efd-49bb-a5d1-8aa762e4a472">
...</div>
<script type="text/javascript">
var cpo = []; cpo["_object"] ="cp_widget_0bf8caec-8efd-49bb-a5d1-8aa762e4a472"; cpo["_fid"] = "A4DAO_LAD-Ly";
var _cpmp = _cpmp || []; _cpmp.push(cpo);
(function() { var cp = document.createElement("script"); cp.type = "text/javascript";
cp.async = true; cp.src = "//www.cincopa.com/media-platform/runtime/libasync.js";
var c = document.getElementsByTagName("script")[0];
c.parentNode.insertBefore(cp, c); })(); </script><noscript>Powered by Cincopa <a href="http://www.cincopa.com/video-hosting">Video Streaming Hosting</a> solution.</noscript><br />
<br />
<br />
<br />
<br /></div>

Sitene Resim Video Galerisi Ekle

Blogger sitesi kullanıcılarının Her Zaman Ki sorunundan Biri Olan resim Video galerisi oluşturmaktır.Bazı kullanıcılar met sorunla...

Devamı »

Shifted Efektli CSS Açılır Menü

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJ3aRlO3gzkjQxsO-eV_zkgDhJjkBXFmSpE5r6IkTV-un82Iv-7jBt0opcv2rL7n_s_oxheLNimnjMC8xgiah6DEpwqfMZLqaf0VgAwJAcvBmsG0Ph-dvFy2LOLQDWJAjXiNE2rBFabww/s1600/shifted.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJ3aRlO3gzkjQxsO-eV_zkgDhJjkBXFmSpE5r6IkTV-un82Iv-7jBt0opcv2rL7n_s_oxheLNimnjMC8xgiah6DEpwqfMZLqaf0VgAwJAcvBmsG0Ph-dvFy2LOLQDWJAjXiNE2rBFabww/s1600/shifted.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
     <span style="font-family: Times, Times New Roman, serif;">Blogger Blogunuzda kullanabileceğiniz bu menü oldukça ihtişamlı ve hoş görüntü sergileyen ziyaretçilerinizin sitenizde bulunan etiketlere ait kategorileri kolaylıkla bulmasını sağlamak için menü başlıklarına ve açılır alt başlıklara etiketlerinizi atayarak sağlayabilirsiniz.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">    Shifted Efektli CSS Açılır Menü görünüm olarak farklı bir CSS ile desteklenmiş hover efekti menünün üstündeyken vurgulama yapan Javascript destekli bir menüdür.Renk konusunda her türlü Blogger temalarında kolayca editleyerek düzenledikten sonra kullanabilir veya orjinal görünümünde olarakta kullanabilirsiniz.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
     <b><span style="font-family: Georgia, Times New Roman, serif;">Shifted Efektli CSS Açılır Menü Kurulumu:</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>* </b><span style="font-family: Times, Times New Roman, serif;">Blogger kumanda paneli / Şablon / HTML Düzenle yolunu izleyin.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<b>*</b> <span style="font-family: Times, Times New Roman, serif;">Şablon yeteğinizi her ihtimale karşı her zaman almayı unutmayın.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">*</span> <span style="font-family: Times, Times New Roman, serif;"><b>CTRL+F</b> tuşları ile <span style="color: red;"><b>]]></b:skin></b></span> kodunu aratıp bulun ve hemen üst kısmına altta ki CSS kodlarını ekleyin ve şablonu kaydedip çıkın.</span></div>
</div>
</div>
<div style="text-align: center;">
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 293px; margin: 0px; width: 580px;">/*Soldan Kayma Efektli Blogger Menü Bar Eklentisi Kod Baslangici etralibela-61.blogspot.com/*/

#flyingmenubt,#flyingmenubt ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    height:500px;}
#flyingmenubt {
    font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 13px;
    height: 36px;
    list-style: none outside none;
    margin: 40px auto;
    text-shadow: 0 -1px 3px #202020;
    width: 980px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}
#flyingmenubt ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
    z-index: 2;
}
#flyingmenubt li {
    border-bottom: 1px solid #575757;
    border-left: 1px solid #929292;
    border-right: 1px solid #5d5d5d;
    border-top: 1px solid #797979;
    display: block;
    float: left;
    height: 34px;
    position: relative;
    width: 105px;
}
#flyingmenubt li:first-child {
    border-left: 0 none;
    margin-left: 5px;
}
#flyingmenubt li a {
    color: #FFFFFF;
    display: block;
    line-height: 34px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}

/* keyframes #animation1 */
@-webkit-keyframes animation1 {
    0% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.3);}
    100% {-webkit-transform: scale(1);}}
@-moz-keyframes animation1 {
    0% {-moz-transform: scale(1);}
    30% {-moz-transform: scale(1.3);}
    100% {-moz-transform: scale(1);}}
#flyingmenubt li > a:hover {

-moz-animation-name: animation1;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-name: animation1;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}
#flyingmenubt li:hover > a {
    z-index: 4;
}
#flyingmenubt li:hover ul.subs {
    left: 0;
    top: 34px;
    width: 150px;
}
#flyingmenubt ul li {
    background: none repeat scroll 0 0 #838383;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    opacity: 0;
    width: 100%;
    /*-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;*/
}

/* keyframes #animation2 */
@-webkit-keyframes animation2 {
    0% {margin-left:185px;}
    100% {margin-left:0px;opacity:1;}
}
@-moz-keyframes animation2 {
    0% {margin-left:185px;}
    100% { margin-left:0px;opacity:1;}
}
#flyingmenubt li:hover ul li {
    /* css3 animation */
    -moz-animation-name: animation2;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-name: animation2;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

/*-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;*/
}
/* animation delays */
#flyingmenubt li:hover ul li:nth-child(1) {
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
}
#flyingmenubt li:hover ul li:nth-child(2) {
    -moz-animation-delay: 0.05s;
    -webkit-animation-delay: 0.05s;
}
#flyingmenubt li:hover ul li:nth-child(3) {
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}
#flyingmenubt li:hover ul li:nth-child(4) {
    -moz-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
}
#flyingmenubt li:hover ul li:nth-child(5) {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
#flyingmenubt li:hover ul li:nth-child(6) {
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
}
#flyingmenubt li:hover ul li:nth-child(7) {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
#flyingmenubt li:hover ul li:nth-child(8) {
    -moz-animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
}

* Son olarak tekrar kumanda panelinden Yerleşim / Gadget ekle / HTML/Javascrpt yolunu takip ederek açılan Gadget içerisine aşağıda ki HTML buton kodlarını ekleyin.

<ul id="flyingmenubt">
<li><a href="http://etralibela-61.blogspot.com/">Ana Sayfa</a></li>
<li><a class="hsubs" href="#">Menu 1</a>
        <ul class="subs">
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
<li><a href="#">Submenu 5</a></li>
</ul>
</li>
<li><a class="hsubs" http://etralibela-61.blogspot.com/">Menu 2</a>
        <ul class="subs">
<li><a href="#">Submenu 2-1</a></li>
<li><a href="#">Submenu 2-2</a></li>
<li><a href="#">Submenu 2-3</a></li>
<li><a href="#">Submenu 2-4</a></li>
<li><a href="#">Submenu 2-5</a></li>
<li><a href="#">Submenu 2-6</a></li>
<li><a href="#">Submenu 2-7</a></li>
<li><a href="#">Submenu 2-8</a></li>
</ul>
</li>
<li><a class="hsubs" href="http://etralibela-61.blogspot.com/">Menu 3</a>
        <ul class="subs">
<li><a href="#">Submenu 3-1</a></li>
<li><a href="#">Submenu 3-2</a></li>
<li><a href="#">Submenu 3-3</a></li>
<li><a href="#">Submenu 3-4</a></li>
<li><a href="#">Submenu 3-5</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu 6</a></li>
<li><a href="http://etralibela-61.blogspot.com/">Bilgi Cafem 61</a></li>
</ul>

Shifted Efektli CSS Açılır Menü Kodları Düzenleme:

* HTML buton kodları içerisinde Menü 1,Menü 2,Menü 3 başlıkları yerine istediğiniz etiketleri girebilirsiniz.

* Submenu1,Submenu2 v.s. olan kısımlara ana menülere ait alt başlık menülerini girin.

* # işareti yerine menülere ait linklerinizi ekleyin.

Ön izlemesini altta ki kod Ön izleme bölümünden görebilirsiniz.

Bizi Takip Edin...

Pinterest>>Facebook>>Twitter

Aşağıdan Yorum ve Sorularınızı Bırakın...

Shifted Efektli CSS Açılır Menü

Blogger Blogunuzda kullanabileceğiniz bu menü oldukça ihtişamlı ve hoş görüntü sergileyen ziyaretçilerinizin sitenizde buluna...

Devamı »

CSS3 Multi Blogger Efekt Menü

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFc5MJEC46tgMskcPEojJmBDsCvOgT8BvPBIvm3jdltzIoEpWdFX7-fcGJ_PwPNwUwr-ZsHPV27uUB2aeQwuF_7wEK0q18Q5UPiwRePAl_iW-BCxGOplFs-wxxYaBb2j8ruvRLWiFZgc/s1600/css_multimen%C3%BC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFc5MJEC46tgMskcPEojJmBDsCvOgT8BvPBIvm3jdltzIoEpWdFX7-fcGJ_PwPNwUwr-ZsHPV27uUB2aeQwuF_7wEK0q18Q5UPiwRePAl_iW-BCxGOplFs-wxxYaBb2j8ruvRLWiFZgc/s1600/css_multimen%C3%BC.jpg" width="400" /></a></div>
<br />
     <span style="font-family: Times, Times New Roman, serif;">Blogger Blogunuzda kullanabilecek olduğunuz diğer bir menü daha...</span><br />
<span style="font-family: Times, Times New Roman, serif;">Menü resminde de gördüğünüz gibi şık görünüm ve her menüye ait Font awesome iconları ile desteklenmiş bir menü.</span><br />
<div style="text-align: center;">
<a href="http://jsfiddle.net/89coj7s4/3/" target="_blank">ÖN İZLEME</a></div>
<span style="font-size: large;">    <b><span style="color: orange;"> CSS3 Multi Blogger Efekt Menü Kurulumu:</span></b></span><br />
<br />
<span style="color: blue; font-size: large;"><b>1. Adım:</b></span><br />
<span style="font-family: Times, Times New Roman, serif;"><b><span style="color: red;">*</span></b> Blogger<b> Kumanda Paneli / Şablon / HTML Düzenle</b> yolunu izleyin.</span><br />
<span style="font-family: Times, Times New Roman, serif;"><b><span style="color: red;">*</span></b> Şablon yeteğini alın.</span><br />
<span style="color: red; font-family: Times, 'Times New Roman', serif;"><b>*</b></span> <b style="font-family: Times, 'Times New Roman', serif;">CTRL+F </b><span style="font-family: Times, Times New Roman, serif;">kısa yol tuşları ile </span><b><span style="color: lime; font-family: Courier New, Courier, monospace;">]]></b:skin></span></b><span style="font-family: Times, Times New Roman, serif;"> kodunu aratıp bulun ve </span><b><span style="font-family: Courier New, Courier, monospace;">]]></b:skin></span></b><span style="font-family: Times, Times New Roman, serif;"> kodunun bir üst satırına altta ki CSS3 kodlarını ekleyin ve şablonu kaydedin.</span></div>
<div style="text-align: center;">
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 338px; margin: 0px; width: 576px;">/* CSS3 multi blogger menü çubuğu eklentisi etralibela-61.blogspot.com*/

ul#navbt {
    display:block;
    float:left;
    font-family:Trebuchet MS,sans-serif;
    font-size:0;
    padding:5px 5px 5px 0;

background: -moz-linear-gradient(#f5f5f5, #c4c4c4); /* FF 3.6+ */  
    background: -ms-linear-gradient(#f5f5f5, #c4c4c4); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#f5f5f5, #c4c4c4); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#f5f5f5, #c4c4c4); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')"; /* IE8+ */  
    background: linear-gradient(#f5f5f5, #c4c4c4); /* the standard */ 
}
ul#navbt,ul#navbt ul {
    list-style:none;
    margin:0;
}
ul#navbt,ul#navbt .subs {
    background-color:#444;
    border:1px solid #454545;

border-radius:9px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}
ul#navbt .subs {
    background-color:#fff;
    border:2px solid #222;
    display:none;
    float:left;
    left:0;
    padding:0 6px 6px;
    position:absolute;
    top:100%;
    width:300px;

border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
ul#navbt li:hover>* {
    display:block;
}
ul#navbt li:hover {
    position:relative;
}
ul#navbt ul .subs {
    left:100%;
    position:absolute;
    top:0;
}
ul#navbt ul {
    padding:0 5px 5px;
}
ul#navbt .col {
    float:left;
    width:50%;
}
ul#navbt li {
    display:block;
    float:left;
    font-size:0;
    white-space:nowrap;
}
ul#navbt>li,ul#navbt li {
    margin:0 0 0 5px;
}
ul#navbt ul>li {
    margin:5px 0 0;
}
ul#navbt a:active,ul#navbt a:focus {
    outline-style:none;
}
ul#navbt a {
    border-style:none;
    border-width:0;
    color:#181818;
    cursor:pointer;
    display:block;
    font-size:13px;
    font-weight:bold;
    padding:8px 18px;
    text-align:left;
    text-decoration:none;
    text-shadow:#fff 0 1px 1px;
    vertical-align:middle;
}
ul#navbt ul li {
    float:none;
    margin:6px 0 0;
}
ul#navbt ul a {
    background-color:#fff;
    border-color:#efefef;
    border-style:solid;
    border-width:0 0 1px;
    color:#000;
    font-size:11px;
    padding:4px;
    text-align:left;
    text-decoration:none;
    text-shadow:#fff 0 0 0;

border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
ul#navbt li:hover>a {
    border-style:none;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:#181818 0 1px 1px;
}
ul#navbt img {
    border:none;
    margin-right:8px;
    vertical-align:middle;
}
ul#navbt span {
    background-position:right center;
    background-repeat:no-repeat;
    display:block;
    overflow:visible;
    padding-right:0;
}
ul#navbt ul span {
    background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKk6vM5X8f-oJ9LRQzkEyGduoDfeqMMhyphenhyphene6gsWLOQtS6jzG0v52vXeBNS6CYACYmc3021acfORpQDOWyYLd_a8VvhDNHqlFBP9bluR-Nv0KW9uK8CbkZd5bC1RD17UQoVcSTVos44lVQU/s1600/bloggetrix-arrow.png");
    padding-right:20px;
}
ul#navbt ul li:hover>a {
    border-color:#444;
    border-style:solid;
    color:#444;
    font-size:11px;
    text-decoration:none;
    text-shadow:#fff 0 0 0;
}
ul#navbt > li >a {
    background-color:transpa;
    height:25px;
    line-height:25px;

border-radius:11px;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
}
ul#navbt > li:hover > a {
    background-color:#313638;
    line-height:25px;
}

2. Adım:

* Kumanda Paneli / Yerleşim / Gadget ekle / HTML/Javascript yolunu izleyin.

* Açtığınız gadget içerisine aşağıda ki HTML buton kodlarını ekleyin ve kaydedin.

<ul id="navbt">
<li><a href="http://etralibela-61.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB10flWnYrLE2cy9vHA9kwgVNcFvBo_pOa32VdQx98xEyLdnU4fCW2gP113nFrUTQhH-xtggYOitc8g9TL90GfTP1ABNZGxBcZF985ZNo7W2BMbMSzhhzM4pAypm3srsIEKJyK6RUx-gI/s1600/bloggetrix-home.png" /> Home</a></li>
<li><a href="#"><span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXYC0FUK17ATwbFLW602nXf88Ebv6qhW3EO7JgWEmH6nXcxlY-4sna0m0Ias_uVwRS8P_8DHevvkgU1HRo-42JJY6UvC3F80P_P1f6kS1ye5lznpkLt_mCrWNzgvPede037aqw49WaZx0/s1600/bloggetrix-top1.png" /> HTML/CSS</span></a>
                    <div class="subs">
                        <div class="col">
                            <ul>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 1</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 2</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 3</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 4</a></li>
<li><a href="#"><span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Sublinks</span></a>
                                    <div class="subs">
                                        <div class="col">
                                            <ul>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 41</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 42</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 43</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 44</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 45</a></li>
</ul>
</div>
<div class="col">
                                            <ul>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 46</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 47</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 48</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 49</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<div class="col">
                            <ul>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 6</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 7</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 8</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 9</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 10</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#"><span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6O0_vm2zsIKFYrDqKQiD5eqGLLr_UIV6_E_UebkeuSoTYei5lCdIgUDHNqn0WqVA-DHi5lPAIgRF3g3Vs5eDTh0_1m4Y7kEgAQCI3hzHHaImHhjIT_xfKJxJI2P8Jl_8A49ldAmgJgDc/s1600/bloggetrix-top2.png" /> jQuery/JS</span></a>
                    <div class="subs">
                        <div class="col">
                            <ul>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 1</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 2</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 3</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 4</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 5</a></li>
</ul>
</div>
<div class="col">
                            <ul>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 6</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 7</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 8</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 9</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png" /> Link 10</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXLcA95mMixsN5pd8qFhOAmSlMmyejx7WInGkBgN4kYKvuMXqCu7veYSN5sSTeyGTnz3oMTg55yalLaeTdaXrpzU_I_u47FgMQDuVdgDS4nhyd_vdlkYUr49qKgQRDF1vsRr58k9by6F0/s1600/bloggetrix-top3.png" /> PHP</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNX3tKSvD7jQPm4i1WujKn4YCo0hm4D3kcAbL1NZDgbq5-B1_1JRQNHCxGTYqn1ROqCVRGdA2WN7MY6NrG4fJVuFZv5pFTAX1mqHGp_0MEbYbs75vCYU_4OhPCUu220hFsxThMGhBPPc0/s1600/bloggetrix-top4.png" /> MySQL</a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfgxSCIHwX4MwveUK_OY4WCZD1FRwlbJWryp2nhektqrCvCyMkswHC7fjpShBlTT3x1aWLtQ_2Wdoha7ZF1UTZ-r6I6OnGPbK0xVHYncZeRGRi-KqIAvXNyTvFyAxZGfP8xQkYpjEceQs/s1600/bloggetrix-top5.png" /> XSLT</a></li>
</ul>

CSS3 Multi Blogger Efekt Menü Kod Düzenleme:

* HTML kodları içerisinde # işareti yerine menü başlıklarına ait linkleri ekleyin.

* Ana menü başlıklarını değiştirmeniz doğrultusunda iconlarıda değiştirmek zorundasınız.

* Açılan alt menülerin icanlarını değiştirmek için https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV-Bs9ZONZSnDzyk01AEjMnjgaX5X36bFEXOryhY0kzI6yVbFBRxSlVmpP3mhKmpp15YC23CACQLQjnXgqOttdGhusAmpmPz_hg3oxG4aOUtNV9TXQ1dkgyM2qqtlMMM_-K5gnNJUY5M/s1600/bloggetrix-bub.png resim kodu yerine sizin istediğiniz icon resmini ekleyin.

* Link 1 Link 2 yazan bölümleri istediğiniz gibi değiştirin.

Bizi Takip Edin...

Pinterest>>Facebook>>Twitter

Aşağıdan Yorum ve Sorularınızı Bırakın...

CSS3 Multi Blogger Efekt Menü

Blogger Blogunuzda kullanabilecek olduğunuz diğer bir menü daha... Menü resminde de gördüğünüz gibi şık görünüm ve her menüye ai...

Devamı »

Font Awasome Yapımı Kategori Alanı Menü Eklentisi

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzS8GvvBQj5WEHZ2h6pLWnBwLwM3guzSN3U4r1-WgXyn_xhHCB8J2o3z0swXQWIbPwjAqlBT2_kKtyDypE2rz6KOcxIoFnOJM1mq2I2eW5gVBUU_DAznHGugjGjWfE1ypiGw3DBHvkJ4/s1600/strike.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzS8GvvBQj5WEHZ2h6pLWnBwLwM3guzSN3U4r1-WgXyn_xhHCB8J2o3z0swXQWIbPwjAqlBT2_kKtyDypE2rz6KOcxIoFnOJM1mq2I2eW5gVBUU_DAznHGugjGjWfE1ypiGw3DBHvkJ4/s1600/strike.png" title="Font Awasome Yapımı Kategori Alanı Menü Eklentisi" width="276" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
  <span style="font-family: Times, Times New Roman, serif;">  Merhaba Bilgi Cafem 61 okuyucuları...</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">Blogger için yeni bulduğum bu menü eklentisini Blog sitenizde kullanmak için öncelikle aşağıda ki anladımı uygulayarak sahip olabilirsiniz.Her temada çalışmayabilir.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Font Awasome Yapımı Kategori Alanı Menü Eklentisi Kurulumu?</b></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Times, 'Times New Roman', serif;">Kumanda paneli / Şablon / HTML Düzenle yolunu izleyin.</span></li>
<li><span style="font-family: Times, 'Times New Roman', serif;">Şablon yeteğinizi alın.</span></li>
<li><span style="font-family: Times, 'Times New Roman', serif;">CTRL+F tuşları ile <head> kodunu aradın.Bulduğunuz <head> kodunun hemen altına CSS kodlarını ekleyin.</span></li>
</ul>
</div>
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 50px; margin-left: 0px; margin-right: 0px; width: 579px;"><link href='//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css' rel='stylesheet'/>

Tekrar CTRL+F tuşları ile ]]></b:skin> kodunu aratarak bulun.Hemen üst kısmına altta ki kodları ekleyin.

Yine ]]></b:skin> kodunu aradın ve hemen üst kısmına altta ki kodları ekleyin.

Hover Efektli Özelleştirilmiş Kategori Menü Eklentisi

Tekrar CTRL+F tuşları ile ]]></b:skin> kodunu bulun ve üst kısmına aşağıda ki kodları ekleyin.

Tekrar ]]></b:skin> kodunu bularak bir üst satırına altta ki kodları ekleyin.Ayrıca bu kodlar içerisinde renk ve simge değiştirme işlemlerini yapabilirsiniz.

Hover Efektli Açılır Blogger Menüleri

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3I2_Z7ANrbdNDJOhyphenhyphenp461sHZoSLzXA1n2RHLpbixbT-IaOdFsYFwEYLf-xnvR_koWs5NdQ6hvKgxU3w7oMeugoCJz6nQUUPsmckcs19uWalZEY03fbGBXCi6zMj8h1Ubn4w7I7Seoh9Q/s1600/5+%C3%A7e%C5%9Fit+men%C3%BC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3I2_Z7ANrbdNDJOhyphenhyphenp461sHZoSLzXA1n2RHLpbixbT-IaOdFsYFwEYLf-xnvR_koWs5NdQ6hvKgxU3w7oMeugoCJz6nQUUPsmckcs19uWalZEY03fbGBXCi6zMj8h1Ubn4w7I7Seoh9Q/s1600/5+%C3%A7e%C5%9Fit+men%C3%BC.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
     <span style="font-family: Times, Times New Roman, serif;">Blogger sitenizde kullanabileceğiniz bir çok farklı özellikte menü çeşitlerini Bilgi Cafem 61 Menü başlığı altında sizinle paylaştık,ve bu başlık altına yeni bir menü çeşitlerini ekleyeceğiz.Bu menüler Blog sitenizin ana sayfa görüntüsünü düzgün gösterecek ayrıca etiketlerinize göre bu menülerden birini kullanabilirsiniz.Menülerin özelliği ana başlığa tıkladığınızda aşağı doğru açılır kapanır içerik menü başlıkları görüntülenir,ikinci başlığa tıkladığınızda diğer menü kapanır ve tıklamış olduğunuz menü aktif olarak açılır.Böylece kullandığınız temaya fazla menü eklemek yerine bu menülerden yararlanabilirsiniz.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
     <b><span style="color: red;">Hover Efektli Açılır Menü Kurulumu</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: red;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: #990000;">* </span></b><span style="font-family: Times, Times New Roman, serif;">Blogger hesabınıza giriş yapın.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><b><span style="color: #990000;">* </span></b>Kumanda paneli >> Şablon >> HTML Düzenle yolunu izleyin.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><b><span style="color: #990000;">*</span></b> Her ihtimale karşı şablon yeteğinizi alın.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><b><span style="color: #990000;">*</span></b> CTRL+F tuşları <span style="color: purple;">]]></b:skin></span> kodunu bulun ve üst kısmına kod1 kısmındaki kodları ekleyin.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><b><span style="color: #990000;">* </span></b>Tekrar CTRL+F tuşları ile <span style="color: purple;">]]></b:skin></span> veya <span style="color: purple;"></head></span> kodunu bularak üst kısmına kod2 kısmındaki kodları ekleyin.Bu adımda hata alırsanız kodları alt kısıma ekleyerek deneyin.Şablonu kaydedip çıkın.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><b><span style="color: #990000;">*</span></b> Son olarak kod3 kısmındaki kodları Gadget ekle diyerek ekleyin.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><b><span style="background-color: #7f6000; color: lime;">NOT:</span></b> Aşağıda ki menülere ait kodları kod1 kod2 kod3 diye ayırdım.Üsteki anladı mı buna göre uygulayın.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: red;">1.Menü</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhidzzhpOyMObcMMLrUMR0Ng1ehL65ArVx8TeDdN-SOSNsVVgqpRDKQb1X7H9it4krzxb9FhJD_Wy_-yFBWpTzgoLcQPtAoX9sJm3Mm6OHNR0VYlHqP5avwVKQt4NFXj1x4bekuHo8LVi4/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhidzzhpOyMObcMMLrUMR0Ng1ehL65ArVx8TeDdN-SOSNsVVgqpRDKQb1X7H9it4krzxb9FhJD_Wy_-yFBWpTzgoLcQPtAoX9sJm3Mm6OHNR0VYlHqP5avwVKQt4NFXj1x4bekuHo8LVi4/s1600/1.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: blue;">Kod1</span></b> </div>
<div class="separator" style="clear: both; text-align: left;">
]]></b:skin> kodunun bir üst kısmına ekleyin.</div>
</div>
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 90px; margin: 0px; width: 617px;">.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

Kod2
]]></b:skin> veya </head> kodunun üst veya alt kısmına ekleyin

Free Uploader For Facebook

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3dUbJv34xuM9TdkaPBOXOFdnXVTcdKb7rd_ctGpKVqtMq_qXNmzWtD3cN6ECo_DfzCT5EnfBP-GqFFoJgfytn8zaGBUNWKOZZsmAZHjr9iu1G8YZ9FlsffmgazZ2hzUCnI4akkrY4l08/s1600/free_uploader_for_facebook_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3dUbJv34xuM9TdkaPBOXOFdnXVTcdKb7rd_ctGpKVqtMq_qXNmzWtD3cN6ECo_DfzCT5EnfBP-GqFFoJgfytn8zaGBUNWKOZZsmAZHjr9iu1G8YZ9FlsffmgazZ2hzUCnI4akkrY4l08/s1600/free_uploader_for_facebook_1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Georgia, Times New Roman, serif;"><b>Facebook İçin Dosya Yükleme Programı</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><b><br />
</b></span> Facebook hesabımıza dosya yüklememizi sağlayan eşssiz bir program. Video, resim ile zenginleştirdiğimiz Facebook sayfalarımıza hızlı bir şekide multimedia içeriğimizi eklememize yardımcı olarak sıkıcı olan bu işlemi bizim için kolaylaştırmaktadır. Kullanımı kolay ve basit bir kurulum işleminden sonra direkt kullanıma başlayabiliyorsunuz. Dosyanızı seçip yükle butonuna tıklamanız yeterli.<br />
<br />
<span style="font-family: Georgia, Times New Roman, serif;"><b>NOT:</b></span> Facebook hesabınıza giriş yaptıktan sonra program işlev kazanmaktadır. Giriş yaptığınız Facebook hesabınıza seçtiğiniz video veya resimleri yüklemektedir.<br />
<br />
<span style="font-family: Georgia, Times New Roman, serif;"><b>Sistem Gereksinimleri:</b></span> Windows XP Service Pack 2, Vista, 7 ve .Net Framework 3.5 SP1<br />
<span style="font-family: Georgia, Times New Roman, serif;"><b>Dil Desteği :</b></span> Fransızca, Almanca, İngilizce<br />
<span style="font-family: Georgia, Times New Roman, serif;"><b>Üretici :</b></span> DVDVideoSoft<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://download.dvdvideosoft.com/FreeUploaderForFacebook.exe" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQfvM19nCmy2Dr2qnvCtiw88vb4b8hHHdwV7HK0-lBijsKHeGPmxmm_mvyRt09SCV6z6ty1q0sdCaD8O74XKUnEiszc10z2eGpIO4DU4Fn34Zw0zsdStCH45zygEFdE1ZXGZatNCota4vz/s1600/download_button.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<i style="color: red;">Bizi Takip Edin...</i><br />
<i><a href="http://http//www.dailymotion.com/Alper_Kaba_2#video=xzf06l/" style="font-size: large;" target="_blank">Pinterest</a><span style="font-size: xx-small;">>></span><a href="https://www.facebook.com/trabzonlu.belaa" style="font-size: large;" target="_blank">Facebook</a><span style="font-size: xx-small;">>></span><a href="https://twitter.com/kaba_mustafa" style="font-size: large;" target="_blank">Twitter</a></i><br />
<span style="font-size: xx-small;"></span> <span style="color: #cccccc; font-size: x-small;">© by <a href="http://etralibela-61.blogspot.com/" target="_blank">bilgicafem61</a></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>Aşağıdan Yorum ve Sorularınızı Bırakın...</i></span><br />
  <br />
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1" href="http://draft.blogger.com/blogger.g?blogID=1758408898395549933"></a> <a class="addthis_button_preferred_2" href="http://draft.blogger.com/blogger.g?blogID=1758408898395549933"></a> <a class="addthis_button_preferred_3" href="http://draft.blogger.com/blogger.g?blogID=1758408898395549933"></a> <a class="addthis_button_preferred_4" href="http://draft.blogger.com/blogger.g?blogID=1758408898395549933"></a> <a class="addthis_button_compact" href="http://draft.blogger.com/blogger.g?blogID=1758408898395549933"></a> <a class="addthis_counter addthis_bubble_style" href="http://draft.blogger.com/blogger.g?blogID=1758408898395549933"></a> </div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51dbf8420e77f7e8" type="text/javascript"></script>  <br />
<div id="fb-root">
</div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>  <br />
<div class="fb-like" data-href="http://etralibela-61.blogspot.com/" data-send="true" data-show-faces="true" data-width="350">
</div>

Free Uploader For Facebook

Facebook İçin Dosya Yükleme Programı Facebook hesabımıza dosya yüklememizi sağlayan eşssiz bir program. Video, resim ile zenginleştir...

Devamı »

Teknik Elektrik

TeamViewer QuickSupport

Sitene Resim Video Galerisi Ekle

Shifted Efektli CSS Açılır Menü

CSS3 Multi Blogger Efekt Menü

Font Awasome Yapımı Kategori Alanı Menü Eklentisi

Hover Efektli Özelleştirilmiş Kategori Menü Eklentisi

Hover Efektli Açılır Blogger Menüleri

Free Uploader For Facebook

Popüler Yayınlar

Blog Arşivi