Cara Membuat Halaman Partner Blog Responsive

Admin    April 01, 2019    Tutorial Blog    Comment   

Baca Juga

Clover Pedia - Hallo semua selamat datang di blog ini, terimakasih sudah berkunjung. Kali ini admin akan membahas Cara Membuat Halaman Partner Blog Responsive, cara ini sangat mudah sekali untuk di terapkan dan tentunya kalian para bloggers wajib mencoba nya.

Sering sekali kita menjumpai halaman di suatu situs yang mempunyai halman partner, berbagai macam desain halaman partner yang menarik dan unik banyak kita temukan. Apakah halaman partner sangat dibutuhkan di suatu situs atau blog?, jika menurut saya itu sangat penting keberadaan nya bagi blog-blog personal atau yang dikelola snediri.

Kegunaan nya sendiri pun cukup bermanfaat bagi blog kita karena bisa mendatangkan pengunjung, jika alamat blog kita dipasang di halaman partner milik orang lain. Nah makanya ayo buruan saling tukaran link blog supaya mendapatkan lebih banyak pengunjung.

Sebelum memasuki tutorial jangan lupa untuk langganan artikel di blog ini supaya mendapatkan artikel menarik setiap harinya. Caranya gimana min?, mudah banget kok cara nya kalian hanya tinggal memasukan alamat email kalian di kolom paling bawah yang sudah di sediakan.

Oke langsung mulai saja tutor nya di bawah ini simak baik-baik gan :

1. Masuk blog

2. Klik di halaman > lalu tambahkan halaman baru

3. Ubah mode penulisan ke HTML, jangan yang compose

4. Copy script dibawah ini lalu pastekan dihalaman tadi

<div class="Buka">

<ul class="BlogList">

<li class="ArticleTeaser">

<h3 class="ArticleTeaser-title">

<a href="urlblogpartner"><span style="color: black;">Nama Blog Partner</span></a></h3>

<div class="ArticleTeaser-bubble">

</div>

<div class="ArticleTeaser-date">

Deskripsi Blog Partner</div>

</ul>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js" type="text/javascript"></script>

<script>

//<![CDATA[

function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }

loadCSS("https://cdn.rawgit.com/slideseo-blog/slideseo.js/master/Part.css");

//]]>

</script>

<script src="https://cdn.rawgit.com/slideseo-blog/slideseo.js/master/Part.js" type="text/javascript"></script>

Keterangan :

• Ganti warna merah dengan alamat blog partner kalian
• Ganti warna biru dengan nama blog pasrtner kalian
• Ganti warna hijau dengan deskripsi singkat blog partner kalian

5. Jika ingin menambahkan partner, copy script dibawah ini tepat diatas </ul>

<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="urlblogpartner"><span style="color: black;">Nama Blog Partner</span></a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
Deskripsi Blog Partner</div>

6. Selesai lalu publikasikan.

Hasil tutorial diatas

Cukup mudah bukan?, kalian bisa langsung mencoba nya sekarang juga. Mungkin cukup sekian tutorial blog ini dibuat jangan pernah bosan-bosan berkunjung ya gan. Jika ada pertanyaan atau ada perlu yang lain nya kalian bisa menuliskan nya di kolom komentar atau langsung hubungi admin, sampai jumpa dan terimakasih.