$show=home

$type=ticker$count=12$cols=4$cate=0$show=post$hide=mobile

$type=grid$count=4$tbg=rainbow$meta=0$snip=0$rm=0$show=home$ic=show

Cara Membuat Related Posts With Thumbnails Seperti Kang Ismet dengan LinkWithin

Cara Membuat Related Posts With Thumbnails Seperti Kang Ismet dengan LinkWithin dari Blog X Komo

Related Posts With Thumbnails Seperti Kang Ismet
Cara Membuat Related Posts With Thumbnails Seperti Kang Ismet dengan LinkWithin - kali ini saya +Febri Tri Harmoko  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 :D Hehe ..

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 Posts With Thumbnails Seperti Kang Ismet

- 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 Posts With Thumbnails Seperti Kang Ismet

- 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 .
Related Posts With Thumbnails Seperti Kang Ismet
- Langkah Terakhir, kamu tinggal atur saja tata letak widget nya :D Sebenarnya sih gak ngaruh :p 
Haha ...

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 berikut :) 

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 :D jika masih bingung kamu bisa bertanya lewat komentar :)

Perhatian ! dilarang keras Copy Paste Artikel ini secara keseluruhan. Jika ingin Copas Silahkan cantumkan sumber kesini :)
Artikel Original By Blog X Komo

COMMENTS

BLOGGER: 2
Loading...
Mengingat blog x komo akan pindah platform dari blogger ke wordpress, jika kamu punya pertanyaan atau request update artikel silahkan join ke sini https://blog.xkomo.com/forums.
Silahkan Bookmark blog saya yang baru ya, karna kedepan blog ini akan di hapus.
Name

Accessories,5,All Weapon,4,Android,36,Anime,1,App,8,ASUS,41,ASUS Zenfone,7,Blogger,33,Clash Of Clan,2,Computer,3,CSS,6,Documentary,5,dr. Zen,2,Event,10,Facebook,15,Firmware,23,Game,9,Gemscool,1,Google,6,Google Adsense,2,Hardware,2,Internet,6,Jambi,2,Javascript,1,Komputer,3,Laptop,2,Mouse,3,Mouse Gaming,1,Mouse Macro,6,News,40,Ninja Saga,2,Notebook,4,Padfone S,1,Point Blank,1,Press Release,8,Preview,12,Review,27,Root,13,Script,3,SEO,3,Shotgun,1,Smartphone,18,Template,1,Theme,3,Tips & Tricks,2,Troubleshooting,1,Tutorial,44,Unboxing,4,Video,10,Widget,8,Windows,2,ZenEar,1,Zenfestival,1,Zenflash,1,Zenfone 2,5,Zenfone 2 Deluxe,2,Zenfone 2 Laser,9,Zenfone 3,3,Zenfone 3 Laser,1,Zenfone 3 Max,3,Zenfone 3 Zoom,1,Zenfone 4,2,Zenfone 5,5,Zenfone 6,9,Zenfone Go,1,Zenfone Max,1,Zenfone Selfie,3,Zenfone Zoom,3,ZenHow,1,ZenPad,2,Zenpower,2,Zentalk,2,Zenvestival,3,Zenvolution,1,
ltr
item
BLOG X KOMO: Cara Membuat Related Posts With Thumbnails Seperti Kang Ismet dengan LinkWithin
Cara Membuat Related Posts With Thumbnails Seperti Kang Ismet dengan LinkWithin
Cara Membuat Related Posts With Thumbnails Seperti Kang Ismet dengan LinkWithin dari Blog X Komo
http://3.bp.blogspot.com/-ETj3jt_Kl4E/U_tSaixRi1I/AAAAAAAACYQ/GtXC3WrbCQ0/s1600/capture-20140826-220850.png
http://3.bp.blogspot.com/-ETj3jt_Kl4E/U_tSaixRi1I/AAAAAAAACYQ/GtXC3WrbCQ0/s72-c/capture-20140826-220850.png
BLOG X KOMO
http://www.xkomo.com/2014/08/cara-membuat-related-posts-with-Thumbnails.html
http://www.xkomo.com/
http://www.xkomo.com/
http://www.xkomo.com/2014/08/cara-membuat-related-posts-with-Thumbnails.html
true
4848727032668058109
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy