24 September 2022

Membuat Halaman Partner Blog Mode Timeline Keren dan Stylish

بِسْــــــــــــــــمِ اﷲِالرَّØ­ْÙ…َÙ†ِ الرَّØ­ِيم

Membuat Halaman Partner Blog Mode Timeline Keren dan Stylish

PARTNER blog merupakan hal yang penting dan menjadi salah satu halaman statis yang berada di di halaman depan blog. Terkadang para blogger mencari partner blognya sesuai dengan niche artikel yang ada di blognya. Tapi tidak sedikit juga yang mencari partner blog gado-gado, isinya macam-macam. Silakan saja selama tidak melanggar ketentuan blogger dan dapat menjadi temen online yang mengasyikkan. Bila memungkinkan dapat menjadi teman di dunia nyata.

Mode pertemanan ini juga banyak digunakan dalam widget sosial media, sebut saja Facebook dan Whatsapp. Sedangkan Pinterest dan Twitter mengandalkan follow akun. Dengan semakin banyaknya teman, maka memungkinkan kita dapat menjalin relasi dengan orang lain. Kalau dalam dunia blogger, kita bisa saling sharing ilmu tentang blog. Bagaimana membuat sebuah blog menjadi semakin bagus.

Dalam tutorial kali ini, saya akan memberikan cara membuat widget pertemanan mode Timeline. Dalam mode Timeline ini, akan membentuk sebuah garis kebawah dengan diisi URL blog dan Deskripsi blog. Coba nanti kalian praktekkan cara membuat widget pertemanan ini. Caranya gampang kok tinggal copas doang itu kode dalam halaman statis - Partner - . Nanti akan muncul teman-teman kalian disitu.



Seperti ini cara membuat pertemanan mode Timeline di Blog :

Langsung masuk ke Halaman Statis dan tempelkan kode dibawah ini disitu. Di mode HTML ya jangan mode Compose.
<center><h1><font color="white">Partner Alifacode.com</font></h1></center><br/>
<div class="Buka">
<ul class="BlogList">
<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="https://alifacode.com/" target="_blank" title="Trik dan Tips Ngeblog">Alifacode.com</a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
|Tutorial Dan Cara blogging untuk pemula | Tips SEO | Cara membuat blog  | Google adsense|</div>
</li>
<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="http://rsikotamagelang.com/" target="_blank" title="RSI Kota Magelang">RSIKotaMagelang.com</a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
Blog yang Berisikan tentang Rumah Sakit | Kesehatan | Obat-obatan | dan Jadwal Dokter Praktek</div>
</li>
<li class="ArticleTeaser">
<h3 class="ArticleTeaser-title">
<a href="https://www.google.com/" target="_blank" title="Blog Kalian ?">Blog Kalian ?</a></h3>
<div class="ArticleTeaser-bubble">
</div>
<div class="ArticleTeaser-date">
Mari Gabung Untuk Menjadi Bagian Dari Partner Blog Ini.</div>
</li>
</ul>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js" type="text/javascript"></script>
<br />
<br />
<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.jsdelivr.net/gh/Alifacode/backupmaster@main/Part.css");
//]]>
</script>
<script src="https://cdn.jsdelivr.net/gh/Alifacode/backupmaster@main/Part.js" type="text/javascript"></script>


Nah sudah tutorialnya disajikan diatas. Silakan untuk kalian mempraktekkannya. Terima kasih yang sudah mampir kesini. Semoga jadi ya prakteknya.



Bagikan ke teman-teman kamu
Label Postingan : Search Console , Tips Blog

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Membuat Halaman Partner Blog Mode Timeline Keren dan Stylish . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon