HATRIP.BLOGSPOT.COM: blogger

Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Jumat, 04 Januari 2013

Cara Menambah Google Page Rank

Google Page Rank, mungkin kata tersebut cukup sering di dengar terutama sebagai seorang blogger atau seorang webmaster.

Ya, Google Pagerank alat pembanding sebagai pengukur arti dan pentingnya sebuah halaman web di dunia internet. Google Page Rank (biasa disebut PR) pada awalnya dikembangkan oleh Larry Page, co-owner Google, algoritma Pagerank telah berubah selama bertahun-tahun seperti kebanyakan algoritma Google, bahkan algoritma PR adalah rahasia umum yang terjaga dengan baik.

Google Page Rank menggunakan sistem perhitungan menggunakan algoritma-algoritma untuk menampilkan hasil pencarian tersebut. Google, sebagai salah satu mesin pencari terbesar di dunia, tentunya juga memerlukan algoritma dalam melakukan pencarian. Algoritma yang mereka pakai diberi nama Pagerank. Pagerank merupakan salah satu fitur utama mesin pencari Google

Google Pagerank bekerja dengan memberi bobot angka antara 0-10 pada setiap halaman di internet. Pagerank ini biasanya diupdate 3 bulan sekali. .

Nah, pada kesempatan kali ini hatrip akan membagikan tutorial bagaimana cara menambahkan widget Google Page Rank di blog. Menggunakan widget Google Page Rank ini cukup bermanfaat untuk teman blogger karena anda bisa mengecek Rangking blog anda dengan cepat. Itung-itung jika Google Page Rank di update kita bisa melihat perubahan rangking blog kita di Google

Untuk cara menambah widget Google Page Rank silahkan mengikuti beberapa step dibawah ini :

1.Login ke akun Blogger.com anda

2.Kemudian kunjungi alamat berikut : http://www.getrank.org/google-pagerank-display-widget-for-blogger/

3. Ada banyak tampilan widget Google Page Rank, silahkan dipilih sesuai yang anda mau

4. Jika dirasa sudah cocok, klik “add to Blogger”

5. Anda akan diarahkan di halaman menambah elemen blog, kemudian klik menambah widget

6. Jika dirasa tampilan widget Google Page Rank kurang cocok, bisa dirubah dengan cara membuka Tata Letak, drag pada widget tersebut ke posisi yang anda inginkan, atau anda bisa meng-copy script widget Google Page Rank untuk ditambahkan ke elemen melalui edit HTML seperti yang saya lakukan.

7. Klik simpan dan lihat hasilnya

Sekian sedikit tutorial sederhana tentang bagaimana cara menambah widget Google Page Rank di blog anda, apabila ada hal yang kurang jelas, silahkan berkomentar dibawah ini.

Tampilan Bingkai Pada Widget

seperti kita tahu bahwasanya hampir semua template standar yang disediakan oleh Blogger tidak menyertakan aksesori berupa bingkai untuk setiap widget yang dipasang di halaman. Dan hal ini sangat berbeda apabila dibandingkan dengan kustom template yang umumnya menyertakan aksesori berupa bingkai untuk bagian tersebut, sehingga tampilan halaman blog yang yang menggunakan template standar Blogger menjadi terkesan tidak lebih menarik apabila dibandingkan dengan blog yang menggunakan kustom template.

Namun demikian bukan berarti kita tidak dapat melakukan kustomisasi pada template standar Blogger agar tampilannya menjadi lebih menarik bila dibandingkan dengan kustom template. Oleh sebab itulah dalam artikel sebelumnya yang berjudul “Inilah Beberapa Daftar Template Blog Terbaik Yang Pernah Ada” saya menyebutkan bahwa sebenarnya template standar yang disediakan oleh Blogger merupakan template blog terbaik yang pernah ada untuk platform Blogger (Blogspot), dengan salah satu alasannya yaitu karena kemudahan bagi kita bila ingin melakukan kustomisasi.

Salah satu dari kemudahan kustomisasi yang dapat kita lakukan adalah ketika kita ingin memodifikasi desain tampilan untuk setiap elemen halaman, termasuk diantaranya yaitu modifikasi widget dengan cara menambahkan bingkai dan warna latar untuk bagian tersebut. Dimana kustomisasi dapat dilakukan dengan menambahkan kode CSS tertentu ke dalam template untuk menggantikan kode CSS standar yang diberikan oleh Blogger.

Nah, dalam hal melakukan kustomisasi untuk bagian widget, dalam hal ini adalah memberi garis dan warna latar untuk bagian tersebut, maka Anda dapat mengerjakan langkah-langkah berikut ini secara berurutan.

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’.

Kedua, cari kode ]]></b:skin> dan kemudian sisipkan kode berikut ini tepat di atasnya.

.main-inner .sidebar .widget h2 {

  margin-top: 0px;

  margin-bottom: 1px;

  margin-left-value: 0px;

  margin-right-value: 0px;

  padding: 3px 3px;

  color: #274e13 !important;

  text-align: center;

  border: 1px solid #666666;

  border-radius: 4px;

  box-shadow: 1px 1px 6px 1px #3d85c6;

  background: #bbbbbb;

}

.main-inner .sidebar .widget-content {

  margin: 0px;

  padding: 2px 2px;

  text-align: justify;

  text-decoration: none;

  border: 1px solid #674ea7;

  border-radius: 4px;

  box-shadow: 1px 1px 6px 1px #3d85c6;

  background: #ffffff;

}

.main-inner .widget #ArchiveList {

  margin: 0px;

}

.main-inner .widget ul, 

.main-inner .widget li,

.main-inner .widget ul li,

.main-inner .widget #ArchiveList ul.flat li {

  margin: 0px;

  padding: 2px;

  list-style: none;

}

Ketiga, simpan template Anda.

Perlu diketahui bahwa background yang digunakan dalam rangkaian tersebut merupakan warna solid (dalam hal ini adalah #bbbbbb dan #ffffff), sehingga agar tampilannya menjadi seperti gambar di atas maka Anda dapat mengganti kode warna pada background: dengan gambar atau warna gradasi. Sebagai contoh misalnya dengan memakai kode di bawah ini.

Background dengan menggunakan gambar (misalnya untuk judul widget).

background: url("https://lh6.googleusercontent.com/-H-0CmGKOwSg/T_GubudWV2I/AAAAAAAAAPI/SYKtH9zZlXA/s800/Menu.png") repeat-x scroll left bottom rgb(243, 244, 246);

Background dengan menggunakan warna gradasi (misalnya untuk area widget).

background: -moz-linear-gradient(center top , white 20%, rgb(243, 243, 243) 100%) repeat scroll 0% 0% transparent;

Demikian halnya untuk warna garis dan warna bayang-bayang, Anda dapat menyesuaikannya dengan desain tampilan halaman blog yang Anda kelola, yaitu dengan cara mengganti kode warna yang terdapat pada border: dan box-shadow:. Dan perlu diketahui pula bahwa kode tersebut dapat diimplementasikan pada semua kategori template standar Blogger (Mudah, Jendela Gambar, PT Keren Sekali, Tanda Air, Kelembutan, dan Perjalanan). Terkecuali untuk kategori template PT Keren Sekali, kode tersebut hanya dapat diterapkan pada desain template yang belum memiliki bingkai pada bagian widget. Karena apabila diimplementasikan pada template dalam kategori PT Keren Sekali yang telah memiliki bingkai pada widget, maka tampilannya malah akan menjadi tidak proporsional.

Cara Mengubah Desain Tampilan Blog Untuk Model Bidang Artikel Halaman Beranda

Pertama, backup template Anda dan kemudian buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > ‘Expand Template Widget’.

Kedua, cari kode </head> dan kemudian sisipkan rangkaian kode berikut ini tepat di atasnya.

<script type='text/javascript'>
//<![CDATA[
/************************************************
Kustomisasi Model Bidang Posting Blogger/Blogspot
Membuat Headline Artikel Di Halaman Beranda Blog
Oleh: Hatrip
Blog: Hatrip -:[Hatrip]:-
URL : http://Hatrip.blogspot.com/
*************************************************/
function HapusTagHTML(kalimat,ambil){
  if(kalimat.indexOf("<")!=-1)
  {
    var s = kalimat.split("<");
      for(var i=0;i<s.length;i++){
        if(s[i].indexOf(">")!=-1){
          s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
        }
      }
    kalimat = s.join("");
  }
  ambil = (ambil < kalimat.length-1) ? ambil : kalimat.length-2;
  while(kalimat.charAt(ambil-1)!=' ' && kalimat.indexOf(' ',ambil)!=-1) ambil++;
    kalimat = kalimat.substring(0,ambil-1);
  return kalimat+'...';
}

function BuatRingkasanArtikel(pID){
  var div = document.getElementById(pID);
  var JumlahKarakter = 300;
  var RingkasanArtikel = '<div>' + HapusTagHTML(div.innerHTML,JumlahKarakter) + '</div>';
  div.innerHTML = RingkasanArtikel;
}
//]]>
</script>

Keterangan:

Kode tersebut digunakan untuk membuat ringkasan artikel yang ditampilkan pada bidang posting kedua, ketiga, dan seterusnya, seperti yang tampak pada gambar (di atas) dengan tanda angka 2 (dua).

Untuk menentukan jumlah karakter yang dijadikan sebagai ringkasan artikel, dapat dilakukan dengan cara mengubah angka 300 yang terdapat pada kode var JumlahKarakter = 300; sesuai dengan jumlah karakter yang diinginkan.

Ketiga, cari kode <b:includable id='main' var='top'> dan kemudian hapus seluruh rangkaian kode untuk bagian tersebut. Sebagai contoh perhatikan rangkaian kode di bawah ini.

<b:includable id='main' var='top'>   <!-- hapus dari sini -->

  ----- rangkaian kode -----

</b:includable>   <!-- hapus sampai sini -->

Keempat, salin rangkaian kode berikut ini dan kemudian sisipkan di bagian yang sebelumnya telah dihapus dengan menggunakan langkah ketiga.

<b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
        <!--artikel terbaru -->
        <b:include name='artikelterbaru'/>
      <b:else/>
        <!--artikel terlama -->
        <b:include name='artikelterlama'/>
      </b:if>
    </b:loop>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
          function initialize() {
            google.annotations.setApplicationId(<data:top.blogspotReviews/>);
            google.annotations.createAll();
            google.annotations.fetch();
          }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>

<b:includable id='artikelterbaru' var='artikelbaru'>
  <!-- posts -->
  <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
    <data:defaultAdStart/>
      <b:if cond='data:post.isDateStart'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-outer&quot;&gt;
      </b:if>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-posts&quot;&gt;
      </b:if>

      <div class='post-outer'>
        <b:include data='post' name='post'/>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>

      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
          <data:adStart/>
      </b:if>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
    <data:adEnd/>
  </div>
</b:includable>

<b:includable id='artikelterlama' var='artikellama'>
  <!-- posts -->
  <div class='blog-posts hfeed'>
    <b:if cond='data:post.isFirstPost == &quot;true&quot;'>

    <b:else/>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
          
        <div class='post-outer'>
          <b:include data='artikellama' name='lama'/>

          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
            <b:if cond='data:post.showThreadedComments'>
              <b:include data='post' name='threaded_comments'/>
            <b:else/>
              <b:include data='post' name='comments'/>
            </b:if>
          </b:if>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <b:if cond='data:post.showThreadedComments'>
              <b:include data='post' name='threaded_comments'/>
            <b:else/>
              <b:include data='post' name='comments'/>
            </b:if>
          </b:if>
        </div>
      </b:if>
    </b:if>
  </div>
</b:includable>

<b:includable id='lama' var='artikellama'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
        <b:if cond='data:post.link'>
          <div style='text-align: justify;'>
            <a expr:href='data:post.link'><data:post.title/></a>
          </div>
        <b:else/>
          <b:if cond='data:post.url'>
            <b:if cond='data:blog.url != data:post.url'>
              <div style='text-align: justify;'>
                <a expr:href='data:post.url'><data:post.title/></a>
              </div>
            <b:else/>
              <data:post.title/>
            </b:if>
          <b:else/>
            <data:post.title/>
          </b:if>
        </b:if>
      </h3>
    </b:if>

    <div class='post-header'>
      <div class='post-header-line-1'/>
    </div>

    <div class='mobile-index-contents'>
      <b:if cond='data:post.thumbnailUrl'>
        <div class='mobile-index-thumbnail'>
          <div style='border: 1px solid #666666; background: ffffff; float: left; width:180px; height:114px; margin-right:15px;'>
            <div class='Image' style='float:left; '>
              <img expr:src='data:post.thumbnailUrl' style='width:180px; height:114px;'/>
            </div>
          </div>
        </div>
      <b:else/>
        <div style='border: 1px solid #666666; background: ffffff; float: left; width:180px; height:114px; margin-right:15px;'>
          <img alt='eltelu' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWtWEWHl4eLbCV-2SY8UODlDNol26XFmhN6smwJU-InO5XxTC8HRqxH_SXcCggo-N1ta0dHyUYUb3NbVaCW-8EWwdWD4CEPptWctTsYUdXVEpDXIB4GZsi3lwGHeXzgwR4WuJ_-QxqizY/s800/ELTELU.png' style='width: 180px !important; height: 114px !important;'/>
        </div>
      </b:if>

      <div class='post-body' style='text-align: justify;'>
        <div expr:id='&quot;RingkasanArtikel&quot; + data:post.id'><data:post.body/></div>
        <script type='text/javascript'>BuatRingkasanArtikel(&quot;RingkasanArtikel<data:post.id/>&quot;);</script>
      </div>

      <b:if cond='data:post.hasJumpLink'>
        <div style='border-bottom: 1px solid #666666; margin-top: 12px; width: 99,99%;'/>
          <div style='text-align: right;'>
            <div class='jump-link'>
              <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
            </div>
          </div>
        <div style='clear: both;'/>
      </b:if>
    </div>
  </div>
</b:includable>

Keterangan:

Pemisah artikel yang digunakan dalam rangkaian kode di atas adalah pemisah standar, yaitu <data:post.jumpText/> yang akan menghasilkan tautan teks berupa “Baca selengkapnya »” atau “Read more »”. Sehingga apabila sebelumnya Anda telah melakukan kustomisasi untuk bagian tersebut (sebagai contoh misalnya mengubah bagian tersebut menjadi gambar tombol), maka gantilah pula <data:post.jumpText/> yang terdapat pada kode di atas sesuai dengan rangkaian kode yang Anda gunakan (sebelumnya) untuk membuat tombol “Read more »”.

Silakan buka artikel dengan judul “Membuat Tombol Read More Tanpa Ribet” yang dapat Anda gunakan sebagai referensi untuk membuat tombol “Read more »” atau mengganti tautan teks “Baca selengkapnya »” dengan gambar berbentuk tombol.

Kelima, simpan template.

Dan selanjutnya perlu diketahui bahwa setelah Anda mengimplementasikan teknik tersebut maka post footer untuk artikel kolom kedua, ketiga, dan seterusnya secara otomatis tidak lagi ditampilkan ketika halaman yang dibuka adalah beranda. Namun post footer akan tetap dimunculkan sebagaimana mestinya ketika masing-masing artikel pada blog yang dimaksud dibuka.

Sementara itu post footer untuk artikel yang terletak pada bagian kolom paling atas akan tetap ditampilkan di halaman beranda, sehingga untuk menghilangkan bagian tersebut agar post footer tidak lagi tampil di halaman beranda seperti halnya pada artikel bagian kolom kedua, ketiga, dan seterusnya, maka Anda dapat mengerjakan teknik yang diuraikan dalam artikel dengan judul “Menyembunyikan Elemen Halaman Posting Dari Beranda Blog”.

Semoga berguna dan bermanfaat.

Salam.

Cara Membuat Daftar Isi Otomatis Di Blog Praktis dan Mudah

Cara Membuat Daftar Isi Otomatis Di Blog Praktis dan Mudah - untuk mengetahui apa saja yang disajikan pada blog anda saat ini, bila tidak ada Daftar isinya maka pengunjung akan cepat berlalu meninggalkan blog anda!! tapi lain halnya jika blog anda saat ini terdapat menu/daftarisinya maka visitor akan lebih lama berada pada blog kita karena setidaknya mereka terbantu dengan adanya daftar isi tersebut, selain itu juga dengan menambahkan daftar isi ini diharapkan agar para pengunjung blog bisa dengan mudah mencari artikel yang mereka cari. sementara itu hal ini juga berfungsi untuk SEO. saya sendiri juga sudah menambahkan menu pada blog ini dan saya lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label postingan judul. Jadi kalau kita posting tanpa menggunakan label, maka judul artikel tidak akan muncul didalam daftar isi tersebut. Yup tanpa panjang x lebar silahkan ikuti petunjuk pembuatan daftar isi dibawah ini.

Langkah Dalam Pembuatan Sitemaps/Isi Otomatis Blog

1. Masuk ke account blogger anda
2. Buka menu Posting atau Posts kemudian kita klik Entri Baru / New Post.
3. Setelah masuk ke dalam halaman editor posting pilih dalam mode HTML bukan Compose.
4. Lalu Silahkan copy paste kan ke dalam halaman editor posting kode di bawah ini:

NB: Silahkan anda ganti sendiri tulisan yang Berwarna HIJAU adengan nama blog sobat.

5. Untuk postingan daftar isi ini jangan di beri label cukup judulnya saja
6. Pengaturan tanggal post pilih tahun/tanggal/bulan yang paling belakang
7. Setelah sudah semua kemudian Publish dan silahkan lihat hasilnya....

Ternyata dalam pembuatan/menambahkan daftar isi otomatis pada blog anda sangat mudah bukan? KARENA DISINI ANDA tidak perlu repot lagi membuat script. ok sobat blogger semoga artikel ini bisa bermanfaat buat anda.

Cara Membuat Menu Horizontal Di Blog

Kamis, 03 Januari 2013

Cara Memasang Flag Counter di Blogspot

Cara Memasang Flag Counter di Blog Blogspot - Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
Setelah sebelumnya posting cara membuat banner untuk link exchange kali ini saya akan share cara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.

1. Sobat kunjungi situs http://flagcounter.com
Sobat akan melihat tampilan seperti berikut.

2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..

Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.

Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
Column of Flags : Jumlah kolom untuk counter
Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
Background Color : Warna latar belakang
Text Color : warna teks
Border color : Warna garis tepi
Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung

3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.

4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.

Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.

Cara Membuat Link Download di Blog

Cara Membuat Link Download di Blog - Dalam dunia blog selain artikel ada juga yang di sebut link, link sebagaimana kita ketahui adalah tautan yang menghubungkan antara halaman satu dengan halaman lain, situs dan situs lain termasuk link download yang tentuhnya mengarah ke situs file sharing tertentu. Contoh link adalah seperti berikut ( baca : blogspot template blog ).

Kali ini masih seputar link, saya akan share tentang cara bikin link download gratis di blogspot. Untuk membuat link download yang pertama harus kita miliki adalah file dan tentunya akun di file sharing ( seperti ziddu, googlecode, 4shared dll ). File yang ada di komputer sobat nantinya kan di upload ke salah satu file sharing tadi guna mendapatka url dari file tersebut. Kali ini kita akan membahas di file sharing ziddu saja.

1. Sign up di ziddu.com ( baca : cara membuat akun di ziddu )
2. Silahkan sobat meng-upload file ke ziddu untuk mendapatkan link downloadnya.
3. Link download dari ziddu kira - kira seperti gambar berikut.

Nah, setelah kita mendapatkan lin downloadnya, sekarang waktunya untuk membuat link downloadnya. setahu saya, ada 2 cara untuk membuat link download, yang pertama dengan mengunakan teks biasa dan kedua dengan menggunakan / menyisipkan gambar pada link download. Berikut penjelasannya.

1. Link Download Biasa

<a href="http://www.ziddu.com/download/19044499/tatelustyle.rar.html" target="_blank"><b>DOWNLOAD</b></a>

Hasilnya :

DOWNLOAD

2. Link Download Dengan Gambar

Hasilnya :