Game Files

• Silakan menuju halaman ekstensi tersebut di http://www.chromeextensions.org/utilities/chrome-youtube-downloader/
• Lalu klik tombol Add to Chrome untuk memasangnya pada browser Chrome/Chromium yang Anda gunakan.. Tombol tersebut ada pada bagian kanan atas (yang ada tanda +)
• Usai penginstalan sukses, Anda akan dibawa pada halaman pengaturan. Pilih saja Clasic Download pada opsi Button Style.
• Setelah itu, silakan Anda buka salah satu halaman video diYoutube (yang ingin Anda download tentunya). Akan muncul tombol untuk mendownload yang letaknya di bawah kotak video tersebut.
• Jika tombol tersebut belum muncul, lakukan "playing" atau putar dulu video "streaming"-nya. Nanti pasti tombolnya akan muncul.
• Nah, klik saja tombol download tersebut untuk segera melakukan pengunduhan video.
• Pada list yang muncul ketika Anda mengklik tombol download-nya, silakan pilih kualitas/jenis/format video yang Anda inginkan. Lalu tunggulah proses download hingga selesai.
• Saatnya membuka/memutar video yang telah Anda download. Silakan buka direktori tempat file hasil unduhan disimpan (biasanya Chrome akan menyimpan di direktori "Downloads")

 <title><data:blog.pageTitle/></title>

     <!-- SEO Title Tag -->
    <b:if cond=data:blog.url == data:blog.homepageUrl><title><data:blog.title/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;item&quot;><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;archive&quot;><title>Archive for <data:blog.pageName/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;static_page&quot;><title><data:blog.pageName/></title></b:if>
    <b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.searchLabel><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
    <b:if cond=data:blog.pageType == &quot;error_page&quot;><title>Page Not Found</title></b:if>
    <b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.url != data:blog.homepageUrl><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>

 <!-- SEO Meta Tag -->
<b:if cond=data:blog.homepageUrl == data:blog.url><meta expr_content=data:blog.title name=keywords/></b:if>    
<b:if cond=data:blog.pageType == &quot;item&quot;><meta expr_content=data:blog.pageName name=keywords/></b:if>
<b:if cond=data:blog.pageType == &quot;index&quot;><b:if cond=data:blog.searchLabel><meta content=noindex,nofollow name=robots/></b:if></b:if>
<b:if cond=data:blog.pageType == &quot;archive&quot;><meta content=noindex,nofollow name=robots/></b:if>
<b:if cond=data:blog.isMobile><meta content=noindex,nofollow name=robots/></b:if> 

        <b:widget id=Header1 locked=true title=SEO (Header) type=Header>
          <b:includable id=main>

  <b:if cond=data:useImage>
    <b:if cond=data:imagePlacement == &quot;BEHIND&quot;>
      <!--
      Show image as background to text. You cant really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we dont force a minimum
      width if the user is using shrink to fit.
      This results in a margin-widths worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond=data:mobile>
          <div id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        <b:else/>
          <div expr_style=&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot; id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id=header-inner>
        <a expr_href=data:blog.homepageUrl style=display: block>
          <img expr_alt=data:title expr_height=data:height expr_id=data:widget.instanceId + &quot;_headerimg&quot; expr_src=data:sourceUrl expr_width=data:width style=display: block/>
        </a>
        <!--Show the description-->
        <b:if cond=data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;>
          <b:include name=description/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id=header-inner>
      <div class=titlewrapper>
        <h1 class=title>
          <b:include name=title/>
        </h1>
      </div>
      <b:include name=description/>
    </div>
  </b:if>
</b:includable>
          <b:includable id=description>
  <div class=descriptionwrapper>
    <p class=description><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id=title>
  <b:if cond=data:blog.url == data:blog.homepageUrl>
    <data:title/>
  <b:else/>
    <a expr_href=data:blog.homepageUrl><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>

untuk memudahkan anda mencari kode diatas silahkan anda ketikkan satu kata saja yakni header1 atau yang bertuliskan warna merah diatas kemudian gantikan menggunakan kode dibawah ini:

       <b:widget id=Header1 locked=true title=Simple SEO (Header) type=Header>
        <b:includable id=main>

  <b:if cond=data:useImage>
    <b:if cond=data:imagePlacement == &quot;BEHIND&quot;>
      <!--
      Show image as background to text. You cant really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we dont force a minimum
      width if the user is using shrink to fit.
      This results in a margin-widths worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond=data:mobile>
          <div id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        <b:else/>
          <div expr_style=&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot; id=header-inner>
            <div class=titlewrapper style=background: transparent>
              <h1 class=title style=background: transparent; border-width: 0px>
                <b:include name=title/>
              </h1>
            </div>
            <b:include name=description/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id=header-inner>
     <b:if cond=data:blog.pageType != &quot;item&quot;>
    <b:if cond=data:blog.pageType != &quot;static_page&quot;>
            <h1 style=text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;><b:include name=title/></h1>
          </b:if>
  </b:if>
        <a expr_href=data:blog.homepageUrl style=display: block>
          <img expr_alt=data:title expr_height=data:height expr_id=data:widget.instanceId + &quot;_headerimg&quot; expr_src=data:sourceUrl expr_width=data:width style=display: block/>
        </a>
        <!--Show the description-->
        <b:if cond=data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;>
          <b:include name=description/>
    <b:if cond=data:blog.pageType != &quot;item&quot;>
      <b:if cond=data:blog.pageType != &quot;static_page&quot;>
              <h1 style=text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;><b:include name=title/></h1>
      </b:if>
    </b:if>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id=header-inner>
      <div class=titlewrapper>   
        <b:if cond=data:blog.pageType != &quot;item&quot;>
    <b:if cond=data:blog.pageType == &quot;static_page&quot;>
             <p class=title><b:include name=title/></p>
     <b:else/>
       <h1 class=title><b:include name=title/></h1>
     </b:if>
  <b:else/>
          <p class=title><b:include name=title/></p>
  </b:if>
     <b:include name=description/>
      </div>
 </div>
  </b:if>
</b:includable>
<b:includable id=description>
  <div class=descriptionwrapper>
    <p class=description><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id=title>
  <b:if cond=data:blog.url == data:blog.homepageUrl>
    <data:title/>
  <b:else/>
    <a expr_href=data:blog.homepageUrl><data:title/></a>
  </b:if>
</b:includable>
      </b:widget>

     <b:if cond=data:post.title>
      <h3 class=post-title entry-title itemprop=name>
      <b:if cond=data:post.link>
        <a expr_href=data:post.link><data:post.title/></a>
      <b:else/>
        <b:if cond=data:post.url>
          <b:if cond=data:blog.url != data:post.url>
            <a expr_href=data:post.url><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>