Recent Blog Edits + How I Edit the Look (+ Detail)

   
Since yesterday, I was wanting to publish my posts.. the one of it was my invention yesterday called "Hashtag in HTML". Haha, so simple, yeah. Due to it was impossible to post that short tutotips and maybe you all already know it.. I canceled myself to update my blog with a new post again. But a few moments later (last night).. alhamdulillah I got more ideas to be shared with that short idea, yay! >.<



So, for today's post.. I will share my recent blog edits. Yang akhir-akhir ini sering blogwalking ke sini mungkin heran dengan saya yang tidak ngepos tapi tampilan blog saya malah gonta-ganti. o A o ) Juga sempat ada yang minta buat ngepos tutorial (edit) blog, but someday pasti akan saya bagikan lebih banyak daripada postingan photospam saya, mungkin? Doakan saja semoga list tutotips yang sudah saya buat sejak kemarin segera terisi dan bisa segera dibagikan. For now, saya hanya punya tutotips random yang bisa kalian cek di PostList > TutoTips dan juga rekomendasi blog tutorial&tips (edit) blog (blog teman/orang lain) di Directory > Blogging. ^^

Nah, sekian cuap-cuapnya.. berikut my recent blog edits + how I edit the look (lebih detail daripada yang diposting sebelumnya di How I Blog + How I Design My Blog - #RandomPeople + How I Edit the Look. ^ - ^ )/ #BahasaGadoGado *correct-me-if-I-wrong ^-^"
   
   
Recent Blog Edits     

The Blog Template — So, beberapa hari yang lalu blog ini masih menggunakan template bernama "Alder" dari TemplatesYard yang sempat menarik hati Agna pula, haha. Template blog Alder ini simple and clean (minimalis?), hitam-putih gitu. Saya memakainya karena gaya font-nya customable. Hanya saja, customable font-family pada template Alder tidak terlalu lama memotivasi saya untuk menulis blog lebih rajin. Oleh karena itu, saya pun kembali menggunakan template lama bernama "SeoRocket" dari ThemeXpose yang outer-wrapper a.k.a background-nya customable juga, bisa pilih warna gitu. Maka dari itu, jadilah saya kembali betah dengan si SeoRocket tadi yang dapat berwarna sekaligus memiliki tab menu yang lengket terus walau laman blog di-scroll. ^^ #BalikanCie :v
  
The Font Look — Nah, ini salah satu update-an tampilan blog yang paling saya suka. Alhamdulillah, karena blogwalking ke blog Leo | ETHERAL yang tampilan blognya bagus--salah satunya ialah tampilan font-nya yang  pada berjarak--saya pun tergerak untuk mengikutinya karena aesthetically pleasing gitu. Tidak begitu lama, saya pun memikirkan bagaimana caranya padahal jenis font kami sama, yaitu Roboto.
   
Ah ya! Fyi, beberapa waktu yang lalu.. saat saya sedang menyukai dan memakai template Alder, dan tega meninggalkan template yang sekarang ini (SeoRocket) karena tampilan font Roboto-nya  yang tidak nyaman untuk mata saya yang haus akan keindahan, lol. Maka dari itu, karena BW ke blog ETHERAL tadi.. saya yang akhirnya kembali ke template SeoRocket ini pun menemukan jawaban yang tepat kenapa saya sempat meninggalkan template ini karena masalah tampilan font Roboto-nya dan malah sempat beralih ke template minimalis hitam-putih si Alder tadi.
   
Dan kunci (jawabannya) ialah letter-spacing! Yup.. spasi antara huruf/karakter pada teks. >.< Saya pun segera mencoba mengeditnya dengan menambahkan "letter-spacing: 0.9px;" pada setiap kode terkait font-family. Alhamdulillah, sekarang pun sudah saya terapkan dan tentunya saya makin nyaman bersama si SeoRocket ini lagi. Doakan saja semoga saya bisa mengeditnya untuk lebih baik lagi (seperti yang saya inginkan, tapi belum tahu bagian apa namanya jika di kodenya) dan semoga saya gak keseringan ganti ke yang lain lagi, hehe. X'D
  
The Sub-Menu — Untuk sub-menu di bagian tab menu "PostList", saya menambahkan halaman:
❥ All Posts — yang berisi daftar arsip-blog / daftar semua postingan saya dari yang pertama ke yang terbaru;
❥ Printable — yang memuat semua postingan saya yang berlabel "Printable";
❥ TutoTips  yang memuat semua postingan saya yang berlabel "TutoTIps", tutorial&tips yang saya punya/temukan;
❥ Photospam  yang memuat semua postingan saya yang berlabel "Photospam", postingan blog berisi banyak foto dan minim caption/text; 
❥ Thoughts  yang memuat semua postingan saya yang berlabel "Thoughts", pemikiran saya;
❥ Artwork  yang memuat semua postingan saya yang berlabel "Artwork", karya seni saya;
❥ #RandomPeople  yang memuat semua postingan saya yang berlabel "#RandomPeople", komunitas blogger dengan blog yang isinya random a.k.a sesuka si blogger.
   
Fyi, ide kecil kemarin itu akan saya bahas di sini, di mana saya mengalami masalah kecil dalam penambahan sub-menu #RandomPeople via kode HTML, yakni saya menambahkannya sebagai ...blogspot.com/search/label/#RandomPeople dan malah tidak muncul (??). Dan tadi sudah saya coba dengan URL yang sama di kolom link pencari, dan malah berhasil. Itu mungkin karena sudah saya tambahkan di kode HTML sebagai ...blogspot.com/search/label/%23RandomPeople.
   
Jadi, kesimpulannya.. agar tanda "hashtag" ini bisa berfungsi dengan baik pada URL/link, maka pada kode pengaturannya (baik di Layout maupun di Theme > Edit HTML) harap diganti dengan "%23". Fyi, penemuan kecil ini saya temukan dari mengunjungi laman berisi semua postingan saya yang berlabel #RandomPeople tadi melalui sidebar widget "TAGS" dan menemukan bahwa tanda hashtag/# in HTML is '%23'. ^ w ^ )" hehe
   
   
How I Edit the Look
     
Edit blog  via Chrome browser (karena bisa pasang extension) > Blogger > Theme > Edit HTML. Btw, saya bersyukur karena mau kembali ke Chrome browser ini dan sedikit demi sedikit sudah memahaminya (?). Apalagi dengan Chrome browser inilah saya masih tetap bisa aktif di Hangouts (karena yang di HP tidak saya update, takutnya HP kembali enggan hidup, hehe) dan bisa terhubung dengan sahabat dan teman segrup #RandomPeople. ^^"     
  
Identify the font  via Chrome > Extensions > WhatFontGoogle Fonts. Jadi, untuk mengetahui jenis font (nama, ukuran, dan warnanya) dari suatu blog/website dapat kita ketahui dengan extension bernama "WhatFont" ini. Caranya: kunjungi Chrome Web Store - Extensions di sini (tentunya dengan menggunakan Chrome browser), lalu cari dan pilih "WhatFont", lalu tekan "ADD TO CHROME". Tunggu dan tekan "Add extension" setelahnya.
   
Cara pakainya: klik extension "WhatFont" di bagian Chrome extensions seperti pada gambar berikut. 
   
Lalu, arahkan cursor pada text dengan jenis font yang ingin kalian ketahui, lalu klik bagian text tersebut. 
   
Untuk Google Fonts, saya belum paham bagaimana cara memasangnya pada kode blog agar template blog memiliki gaya font yang lebih customable--sesuai selera. Someday, jika saya sudah paham.. akan segera saya bahas di sini. ^^
  
Identify the color:  Chrome > Extensions > Eye DropperHTML Color Codes. Nah, untuk mengetahui warna pada suatu blog/website, kita dapat mengetahuinya dengan extension bernama "Eye Dropper". Caranya: kunjungi Chrome Web Store - Extensions di sini (tentunya dengan menggunakan Chrome browser), lalu cari dan pilih "Eye Dropper", lalu tekan "ADD TO CHROME". Tunggu dan tekan "Add extension" setelahnya.
   
Cara pakainya: klik extension "Eye Dropper" di bagian Chrome extensions seperti pada gambar berikut. 
   
Lalu, pilih "Pick color from web page" dan arahkan cursor ke warna yang ingin kalian ketahui seperti pada gambar berikut.
   
Jika kalian ingin mengetahui tampilan/rupa dari suatu kode warna, silakan pilih tab "COLOR PICKER" di sebelah "EYE DROPPER"  / di atas "Pick color from web page". Lalu, masukkan kode warnanya dan tekan "select" untuk menyimpan warna tersebut dalam "Palette". ^^

Sekian dari saya, postingan +detail postingan lama yang tertunda. Maaf jika ada kesalahan/kekurangan. Just share, semoga bermanfaat. Terima kasih sudah berkunjung! :")
Recent Blog Edits + How I Edit the Look (+ Detail) Recent Blog Edits + How I Edit the Look (+ Detail) Reviewed by Savira Su on July 25, 2018 Rating: 5

2 comments:

Powered by Blogger.