Sunday, April 23, 2017

Show labels on Blogger's Contempo theme


Here's a simple way to show the post labels on your main blog page if you're using Blogger's new Contempo theme. This uses the theme's default styling so they blend in pretty well.

For regular posts


Just edit your blog template (Theme → Edit HTML), and find this:

<div class='post'>

Somewhere below that line, paste the following piece of code:

<b:include data='post' name='super.postLabels'/>

You can choose exactly where you want the labels shown. I think they look good just below the datestamp, so I put the code there. For for example, this section should now look like this:

<div class='post'>
<b:include data='post' name='postMeta'/>
<b:include data='post' name='postTitle'/>
<b:include name='headerByline'/>
<b:include data='post' name='super.postLabels'/>

Result


Here's what your homepage of posts looks like now. They keep the default styling of this version of the theme, in soft gray boxes.

Post labels shown on Blogger's Contempo theme

Labels shown in Contempo theme mobile view

For featured posts


The way above will show labels on all your normal posts, but may not show the labels on the Featured Post. For that, find:

 <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'>

And scroll down to:

<b:includable id='headerByline'>

Then paste in the same code from above once more, right after this line (or elsewhere if you prefer).


Adding labels to other themes

To add the labels to the rest of Blogger's four new themes, check out these related posts:



Read more ...

Show labels on Blogger's Soho theme


Here's a simple way to show the post labels on your main blog page if you're using Blogger's new Soho theme.

Currently no labels are displayed on those post card snippets on the main blog page. Post labels are only shown on individual post pages. I wanted to display those Here's one way to show those labels.

For regular posts


First we'll display labels on all the regular posts on your blog homepage.

Open the blog template editor (Theme → Edit HTML), and find:

id='Blog1'

Then scroll down to find:

<div class='post-footer'>

(You might need to expand the listing for <b:includable id='postFooter' var='post'>)

Then just below that line, paste this:

<b:include data='post' name='super.postLabels'/>

That's it!

Tip: 
You can also just immediately jump to the 4th instance of <div class='post-footer'> which might be faster. That 4th instance is for normal blog posts, and the 3rd instance is for the Featured Post, which we will deal with below.


Results


Labels displayed below each blog post's subject line, in desktop view

Labels appear in mobile view too


For the featured post


The part above will add labels to the normal posts on the blog homepage, but not the top Featured Post. We need to add the code in one more place for that.

Find:

id='FeaturedPost1'

Scroll down a few lines to find:

 <div class='post-footer'>

(Again, you might need to expand <b:includable id='snippetedPostContent'>)
(Or again, just go right to the 3rd instance of the post-footer code)

Just below it, paste in the same line from above:

<b:include data='post' name='super.postLabels'/>

That will display the labels on the Featured Post, like this:

Labels added just below the snippet text of the Featured Post


Adding "Labels" label


If you want to include the word "Labels:" (or whatever you specified them to be called in your blog settings), you can add this line of code just before the label-showing code:

<data:messages.labels/>

Removing redundant labels


By adding the labels to the blog posts on the home page, the labels will be shown there on the individual post pages too. But the theme already shows labels on individual post pages. So you'll have two label lists right next to each other. You can remove them from the template completely, but I think hiding them via CSS is just as good. 
Add this CSS code to remove them (Theme → Customize → Advanced → Add CSS):
#Blog1 > div > div > div > div.post > div.post-footer > div.post-footer-line.post-footer-line-2 > span {display: none;}

Adding labels to other themes

To add the labels to the rest of Blogger's four new themes, check out these related posts:



Read more ...

Make labels stay visible in Blogger's Emporio theme


Here's a very simple way to make post labels stay visible on your blog's main page if you're using Blogger's new Emporio theme.

Since the labels are already present at the top-left of each post on the home page, but don't become visible until you hover your mouse over the entry, you can just add a single line of code to make them permanently visible, whether your mouse is hovering or not.

That will work for the desktop view, but then we will add a second line of code to make them visible on mobile views.

Here are the two lines. Go to  (Theme → Customize → Advanced → Add CSS) and paste them:

.labels-outer-container {opacity: 1 !important;}
body.feed-view .post-labels {display: inline-block;}

That's it! All labels will be listed on each post. It will look like this:

Labels displayed on Blogger's Emporio theme

Post labels made visible on mobile Emporio theme

That's it!

Adding labels to other themes

To add the labels to the rest of Blogger's four new themes, check out these related posts:



Read more ...

Show labels on Blogger's Notable theme


Here's a way to show the post labels on your main blog page if you're using Blogger's new Notable theme.

There are several ways of doing this, but I like this method because it's simple and looks decent.

Labels on regular post snippet boxes


Open the blog template editor (Theme → Edit HTML), and find:

id='Blog1'

Then scroll down and find the following:

<div class='post-footer'>

If you don't see it, you might have to expand <b:includable id='postFooter' var='post'>

Then just after that line, paste in the following:

<div class='post-labels'><b:include data='post' name='postLabels'/></div>

That's basically it.

(Another faster way of getting here is just finding the THIRD (3rd) instance of <div class='post-footer'>)


Labels on the Featured Post


That will show labels on the normal posts' snippet boxes, but not on the Featured Post. To show the Featured Post's labels, paste the same code we copied just below the SECOND (2nd) instance of <div class='post-footer'> (or you can find it manually underneath id='FeaturedPost1')

Style the labels


The labels might not look great, and may be lacking commas between terms, so you can set them to be styled by adding this CSS, either to your template directly or by going to (Theme → Customize → Advanced → Add CSS)

.post-footer .post-labels a:not(:last-child):after {content: ', ';}

Result


The end result will look something like this:

Blogger Notable theme with labels displayed for Featured Post and regular posts

Labels shown in mobile view

A post with multiple labels


Adding "Labels" label


If you want to include the word "Labels:" (or whatever you specified them to be called in your blog settings), you can add this line of code just before the code already pasted:

<data:messages.labels/>


Removing redundant labels


By adding the labels to the blog posts on the home page in this way, these labels will be shown on the individual post pages too. But the theme already shows labels on individual post pages. So you'll have two label lists right next to each other. You can remove them from the template manually if you want, but I think hiding them via CSS is easier. 

Add this CSS code to remove them (Theme → Customize → Advanced → Add CSS):

#Blog1 > div > article > div > div > div.post-bottom > div.post-footer > div.post-footer-line.post-footer-line-1 > span {display: none;}

Read more ...

Wednesday, April 12, 2017

Yogiyo's "도치피치피보족" food delivery advertisement


Recently on YouTube there was an ad that sticks in my head. It's from food delivery app Yogiyo (요기요) and features actress Kim Yoo-jung (김유정) singing a cutesy song to teach you about what to order for dinner each day of the week. If I say DO-CHI-PI-CHI-PI...BO-JOK! it may ring some bells. Here's her list of what you should order.


YOGIYO-YouTube-advert-dailyfood
도치피치피…보족!


Day
Korean food
English
Mon
도사락
A sort of "school lunch tray" meal with rice and assorted sides
Tue
치킨
Fried chicken
Wed
피자
Pizza
Thu
치킨
More fried chicken
Fri
피자
More pizza
Sat
보쌈
Soft boiled pork
Sun
족발
Pig's feet

It's a cute concept, but less so when you realize she's recommending four nights of pizza or chicken, and let's be honest the weekend food here is not exactly the best quality fare either.

I actually love bossam, especially wrapping the tender pork in crunchy kimchi. It really melts nicely in your mouth. I'm not a jokbal fan though. I actually love the smell, and get hungry and salivate every time I walk by a local jokbal place. The smell reminds me of a spicy juicy version of the inside of one of those old Hickory Farms meat log stores. However it's too chewy and a little slimy for me. The taste is good, but the texture always bugs me.

If you want to give this app a try, somebody did a post about ordering from it in English:
How to Order Food Using the Yogiyo App | The Naked Foreigner

And here's a comparison of the two currently dominant food delivery apps:
Korean Delivery Apps Yogiyo vs Baedal Minjok – Seoul Space

Anyway, watch her prance and aegyo you into obesity here:



Read more ...

Thursday, April 6, 2017

Hancom releases "MalangMalang Talkafe" translator app


Hancom has released yet another translator app. You'll need a translator app just to understand its name: "MalangMalang Talkafe."

This bizarre name makes more sense in Korean, sort of: 말랑말랑 톡카페. I don't know why they chose this, but malang-malang is an onomatopoeia for 'squishy' or 'chewy.' I guess the idea is that it helps you talk comfortably and buttery smooth. Chew the fat, maybe. Meanwhile talkafe is literally just the English words "talk + cafe". Why not just call it "Chewy Talk Cafe"* or just ChewTalk? 

Whatever you call it, strap on your seat belt because
Hancom Malang Malang is a new life service brand that will change your life.
[Hancom]

Screenshots of Hancom's translation app MalangMalang Talkafe

If you're ready to have your life changed, then download it here:

More info here:

Sorry folks, no in-depth screenshot tour from me today. I don't need another translator app on my phone, much less one with a bunch of propitiatory SNS "features". This thing looks too Snapchatty for an old man like me. I'm just here to pass on the information. 

Reminder that Hancom has a more basic translator app without the SNS crap in GenieTalk:


*"Chewy Talk Cafe" sounds like one of those themed cafes, like a Cat Cafe. But instead of petting cats, you put on Chewbaca Mom masks and chat.

Read more ...

Saturday, April 1, 2017

Naver News gets emoji reactions


Naver's news articles used to have just a "like" button, but now you can leave other reaction emoticons, just like on Facebook.

Naver News Article Reactions. Image: Naver

Here are those emoji up close.

Naver Reaction emoji

The explanation for what they mean was cute:

공감가는 좋은 기사에는 "좋아요", 마음까지 따뜻해지는 이야기에는 "훈훈해요", 가슴아픈 소식에는 "슬퍼요", 답답하고 속상한 사건사고에는 "화나요" , 더 파헤쳐주길 원한다면 "후속기사원해요". [네이버 뉴스 기사엔드 감성 아이콘 적용 : 네이버 블로그]

So the emoticons are something like:

  • 좋아요 - Like - "Good feeling article"
  • 훈훈해요 - Love - "Stories that warm my soul"
  • 슬퍼요 - Sad - "News that hurts my heart"
  • 화나요 - Angry - "Frustrating and upsetting incidents"
  • 후속기사원해요 - Interesting - "I want to know more"

This kind of cute flowery language sounds better in Korean than English.

Read more ...

Naver Blog shows "On This Day" memories


The Naver Blogs app will now highlight your old blog posts, in the "on this day..." style similar to Facebook's memories notification or the service Timehop. The iOS version will get it first. You can then easily share that old post, or just enjoy the nostalgia.

Naver Blog Memories feature 

This is a nice feature, especially for those who still actively blog and who have years of backposts. For example I've got plenty of old posts over on a blog my family used extensively to keep in touch back before social media took over. I wish other popular blog services like +Blogger  or +WordPress would add this feature. Timehop used to do this, but removed the feature for blogs. I tried to rig up something similar awhile back which wasn't that great.

I like how well Korea and especially Naver have maintained a healthy and active blogosphere, where a wide variety of information is open and searchable, from official company sources, to knowledgeable amateurs, to just plain personal reviews. They've constantly added features, including last month the ability to include 360 VR video. Last year's "Smart Editor 3.0" update modernized the UI, and it also can embed Open Graph links. Meanwhile, the Blogger app is ancient and the Wordpress app is clunky.

I went with Blogger for this blog because I was already invested in the Google ecosystem, but I've often tinkered with Naver Blog and more than once have considered moving this thing over there.

Read more ...