Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis! Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis! Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis!
XKOMODOTCOM
No Result
View All Result
  • Login
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING
XKOMODOTCOM
ernesthy
XKOMODOTCOM
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING
  • Login
No Result
View All Result
XKOMODOTCOM
Related Post Sederhana

Cara Membuat Related Posts With Thumbnails Dengan LinkWithin

Membuat Related Posts With Thumbnails Seperti Kang Ismet

Febri Tri Harmoko by Febri Tri Harmoko
8 years ago
in Blogger, Tutorial
0
0
125
VIEWS
ShareTweet
Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official

Cara Membuat Related Posts With Thumbnails Dengan LinkWithin – Kali ini saya akan memberikan sebuah tutorial yaitu membuat Related post With Thumbnails seperi yang ada pada widget Kang Ismet.

namun dalam Tutorial yang akan saya berikan di sini menggunakan pihak ke tiga yaitu LinkWithin, cara nya simple dan sangat mudah untuk di terapkan dalam Blogger dan tidak ribet bagi pemula.

Nanti kalau ada waktu saya coba membuat tutorial yang menggunakan Coding sendiri atau kita bisa menunggu Kang Ismet bikin artikel terkait tersebut 😀

Cara Membuat Related Posts With Thumbnails Dengan LinkWithin

Penjelesan singkat sudah sampai situ saja, sekarang kita menuju ke tahap tutorial nya 🙂
– Langkah awal silahkan kunjungi situs ini : http://www.linkwithin.com/learn

Related Post by LinkWithin

– Langkah kedua silahkan isi Form sesuai informasi kamu. lalu klik Get it Widget. Ikuti instruksi yang tertera seperti pada gambar 🙂 kemudian klik Instal Widget

Related artikel LinkWithin – Langkah Ketiga adalah Membuat Widget pada Blog kita. Pilih Blog yang ingin di tambahkan widget Related Posts With Thumbnails yang kita buat tadi. kemudian Edit script jika di butuhkan 🙂 Jika tidak silahkan klik Menambahkan widget .

LinkWithin - Related Post Sederhana

– Langkah Terakhir, kamu tinggal atur saja tata letak widget nya 😀
Perhatian: Klik gambar untuk melihat gambar lebih jelas
Begitu lah Cara Membuat Related Posts With Thumbnails Seperti Kang Ismet dengan LinkWithin untuk kustomisasi / personalisasi kamu bisa ikutin langkah – langkah di bawah ini.

Menghapus Logo LinkWithin

Untuk menghilangkan tulisan Linkwithin pada bagian bawah Related Post With Thumbnails, silahkan tambahakan kode CSS berikut di atas ]]></b:skin>
#linkwithin_logolink_0 {
display: none;
}

Pure CSS LinkWithin

Untuk mengedit CSS / Tampilan LinkWithin bisa kamu ganti kode berikut dan tambahkan di atas ]]></b:skin>

/* atur sesuai kebutuhan saja */
.linkwithin_img_0 {
/* untuk CSS Gambar */
margin: 0;
border: 1px solid rgb(85, 85, 85);
padding: 2px;
width: auto;
height: auto;
}
#linkwithin_link_last {
display: block;
float: left;
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(85, 85, 85);
border-bottom-style: none;
margin: 0px;
padding: 6px;
text-decoration: none;
text-align: left;
cursor: pointer;
}
#linkwithin_posts_0 {
margin: 0;
border: 0;
padding: 0;
}
#linkwithin_text_0 {
margin: 0;
border: 0;
padding: 16px 0 5px;
text-align: left;
font-weight: bold;
}
.linkwithin_title.linkwithin_title_0 {
margin: 3px 0px 0px;
border: 0px;
padding: 0px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-family: arial;
color: rgb(85, 85, 85);
}
#linkwithin_inner {
margin: 0;
border: 0;
padding: 0;
width: 596px;
}

Kustomisasi Tampilan Related Posts With Thumbnails Hanya Pada Artikel Saja

– Kamu cari Kode HTML ini terlebih dahulu

BACAJUGA

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome

Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)

<b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'>
    <b:includable id='main'><data:content/></b:includable>
  </b:widget>

– setelah itu silahkan silahkan tambahkan kode ini di antara kode <data:content/> 🙂

<b:if cond='data:blog.pageType == "item"'>
...
</b:if>

– Sehingga Kode nya menjadi seperti ini

  <b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'>
    <b:includable id='main'><b:if cond='data:blog.pageType == "item"'><data:content/></b:if></b:includable>
  </b:widget>

Sekian dulu yah artikel dari saya 🙂 semoga bermanfaat 😀 jika masih bingung kamu bisa bertanya lewat komentar 🙂

Tags: BlogCodingCSSHTMLWidget
ShareTweet
Previous Post

Cara Manipulasi Link / URL Asli dengan Javascript (Fake Link)

Next Post

Cara memindahkan Aplikasi Android ke Memory External MicroSD Pada Zenfone Series

Febri Tri Harmoko

Febri Tri Harmoko

Saya blogger yang gemar membaca dan berbagi informasi di dunia internet.

ARTIKEL TERKAIT

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome
Internet

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome

by Febri Tri Harmoko
2 weeks ago
27
Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)
Tutorial

Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)

by Febri Tri Harmoko
2 months ago
283.1k
Cara Login Modem IndiHome ZTE F609 Terbaru
Tutorial

Cara Login Modem ZTE F609 IndiHome Terbaru (Username dan Password Admin)

by Febri Tri Harmoko
3 months ago
449.4k
Next Post
Cara pindahkan semua aplikasi ke memory external

Cara memindahkan Aplikasi Android ke Memory External MicroSD Pada Zenfone Series

Thumbnail Tutorial Smartphone

Cara Update Manual Firmware ASUS Zenfone 4 5 & 6 Tanpa Root

Thumbnail Tutorial Smartphone

Update Firmware manual versi terbaru ASUS Zenfone 4, 5, dan 6

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

I agree to the Terms & Conditions and Privacy Policy.

  • About
  • Contact
  • Disclaimer
  • Privacy Policy
  • Terms & Conditions

© 2014 - 2022 XKOMODOTCOM — Made With in Indonesia

No Result
View All Result
  • Login
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING

© 2014 - 2022 XKOMODOTCOM — Made With in Indonesia

Welcome Back!

Sign In with Google
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.