How to Add Style Dropdown Feed Subscribe to Blogspot

Category : Labels: , , ,


Maybe you've seen the subscriber feed type as shown below. And if you want to add it to your blog can be in the following way.


  • Log in to your Dashboard LayoutPage Elements
  • Check the small box labeled "Expand Templates Widget"
  • Search codes  <b:section class='sidebar' id='sidebar' preferred='yes'>  and paste the code below under the code <b:section class='sidebar' id='sidebar' preferred='yes'> 
<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'>
<b:includable id='main'>
  <b:if cond='data:isPublic'>
  <div style='white-space:nowrap'>

    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>
  <div class='widget-content'>
    <b:loop values='data:feeds' var='feed'>
        <div expr:class='&quot;subscribe-wrapper subscribe-type-&quot; + data:feed.type'>


        <div expr:class='&quot;subscribe expanded subscribe-type-&quot; + data:feed.type' expr:id='&quot;SW_READER_LIST_&quot; + data:widgetId + data:feed.type' style='display:none;'>

          <div class='top'>
            <span class='inner' expr:onclick='&quot;return(_SW_toggleReaderList(event, \&quot;&quot; + data:widgetId +data:feed.type + &quot;\&quot;));&quot;'>
              <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
              <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
              <data:feed.title/>
            </span>

            <ul class='feed-reader-links'>
              <a class='feed-reader-link' expr:href='&quot;http://www.google.com/ig/add?source=bstp&amp;feedurl=&quot; + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + &quot;subscribe-google.png&quot;'/>
              </a>
              <a class='feed-reader-link' expr:href='&quot;http://www.bloglines.com/sub/&quot; + data:feed.url' target='_blank'>
                <img expr:src='data:imagePathBase + &quot;subscribe-bloglines.png&quot;'/>
              </a>
              <a class='feed-reader-link' expr:href='&quot;http://www.netvibes.com/subscribe.php?url=&quot; + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + &quot;subscribe-netvibes.png&quot;'/>
              </a>
              <a class='feed-reader-link' expr:href='&quot;http://www.newsgator.com/ngs/subscriber/subext.aspx?url=&quot; + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + &quot;subscribe-newsgator.png&quot;'/>
              </a>
              <a class='feed-reader-link' expr:href='&quot;http://add.my.yahoo.com/content?url=&quot; + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + &quot;subscribe-yahoo.png&quot;'/>
              </a>
              <a class='feed-reader-link' expr:href='data:feed.url' target='_blank'>
                <img align='absmiddle' class='feed-icon' expr:src='data:feedIconImg'/>
                Atom
              </a>
            </ul>

          </div>
          <div class='bottom'/>
        </div>
       
        <div class='subscribe' expr:id='&quot;SW_READER_LIST_CLOSED_&quot; + data:widgetId +data:feed.type' expr:onclick='&quot;return(_SW_toggleReaderList(event, \&quot;&quot; + data:widgetId +data:feed.type + &quot;\&quot;));&quot;'>
          <div class='top'>
             <span class='inner'>
               <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
               <span expr:onclick='&quot;return(_SW_toggleReaderList(event, \&quot;&quot; + data:widgetId +data:feed.type + &quot;\&quot;));&quot;'>
                 <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
                 <data:feed.title/>
               </span>
             </span>
           </div>
          <div class='bottom'/>
        </div>
       
      </div>
    </b:loop>

    <div style='clear:both'/>

  </div>
  </div>

  <b:include name='quickedit'/>

 </b:if>
</b:includable>
</b:widget>

  •  Save your Template
Click the tab Page Elements and drag widgets new feed subscribe you passed the place that you like.  

drag page element
  • Save your templates again. 
   
DEMO  

14 Komentar:

Wah mantap dah...

bagus mas, gak menghabiskan tempat

mantap kang, akan saya coba tipsnya, terima kasih telah berbagi.

@ Akhatam : Thanks yach..
@ Mas Doyok : Iya mas.. terima kasih..
@ Kang Marno : Terima kasih.. atas supportnya..

makasih banyak sob... atas info yang sangat berharga ini,.. maklum masih newbie berat..
tetap semangat.. succes 4 U

Nice tips. Thanks for share!

nice post friends thankyou 4u

wew.. menarik nie... menyimak dulu ah..

klo pake witget yg ud dsediain google sama ajah kn sob?
thx for share..
saling kunjung yah sob semua

nggak ngerti eunk... gimana sih maksudnya??? buat apaguna nya ?

bagus pak contennya :)

kunjungi juga blog ane Paper 4Share

Post a Comment