Belajar Clone web ke blog Part 1

1. Pertama-tama siapkan Template Kosong untuk media clonenya dan struktur  templatenya seperti ini... 

Kalau sudah jadi begitu lalu simpan Templatenya..
Hasilnya


2. Cari target web untuk mau di clone Contoh targetnya " http://demo.wpkube.com/myblog/ " 
3. jika sudah ketemu lihat sorceKodenya dengan tekan" CTRL+U " di keyboard
4. Pertama dulu copy semua script dari  <"body">

Sampai <"/body">

5. Jika sudah di copy pastekan dari <"/body"> Smpai <"body">

6. Jika sudah Jangan simpen dulu templatenya walaupun di simpen gakan bisa di simpen..
7. script pendukung untuk templatenya Silahkan Lihat Disini Coy

Script Pendukung untuk blog
script Untk Pendukung Menampilkan Post
  <b:section class='sidebar' id='sidebar' preferred='yes'/>
  Script Untk menampilkan Penulis Blog
  <data:post.author/>
  Script untuk menampilkan Comment blog
  <data:post.commentLabelFull/>
  Script Untuk menampilkan judul blog
  <data:post.title/>
  script untuk menampilkan nama blog
  <data:blog.title/>
  script untuk menampilkan Postingan Blog
  <data:post.body/>
  Script untuk menampilkan Tanggal Pada Blog
  <data:post.dateHeader/>
  Script untuk membuat URL Otomatis di blog
  <a expr:href='data:post.url'>
    URL Otomatis
  </a>
  Script Membuat Gambar Thumnail Otomatis di blog
  <b:if cond='data:post.firstImageUrl'>
    <a expr:href='data:post.url'>
      <img class='Thumbnail-harris' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
    </a>
    <b:else>
      <a expr:href='data:post.url'>
        <img class='Thumbnail-harris' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0MNgKrcxpUW6tvH9eotsdqhcWIipBMT-JJe8arvaL2xpTjtoOSFOGkH-TLQWyHpDYGZv9PgK7KGDlwZXRcdUSz4IwrYx66lqATNmvXnhk6iKjwk2j2TwBTDcuY3Ogy0jgkze2u7QJzn0/s1600/unduhan.png'/>
      </a>
    </b:else>
  </b:if>
  Script Membuat Tag/categori otomatis di blog
  <strong class='tags'>
    <b:if cond='data:post.labels'>
      Tag:
      <b:loop values='data:post.labels' var='label'>
        <a expr:href='data:label.url' rel='tag'>
          <data:label.name/>
        </a>
        <b:if cond='data:label.isLast != &quot;true&quot;'>
          ,
        </b:if>
      </b:loop>
    </b:if>
    Script Membuat Post singkat otomatis di blog
    <data:post.snippet/>
    Script Membuat Time/waktu di blog
    <data:post.timestamp/>
8. Copy terlebih dahulu  <b:section class='sidebar' id='sidebar' preferred='yes'/> lalu pastekan di atas </body>
9. Jika sudah Simpen templatenya..
10. kalau ingin tidak ribet untuk mengeditnya klik " Format Template " Agar mudah di edit..
11. Jika terjadi kesalahan seperti ini  " Kesalahan saat mengurai XML, baris 26, kolom 31: The element type "img" must be terminated by the matching end-tag " Berarti < img src="http://demo.wpkube.com/myblog/wp-content/uploads/sites/4/2015/03/logo1.png" > atau gambarnya tidak ada penutupnya kasih " / " di akhirnya <  img src="http://demo.wpkube.com/myblog/wp-content/uploads/sites/4/2015/03/logo1.png"  /> dan juga jika terjadi  kesalan seperti " Kesalahan saat mengurai XML, baris 1081, kolom 19: The element type "input" must be terminated by the matching end-tag "<  /input  > "  < input type="hidden" name="loc" value="en_US" > berarti input tersebut kesalahannya sama yg img harus di tambahkan akhirnya kaya gini '" / "
12.  " Kesalahan saat mengurai XML, baris 1081, kolom 32: The entity "hellip" was referenced, but not declared " Kesalahan ini sering terjadi pada web yg ingin di clone Nih yg membuat jadi bermasalah " & hellip ; " itu tidak bisa di terima oleh Html blog hapus sajah atau bisa juga " & " di tambahkan  "& amp; "
13. jika tidak ada lagi terjadi keslahan silahkan di simpen kembali, lalu copy css nya dari bawah " < head >  "sampai atas" < /head > " dan pastekan di bawah < head > 

# Dan simpen
Ambil Template kosongnya Disini coy
Template Kosong
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta expr:content='data:blog.isMobile         ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot;         : &quot;width=1100&quot;' name='viewport'/>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[
]]></b:skin>

    <b:include data='blog' name='google-analytics'/>
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
 
  </b:section>
  </body></html>

Sekian dari saya..
Part 2 Sudah aktif silahkan klik disini
Author : Rurufu
View Comment
Disqus

Fly-out sidebar

DELOGIN ZONE