Menu

  • Home
  • Latest
  • Trending
  • Tools
  • FORUM
  • Activity
  • Members
  • Announcement
  • Need help?

Categories

  • Android (19)
  • Apps (42)
  • Blogger (23)
  • Computer (11)
  • Cryptocurrency (2)
  • Culinary (1)
  • Download (30)
  • Entertainment (1)
  • Event (17)
  • Game (3)
  • Internet (26)
  • Laptop (75)
  • News (5)
  • OS (17)
  • Peripheral (25)
  • Personal (259)
  • Publisher (3)
  • Review (23)
  • Smartphone (62)
  • Social Media (12)
  • Tablet (1)
  • Technology (167)
  • Tips (87)
  • Travel (5)
  • Tutorial (144)
  • Unboxing (18)
  • Video (55)
  • Web (29)
  • Windows (7)
  • Wordpress (21)
  • YouTube (29)

Tags

Advertise Android Android 4 KitKat Android 9 Pie ASUS Blog Coding Competition CSS ExpertBook Firmware Game Mobile Google Google Play Store Hardware HTML IndiHome Laptop Bisnis Laptop Gaming Plugins Press Release Republic of Gamers ROG Phone Root Smartphone Gaming Spesifikasi dan Harga Technology Troubleshooting Update Upgrade VivoBook VPN WhatsApp Widget Youtube Zenbook Zenfone Zenfone 3 Zenfone 3 Max Zenfone 4 Zenfone 5 Zenfone 6 Zenfone Max Zenfone Max Pro M1 Zenfone Zoom S
XKOMODOTCOM - Sharing is Caring
No Result
View All Result
  • Account
XKOMODOTCOM
XKOMODOTCOM - Sharing is Caring
Home Web Blogger
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
9 years ago
in Blogger, Tutorial
0
0
0
SHARES
131
VIEWS
ShareTweet

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.

RelatedPosts

Cara Instal Twitter Lite di HP (Android/iOS)

Solusi Twitter Error Tidak Dapat Memperbarui Tweet

Cara Setting Google Analytics 4 Terbaru untuk Website (Blogger/WordPress)

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

<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

Just content creator

Related Posts

Cara Instal Twitter Lite di HP Android dan iOS
Tutorial

Cara Instal Twitter Lite di HP (Android/iOS)

July 18, 2023
68
Solusi Twitter Error Tidak Dapat Memperbarui Tweet
Social Media

Solusi Twitter Error Tidak Dapat Memperbarui Tweet

July 17, 2023
325
Cara Setting Google Analytics 4 untuk Blogger dan WordPress
Tutorial

Cara Setting Google Analytics 4 Terbaru untuk Website (Blogger/WordPress)

June 25, 2023
86
Cara Aktifkan LIVE TikTok Tanpa 1000 Followers
Tutorial

Cara Aktifkan LIVE TikTok Tanpa 1000 Followers

June 19, 2023
59
Solusi Cara Mengatasi WhatsApp Tidak Bisa Menyimpan Nomor Kontak Baru di HP
Apps

Cara Mengatasi WhatsApp Tidak Bisa Menyimpan Nomor Baru di HP

June 11, 2023
120
YouTube Downloader
Tutorial

Cara Download Video YouTube

June 10, 2023
6.7k
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 *

© 2023 XKOMODOTCOM

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

© 2023 XKOMODOTCOM

No Result
View All Result
  • Account
XKOMODOTCOM
  • MENU
  • Home
  • Latest
  • Trending
  • Tools
  • FORUM
  • Members
  • Announcement
  • Need help?
  • CATEGORIES
  • Cryptocurrency
  • Download
  • Event
  • Internet
    • Social Media
  • Personal
    • Culinary
    • Travel
  • Publisher
  • Review
  • Technology
    • Apps
    • Computer
    • Game
    • Laptop
    • OS
      • Android
      • Windows
    • Peripheral
    • Smartphone
  • Tips
  • Tutorial
  • Unboxing
  • Web
    • Blogger
    • WordPress

© 2023 XKOMODOTCOM

Link Start!

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

Add New Playlist