Blogger MetaStyle 2 Teması (Edit Tema)


İNDİR:


 Eklentiler:
<style type="text/css">

.arrowlistmenu{
width: 250px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black;
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: 20px;
}

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

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

</style>





<div class="arrowlistmenu">


<ul class="categoryitems">
          <li><a href='http://metamorpheuss.blogspot.com/search/label/blogger'><img src='https://lh3.googleusercontent.com/-_gP2Be7ZYI8/VNev3wqcH2I/AAAAAAAAP7g/XVUZyKERpg8/h120/blogger.png'/> Blogger</a></li>
          <li><a href='http://metamorpheuss.blogspot.com/search/label/tema'><img src='https://lh4.googleusercontent.com/-kd7_u5ekjPA/VNev3hvyCZI/AAAAAAAAP7c/s5RnQ83jyVQ/h120/blogger-temalari.png'/> Şablonlar/Temalar</a></li>
<li><a href='http://metamorpheuss.blogspot.com/search/label/eklenti'><img src='https://lh5.googleusercontent.com/-rTaGj7iQv20/VNev3PhF0pI/AAAAAAAAP70/U7PVHldJ0wc/h120/blogger-eklentileri.png'/> Eklenti/Widget</a></li>
<li><a href='http://metamorpheuss.blogspot.com/search/label/ders'><img src='https://lh3.googleusercontent.com/-HEvsw4-tfng/VNev3LcblaI/AAAAAAAAP7U/SYSxVd0jDeA/h120/blogger-dersleri.png'/> Dersler/Anlatımlar</a></li>
<li><a href='http://metamorpheuss.blogspot.com/search/label/seo'><img src='https://lh3.googleusercontent.com/-XBwaJucDc9Y/VckrCnnavII/AAAAAAAASMM/asEQYA9RP50/h120/seo.png'/> SEO</a></li>
<li><a href='http://metamorpheuss.blogspot.com/search/label/menuler'><img src='https://lh3.googleusercontent.com/-RdSqypKi8yE/VckrbghWzxI/AAAAAAAASMU/kI2-NWd32x0/h120/menu.png'/> Menüler</a></li>
          </ul>
    




    









</div>






<script id="_waua9l">var _wau = _wau || [];
_wau.push(["tab", "j93n2xkbtuy5", "a9l", "right-lower"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>


<style type="text/css">

.arrowlistmenu{
width: 250px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black;
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: 20px;
}

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

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

</style>





<div class="arrowlistmenu">
<ul class="categoryitems">
<li><a href='/search?q=web'><img src='https://lh3.googleusercontent.com/-TE70w0nwTJY/VXr05HciFOI/AAAAAAAAQ5U/L2q7HFev030/h120/d%25C3%25BCnya.png' />  WEB</a></li>
<li><a href='/search?q=htmlkodları'><img src='https://lh3.googleusercontent.com/-e7ZNutGq8x0/Vck84hYR1CI/AAAAAAAASMw/YHly7SIRa6g/h120/html.png' />  HTML</a></li>
<li><a href='/search?q=csskodlari'><img src='https://lh3.googleusercontent.com/-NoClNWDIFAc/Vck9NxJoLaI/AAAAAAAASM4/WMjytbjMV94/h120/css.png' />  CSS</a></li>
<li><a href='/search?q=fontlar'><img src='https://lh3.googleusercontent.com/-nevONAlubcA/Vck9ma2u8zI/AAAAAAAASNA/KsOJXTirALE/h120/font.png' />  Yazı Fontları</a></li>
<li><a href='/search?q=wallpaper'><img src='https://lh3.googleusercontent.com/-kMPvm99znoY/VXr7tBWq7cI/AAAAAAAAQ7U/kLOR7UR3Ztc/h120/wallpaper.png' /> Arkaplanlar</a></li>







            <li>
              <a href='/search?q=program'>
          <img src='https://lh3.googleusercontent.com/-TF91W1357Zc/VXr48GBCvhI/AAAAAAAAQ6M/Uq_jvmM24rc/h120/programs.png' />  PROGRAM
              </a>
            </li>
            <li>
              <a href='/search?q=crack'>
          <img src='https://lh3.googleusercontent.com/-fD3ewmd5Swg/VXr48Kdo40I/AAAAAAAAQ6Y/ypTUc-ffV6w/h120/crack.png' />  CRACK / PATCH
              </a>
            </li>
</ul>

<h3 class="menuheader expandable">Oyun</h3>
<ul class="categoryitems">
            <li>
              <a href='/search?q=oyun'>
        <img src='https://lh3.googleusercontent.com/-dH6UywbvhXU/VXr6gnCAHlI/AAAAAAAAQ6o/VteJVagsluw/h120/oyun-indir.png' /> OYUN iNDiR
              </a>
            </li>
            <li>
              <a href='/search?q=yama'>
        <img src='https://lh3.googleusercontent.com/-wFIaOvbjoAk/VXr6guutEUI/AAAAAAAAQ6s/HlMBjCTiYsc/h120/yama.png' /> YAMA / HiLE / CRACK
              </a>
            </li>
          </ul>
   


<h3 class="menuheader expandable">Komik</h3>
<ul class="categoryitems">
            <li>
              <a href='/search?q=caps'>
        <img src='https://lh3.googleusercontent.com/-LV09xc-ie3s/VXr7sLYwsPI/AAAAAAAAQ7I/4ZBvDJuEfJY/h120/komik.png' />  CAPS
              </a>
            </li>
            <li>
              <a href='/search?q=video'>
        <img src='https://lh3.googleusercontent.com/-LV09xc-ie3s/VXr7sLYwsPI/AAAAAAAAQ7I/4ZBvDJuEfJY/h120/komik.png' />     ViDEO
              </a>
            </li>
            <li>
              <a href='/search?q=karikatür'>
        <img src='https://lh3.googleusercontent.com/-R_fgXTyVd0I/VXr7rccuzNI/AAAAAAAAQ7A/wZd-W3qYEek/h120/karikatur.png' /> KARiKATüR
              </a>
            </li>
          </ul>
   



<h3 class="menuheader expandable">Müzik</h3>
<ul class="categoryitems">
            <li>
              <a href='/search?q=full-album'>
        <img src='https://lh3.googleusercontent.com/-4DWG-l9DR7Q/VXr7rUbsGlI/AAAAAAAAQ68/hJoAhhUw0bU/h120/full-album.png' /> FULL ALBUM İNDİR
              </a>
            </li>
            <li>
              <a href='/search?q=mp3'>
        <img src='https://lh3.googleusercontent.com/-zpX25VOm35U/VXr8_qmd2CI/AAAAAAAAQ8A/VmrlaMYLpDE/h120/mp3.png' /> MP3 İNDİR
              </a>
            </li>
            <li>
              <a href='/search?q=videoklip'>
        <img src='https://lh3.googleusercontent.com/-Wx7KDz94cFk/VXr7stbooqI/AAAAAAAAQ7Q/NLniGwnE_q4/h120/video.png' /> VİDEOKLİP İZLE
              </a>
            </li>
          </ul>
   




<h3 class="menuheader expandable">Başka Şeyler</h3>
<ul class="categoryitems">
<li><a href='/search?q=web'><img src='https://lh3.googleusercontent.com/-TE70w0nwTJY/VXr05HciFOI/AAAAAAAAQ5U/L2q7HFev030/h120/d%25C3%25BCnya.png' />  WEB</a></li>
<li><a href='/search?q=galeri'><img src='https://lh3.googleusercontent.com/-pLWgSsWlrto/VXr1emQVOtI/AAAAAAAAQ5c/F2annDrXb44/h120/galeri.png' />  GALERİ</a></li>

</ul>


</div>



<style type="text/css">
ul.w2b_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.w2b_recent_comments li {
    background: none !important;
    margin: 0 0 6px !important;
    padding: 0 0 6px 0 !important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}
 
.w2b_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
 
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
 
.w2b_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}
 
.w2b_recent_comments li span {
    margin-top: 4px;
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 10,
showAvatar  = true,
avatarSize  = 40,
roundAvatar = true,
 characters  = 40,
showMorelink = false,
moreLinktext = "Git »",
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/41216241963/bloghocam-resimli-son-yorumlar.js"></script>
<script type="text/javascript" src="http://metamorpheuss.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>

Takvim şeklinde arşiv eklentisi
http://metamorpheuss.blogspot.com.tr/2015/06/bloggerda-arsivi-takvim-seklinde-yapma.html


















Tags

Daha fazla göster

Yorum Gönder

0 Yorumlar
* Please Don't Spam Here. All the Comments are Reviewed by Admin.