Cara Ubah/ Mengecilkan Ukuran Font Breadcrumbs

Pertemuan kali ini kita akan membahas tentang bagaimana mengecilkan huruf atau font Breadcrumbs di blog. Maaf agak melenceng dari pembahasan utama " Dukun Pelet".

Mari kita berbagi pengalaman apa yang Anda tahu kami juga tahu. Jika Informasi ini bermanfaat silakan bagikan ke teman anda supaya apa yang anda tahu mereka juga tahu.

Ok lanjut'"

Apakah lagi mencari bagaimana cara mengubah ukuran font atau tulisan pada breadcrumbs?

ataukah cuma karena kebetulan saja lagi lihat judul entri ini yang kelihatan unik? hehehe....

Ok guys... mari kita masuk ke pokok pembicaraan yang bertemakan " Cara mengecilkan  Tulisan breadcrumbs.

Tapi sebelum masuk ke Tema pembahasan, saya akan menceritakan pengalaman konyol saya yang mencari Judul blog di internet dengan kata kunci " Cara mengubah ukuran (size) font (tulisan) Breadcrumbs pada Blog"

"Sangat aneh kan??? wawakakwakaka,,,, biasalah Blogger Pemula guys"

Ok Guys Lanjut.....

Cara mengubah Ukuran Font Breadcrumbs.

Coba Perhatikan Script di bawah ini, tentu kalian sudah tahu bahwa ini adalah script yang dipake untuk menambahkan Breadcrumbs di blog.

Lalu bagimana jika Ukuran Font terlalu besar?

Seperti saya alami di template blog ini.

Ukuran Tulisan Pada Postingan dan tulisan breadcrumbs sama besar hingga membuat pandangan tidak begitu nyama.

Contohnya ni:


dukun pelet


Kalau dilihat antara Judul entri dan judul breadcrumbs sama besar, sangat mengganggu ya guys? (Ini si menurut saya guys) tidak tahu kalau kalian!


"Nah untuk Mengecilkan ukuran tulisannya perhatikan Script (Kode Html) di bawah ini"

  1. <b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
  2. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  3. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
  4. <b:else/>
  5. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  6. <!-- breadcrumb for the post page -->
  7. <b:loop values='data:posts' var='post'>
  8. <b:if cond='data:post.labels'>
  9. <div class='breadcrumbs' style='     font-size: 14px;' xmlns:v='http://rdf.data-vocabulary.org/#'>
  10. <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
  11. <b:loop values='data:post.labels' var='label'>
  12. &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
  13. </b:loop>
  14. &#187; <span><data:post.title/></span>
  15. </div>
  16. <b:else/>
  17. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
  18. </b:if>
  19. </b:loop>
  20. <b:else/>
  21. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  22. <!-- breadcrumb for the label archive page and search pages.. -->
  23. <div class='breadcrumbs'>
  24. <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
  25. </div>
  26. <b:else/>
  27. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  28. <div class='breadcrumbs'>
  29. <b:if cond='data:blog.pageName == &quot;&quot;'>
  30. <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
  31. <b:else/>
  32. <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
  33. </b:if>
  34. </div>
  35. </b:if>
  36. </b:if>
  37. </b:if>
  38. </b:if>
  39. </b:if>
  40. </b:includable>

Perhatikan Script yang diwarnai, disitulah perbedaanya guys.

Jadi intinya kita hanya menambahkan kode style='     font-size: 14px;' Pada Kode script Breadcrumbs yang sudah ada pada blog kita.

Jika sudah diterapkan, coba lakukan peninjauan, jika hanya Judul entri saja yang berubah, lakukan langkah ini.

Ganti Kode Html

Ganti Kode Html yang sudah ada di blognya, Mungkin Kurang lebih seperti ini:

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

Ganti Mejadi

/* Breadcrumbs */
.breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumbs a,.post-info a {color:#19abea; font-size: 14px; }
.breadcrumbs a:hover,.post-info a:hover {color:#454545;}



Note:
"Warna Biru adalah ukuran font, jadi Anda bisa ubah ukuran sesuia keinginan kalian"


Oklah guys, saya kira  sudah cukup sampai disini, jika ada yang masih belum dimengerti silakan tinggalkan komentar. Wslm

NOTE:
Website Dukun Pelet.Info adalah; Layanan Jasa Pelet Ampuh Terpercaya. Apa itu Pelet? Pelet adalah Ilmu/ Mantra Sihir yang digunakan supaya Orang yang Anda inginkan Jatuh Cinta sama Anda. Lalu Apa Manfaatnya?
  1. Anda akan memiliki Istri/ Suami yang Cantik/ Ganteng
  2. Memiliki Cewek/Cowok Cantik/ Ganteng idaman Anda
  3. Mengubah Kehidupan Anda menjadi lebih percaya diri
  4. Selalu bahagia sepanjang hidupmu bersama pasanganmu
  5. Jika Anda Serius Minta Bantuan ke Kami. Silakan Baca 👉Dukun Pelet👈

Related Posts

0 comments:

Post a Comment

Daftar kota di Indonesia menurut provinsi

No.ProvinsiKotaKawasan
1.AcehBanda AcehSumatra
2.AcehLangsaSumatra
3.AcehLhokseumaweSumatra
4.AcehMeulabohSumatra
5.AcehSabangSumatra
6.AcehSubulussalamSumatra
7.BaliDenpasarBali dan Nusa Tenggara
8.Bangka BelitungPangkalpinangSumatra
9.BantenCilegonJawa
10.BantenSerangJawa
11.BantenTangerang SelatanJawa
12.BantenTangerangJawa
13.BengkuluBengkuluSumatra
14.GorontaloGorontaloSulawesi
15.JakartaKota Administrasi Jakarta BaratJawa
16.JakartaKota Administrasi Jakarta PusatJawa
17.JakartaKota Administrasi Jakarta SelatanJawa
18.JakartaKota Administrasi Jakarta TimurJawa
19.JakartaKota Administrasi Jakarta UtaraJawa
20.JambiSungai PenuhSumatra
21.JambiJambiSumatra
22.Jawa BaratBandungJawa
23.Jawa BaratBekasiJawa
24.Jawa BaratBogorJawa
25.Jawa BaratCimahiJawa
26.Jawa BaratCirebonJawa
27.Jawa BaratDepokJawa
28.Jawa BaratSukabumiJawa
29.Jawa BaratTasikmalayaJawa
30.Jawa BaratBanjarJawa
31.Jawa TengahMagelangJawa
32.Jawa TengahPekalonganJawa
33.Jawa TengahPurwokertoJawa
34.Jawa TengahSalatigaJawa
35.Jawa TengahSemarangJawa
36.Jawa TengahSurakartaJawa
37.Jawa TengahTegalJawa
38.Jawa TimurBatuJawa
39.Jawa TimurBlitarJawa
40.Jawa TimurKediriJawa
41.Jawa TimurMadiunJawa
42.Jawa TimurMalangJawa
43.Jawa TimurMojokertoJawa
44.Jawa TimurPasuruanJawa
45.Jawa TimurProbolinggoJawa
46.Jawa TimurSurabayaJawa
47.Kalimantan BaratPontianakKalimantan
48.Kalimantan BaratSingkawangKalimantan
49.Kalimantan SelatanBanjarbaruKalimantan
50.Kalimantan SelatanBanjarmasinKalimantan
51.Kalimantan TengahPalangkarayaKalimantan
52.Kalimantan TimurBalikpapanKalimantan
53.Kalimantan TimurBontangKalimantan
54.Kalimantan TimurSamarindaKalimantan
55.Kalimantan UtaraTarakanKalimantan
56.Kepulauan RiauBatamSumatra
57.Kepulauan RiauTanjungpinangSumatra
58.LampungBandar LampungSumatra
59.LampungMetroSumatra
60.Maluku UtaraTernateMaluku dan Papua
61.Maluku UtaraTidore KepulauanMaluku dan Papua
62.MalukuAmbonMaluku dan Papua
63.MalukuTualMaluku dan Papua
64.Nusa Tenggara BaratBimaBali dan Nusa Tenggara
65.Nusa Tenggara BaratMataramBali dan Nusa Tenggara
66.Nusa Tenggara TimurKupangBali dan Nusa Tenggara
67.Papua BaratSorongMaluku dan Papua
68.PapuaJayapuraMaluku dan Papua
69.RiauDumaiSumatra
70.RiauPekanbaruSumatra
71.Sulawesi SelatanMakassarSulawesi
72.Sulawesi SelatanPalopoSulawesi
73.Sulawesi SelatanParepareSulawesi
74.Sulawesi TengahPaluSulawesi
75.Sulawesi TenggaraBau-BauSulawesi
76.Sulawesi TenggaraKendariSulawesi
77.Sulawesi UtaraBitungSulawesi
78.Sulawesi UtaraKotamobaguSulawesi
79.Sulawesi UtaraManadoSulawesi
80.Sulawesi UtaraTomohonSulawesi
81.Sumatra BaratBukittinggiSumatra
82.Sumatra BaratPadangSumatra
83.Sumatra BaratPadangpanjangSumatra
84.Sumatra BaratPariamanSumatra
85.Sumatra BaratPayakumbuhSumatra
86.Sumatra BaratSawahluntoSumatra
87.Sumatra BaratSolokSumatra
88.Sumatra SelatanLubuklinggauSumatra
89.Sumatra SelatanPagaralamSumatra
90.Sumatra SelatanPalembangSumatra
91.Sumatra SelatanPrabumulihSumatra
92.Sumatra UtaraBinjaiSumatra
93.Sumatra UtaraMedanSumatra
94.Sumatra UtaraPadang SidempuanSumatra
95.Sumatra UtaraPematangsiantarSumatra
96.Sumatra UtaraSibolgaSumatra
97.Sumatra UtaraTanjungbalaiSumatra
98.Sumatra UtaraTebingtinggiSumatra
99.YogyakartaYogyakartaJawa