Biodata Maher Zain

   <b:class cond='data:view.isPreview' name='preview'/>
    <b:class cond='data:view.isSingleItem' name='item-view'/>
    <b:class cond='data:view.isArchive' name='archive-view'/>
    <b:class cond='data:view.isLabelSearch' name='label-view'/>
    <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>
    <b:class name='version-1-3-0'/>

    <b:include name='skipNavigation'/>

    <div class='page'>
      <div class='bg-photo-overlay'/>
      <div class='bg-photo-container'>
        <div class='bg-photo'/>
      </div>

      <b:with value='data:widgets.AdSense any (w =&gt; w.sectionId == &quot;ads&quot;)' var='hasVerticalAds'>
        <div class='page_body'>
          <b:class cond='data:hasVerticalAds' name='has-vertical-ads'/>

          <div class='centered'>
            <div class='centered-top-placeholder'/>
            <header class='centered-top-container' role='banner'>
              <div class='centered-top'>
                <b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>

                <b:if cond='data:view.isSingleItem'>
                  <a class='return_link' expr:href='data:blog.homepageUrl'>
                    <b:include data='{ button: true, iconClass: &quot;back-button rtl-reversible-icon flat-icon-button ripple&quot; }' name='backArrowIcon'/>
                  </a>
                <b:else/>
                  <b:include data='{ button: true, iconClass: &quot;hamburger-menu flat-icon-button ripple&quot; }' name='menuIcon'/>
                </b:if>

                <b:if cond='data:view.isLayoutMode or data:widgets any (w =&gt; w.sectionId == &quot;search_top&quot;)'>
                  <div class='search'>
                    <b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>
                    <button class='search-expand touch-icon-button' expr:aria-label='data:messages.search.escaped'>
                      <div class='flat-icon-button ripple'>
                        <b:include data='{ iconClass: &quot;search-expand-icon&quot; }' name='searchIcon'/>
                      </div>
                    </button>
                    <b:section id='search_top' name='Search (Top)' showaddelement='false'>
                      <b:widget id='BlogSearch1' locked='true' title='Cari Blog Ini' type='BlogSearch' visible='true'>
                        <b:includable id='main'>
  <b:include name='widget-title'/>
  <b:include name='content'/>
</b:includable>
                        <b:includable id='content'>
  <div class='widget-content' role='search'>
    <b:include name='searchForm'/>
  </div>
</b:includable>
                        <b:includable id='searchForm'>
  <form expr:action='data:blog.searchUrl'>
    <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
    <b:include name='urlParamsAsFormInput'/>
    <div class='search-input'>
      <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q'/>
    </div>
    <b:include name='searchSubmit'/>
  </form>
</b:includable>
                        <b:includable id='searchSubmit'>
          <input class='search-action flat-button' expr:value='data:messages.search.escaped' type='submit'/>
        </b:includable>
                      </b:widget>
                    </b:section>
                  </div>
                </b:if>

                <div class='clearboth'/>

                <div class='blog-name container'>
                  <b:section class='container' id='header' name='Header' showaddelement='false'>
                    <b:widget id='Header1' locked='true' title='Maher Zain (Header)' type='Header' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='displayUrl'/>
                        <b:widget-setting name='displayHeight'>0</b:widget-setting>
                        <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
                        <b:widget-setting name='useImage'>false</b:widget-setting>
                        <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                        <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
                        <b:widget-setting name='displayWidth'>0</b:widget-setting>
                      </b:widget-settings>
                      <b:includable id='main' var='this'>
    <div class='header-widget'>
      <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
      <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
      <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
    </div>
    <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
  </b:includable>
                      <b:includable id='behindImageStyle'>
    <b:if cond='data:sourceUrl'>
      <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget&quot;                  }' name='responsiveImageStyle'/>
      <style type='text/css'>
        .header-widget {
          background-position: <data:blog.locale.languageAlignment/>;
          background-repeat: no-repeat;
        }
      </style>
    </b:if>
  </b:includable>
                      <b:includable id='description'>
    <p>
      <data:this.description/>
    </p>
  </b:includable>
                      <b:includable id='image'>
          <b:include name='super.image'/>
          <b:comment>If we are replacing the title, force it to render anyway, and it&#39;ll be hidden in CSS.</b:comment>
          <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
        </b:includable>
                      <b:includable id='title'>
          <div>
            <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
            <b:include name='super.title'/>
          </div>
        </b:includable>
                    </b:widget>
                  </b:section>
                  <b:if cond='data:view.isLayoutMode or data:widgets any (w =&gt; w.sectionId == &quot;subscription&quot;)'>
                    <section class='subscribe-section-container'>
                      <button class='subscribe-button pill-button'><b:eval expr='data:messages.subscribe'/></button>
                      <div class='subscribe-popup-container'>
                        <div aria-labelledby='subscribe-title' class='subscribe-popup dialog hidden' role='dialog' tabindex='-1'>
                          <div role='document'>
                            <h3 class='subscribe-title' id='subscribe-title'><b:eval expr='data:messages.subscribeToThisBlog'/></h3>
                            <b:section id='subscription' name='Subscription' showaddelement='false'>
                              <b:widget id='FollowByEmail1' locked='true' title='Follow by Email' type='FollowByEmail' visible='false'>
                                <b:includable id='main'>
  <b:include name='widget-title'/>
  <b:include name='content'/>
</b:includable>
                                <b:includable id='content'>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
        <input class='follow-by-email-submit' expr:value='data:messages.getEmailNotifications' type='submit'/>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
</b:includable>
                              </b:widget>
                            </b:section>
                          </div>
                        </div>
                      </div>
                    </section>
                  </b:if>