Thủ thuật Blogspot đặc biệt, rất hay ho, ra gì và này nọ

Gia Bảo
Chào cả nhà hôm nay Gia Bảo trở lại với nội dung chuyên đề " Thủ thuật, mẹo vặt Blogspot", với tiêu đề viết bài "Thủ thuật Blogspot đặc biệt, rất hay ho, ra gì và này nọ " tiêu đề nghe rất kiu, tò mò hén...
 
Đây là nơi tác giả tổng hợp một số thủ thuật độc đáo nhất :
 
Thủ thuật chèn text, văn bản quảng cáo ( Website  ) vào thumbnail cho các bài viết Noi mage trên template Median Ui :

Đối với Template Median Ui  bạn tìm đến code :

.Blog .related-posts li .item-thumbnail > *:before{content:'No Image';display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:$(dark.sec.colors);font-size:18px;color:red}

Thay No Image thành đoạn văn bản của bạn ví dụ trên Blog Gia Bảo là 1368.com.vn

 

Hình ảnh minh họa Text : 1368.com.vn hiển thị thay cho No Image trên Thumbnail ( trang chủ, trang nhãn, trang bài viết )

Bạn cũng có thể sử dụng trang công cụ web online chuyển  đổi văn bản thành hình ảnh ( Convert Text To Image ) :

  1. https://onlinetexttools.com/convert-text-to-image  
  2. https://text2image.com/en
  3. https://toolxox.com/text-to-image.php
  4. https://convertio.co/vn/txt-svg/
  5. https://www.sitepoint.com/add-svg-to-web-page/  

Bạn cũng có thể ứng dụng Javascript tự động chuyển đổi text thành Image xem cách làm tại đây :

  • https://www.labnol.org/code/20056-convert-text-to-images-with-javascript  

Ngoài ra bạn cũng có thể sử dụng link text ảnh tự động cấu trúc như sau :

Bạn truy cập cào link https://placeholder.pics :


Điền đầy đủ các thông số muốn tạo ảnh từ Text :

  • Width : độ rộng hình ảnh
  • Height : chiều cao hình ảnh
  • Background: Màu nền 
  1. Start : Màu Bắt đầu
  2. End : Màu kết Thúc
  • Foreground: Màu chữ
  1. Start : Màu Bắt đầu
  2. End : Màu kết Thúc
  • Image label : Text tạo ảnh

Link mẫu : https://placeholder.pics/svg/300/88FF40-1A17FF/F5F5F5/1368.com.vn

Hình ảnh hiển thị :


Hình ảnh trên được tạo tự động từ văn bản dạng text đầu vào do bạn tự cấu hình theo cấu trúc trên.
 
Xem thêm bài viết ứng dụng placeholder.pics : 
  • https://www.allbloggertricks.com/2021/01/blogger-carousel-recent-posts-slider.html
Kỹ thuật trên là cách ứng dụng các công cụ hỗ trợ convert , chuyển đổi định dạng sang code web dạng html, css, JavaScript chèn vào blogspot, WordPress dành cho dân thích sài Tool Web thuộc thể loại placeholder image generators, các bạn có thể tìm hiểu thêm các trang có cách làm tương tự được liệt kê sau đây. 
  • http://placehold.jp
  • https://placeholder.com
Tìm hiểu thêm về  placeholder image theo link sau : https://loremipsum.io/21-of-the-best-placeholder-image-generators/

Kỹ thuật tạo hình ảnh tự động từ văn bản dùng vào việc gì ? Bạn có thể sử dụng kết hợp với thẻ tag lấy tiêu đề nhãn kết hợp với document.write chèn hình link hình ảnh dạng Text vào các bài viết No IMage. Như trên Blog Gia Bảo nó dùng " quảng cáo Web so sánh giá 1368.com.vn đang được chủ Blog phát triển và xây dựng nội dung với mục tiêu " kiếm tiền từ affiliate marketing ". Bạn cũng có thể ứng dụng tạo hình ảnh quảng cáo - gửi link marketing tới khách hàng, hoặc dùng làm Logo dạng Text có màu sắc thu hút và mẫu chữ độc đáo.
 
Ví dụ : 
Bạn vào truy cập vào link : http://placehold.jp/en.html#advanced-tab

Tạo thông số như sau :
  • Width : 600px
  • height : 300px
  • format : png
  • font size : 22px
  • font coclor : #f5f8fa
  • background : #212180
Text :
Công Ty Cổ Phần Ván Ghép Năm Trung
Web : goghepthanh.com
Nhà sản xuất thớt gỗ, bán gỗ ghép, ván mdf, plywood tại Bình Dương
Liên hệ : 0968.970.650

Css : tích chọn enable : { Sửa lại Css như sau : }
 
border-radius:15px;
background: -webkit-gradient(linear, left top, left bottom, from(#212180), to(#cccccc));padding:10px;

Sau đó chọn Creat A Image

Kết quả :

 

Với cách này bạn chỉ cần copy dòng link hình ảnh được tạo ra từ công cụ chèn nó vào vị trí của bạn.
 
So với placeholder.pics và https://via.placeholder.com các tạo link hình ảnh từ http://placehold.jp/en.html#advanced-tab đẹp hơn, tùy biến cao hơn tuy nhiên nếu sử dụng hình ảnh text đơn giản dạng " No image" , " Ads here " thì  placeholder.pics và via.placeholder.com thay " text" màu chữ, màu nền nhanh chóng và dễ dàng và thuận tiện hơn
 
Cách 2 : 
Bạn truy cập vào : https://onlinetexttools.com/convert-text-to-image
 
 
Điền các thông số trong ô Text và Text to image convert options sau đó chọn save As để tạo ảnh.

Bạn tải ảnh về. 

Mẫu ảnh tải về :
 
 
Riêng với các fan hâm mộ web tool online Gia Bảo giới thiệu thêm một số công cụ tiện ích giúp bạn tự động hóa công việc chèn form và popup quảng cáo tự động, một cách dễ dàng và thuận tiện.

Đầu tiên là nói tới Form một dạng mẫu biểu giúp bạn thu thập thông tin cập nhật danh sách khách hàng dễ dàng và đơn giản phục vụ mục tiêu tiếp thị bán hàng & kiếm tiền online.

Với các tín đồ blogspot các bạn có thể tham khảo cách tạo form từ google biểu mẫu theo link sau : https://www.digitalnomad.vn/2021/09/thu-thuat-blogspot-giup-ban-ket-noi-ung-dung-ho-tro-thu-thap-thong-tinAmrN24.html

Web Tool Smart ads hiển thị thông minh các loại quảng cáo, thông báo dạng Pop Up, Banner, Scroll Box, Floating Bar, Welcome Screen, Inline Widget, Special Occasion. 

 Nếu các bạn lười code web thì sử dụng các tool web hỗ trợ sau :  
  • Convertful.com [ Ban đầu Gia Bảo sử dụng công cụ tạo Smart Ads trên trang này, phí cao quá mà số lần hiển thị thì có hạn sau khi nhận được thông báo " Tài khoản của bạn đã đạt đến giới hạn số lần xem trang hàng tháng và các tiện ích con sẽ không hiển thị cho đến tháng tiếp theo " , thì mình chuyển sang sài thử smartconvert.co ]   
  • smartconvert.co [ Trang này cung cấp công cụ phân tích hành vi, hỗ trợ tăng chuyển đổi website, landing page, sales page,  với 14 loại Notification nếu bạn sử dụng gói trả phí ]
Dĩ nhiên ngoài 2 trang trên còn vô số trang cung cấp công cụ hiển thị quảng cáo thông minh dạng popup, banner,.. các kiểu trên blog của bạn trong số đó phải kể đến các trang công cụ web thông minh sau :  
  • getsitecontrol.com 
  • smartads.vn
  • popupsmart.com 
Đây không chỉ là trang cung cấp công cụ chèn form đơn thuần mà đa phần các trang còn hỗ trợ các tool web công nghệ tối tân,  hỗ trợ người dùng chèn popup quảng cáo đẹp mắt, đủ kiểu định dạng hỗ trợ bạn thay vì tự tay code web popup header, footer, popup hiển thị khi scrool chuột,... Nếu bạn không biết code web hoặc sử dụng các thủ thuật blogspot hướng dẫn phức tạp Ads popup nhưng chưa thấy đã cái nư,... Thì hãy thử truy cập.

Convertful.com :

Tool Web này khá hữu ích bạn có thể kết hợp code Popup, code banner Ads được tạo trên convertful kết hợp với thủ thuật chèn quảng cáo giữa bài viết xem nội dung bài viết hướng dẫn chèn MultiAds vào giữa bài viết blogspot theo link sau : https://www.digitalnomad.vn/2021/09/thu-thuat-blogger-chen-quang-cao-vao-giua-bai-viet-MultiAds-more-manualMvo60.html   

Convertful.com là trang cung cấp tool web khá hữu ích giúp bạn giải quyết các vấn đề liên quan đến kỹ thuật tạo Popup & banner đẹp chèn vào blog/web của bạn. 

Sau đây là 1 số thủ thuật tạo banner Popup trên Convertful.com.

Để tạo tài khoản bạn làm theo hướng dẫn trên trang, sau khi hoàn tất các bước tạo tài khoản bạn đăng nhập vào tài khoản của bạn để tạo popup / banner quảng cáo.

Đầu tiên bạn thêm website cần chèn popup, banner được tạo trên convertful, sau đó lấy mã script chèn vào web của bạn để xác minh. ( Bước làm  như sau )

Bạn chọn My Site ➠ Site List :



 Chọn addsite và làm theo hướng dẫn để lấy file xác minh và chèn vào website của bạn.

 Tạo Widget Popup / banner /,... :


Bạn vào mục  My Site ➠ Site List ➠ chọn website bạn đã thêm vào Convertful ➠ chọn Widget ➠ chọn Create Widget.

 

Bạn chú ý phần left sidebar có nhiều mục cho bạn chọn lựa bao gồm :

  • For eCommerce
  • For Blog/Magazine/Media
  • Pop-ups
  • Scroll Boxes    
  • Floating Bars    
  • Welcome Screens    
  • Inline Widgets    
  • Banners    
  • Blank Canvas    
  • Special Occasions  

Gia Bảo quan tâm đến 2 mục đó là : 

  1. Pop-ups : Yes/No Exit Intent Pop-ups | Segmentation Surveys Pop-ups | Gamification Pop-ups | Personalized Return Pop-ups | Follow Pop-ups | Welcome Discounts Pop-ups | Welcome Giveaway Contests Pop-ups | Cart Abandonment Popups | Simple Subscription Pop-ups
  2. Banners : Custom Banners | Fixed-Size Banners

Bạn chọn công cụ cần tạo widget mong muốn, làm theo hướng dẫn sau đó kích hoạt lấy code chèn vào vị trí cần hiển thị hoặc để code hiển thị mặc định.  

Hình ảnh minh họa banner quảng cáo tiếp thị máy xay sinh tố, được kích hoạt và chèn vào multiads  trên blog Gia Bảo. Bạn có thể kết hợp với các chương trình Affiliate Marketing - như ACCESSTRADE để tạo link giới thiệu sản phẩm giúp bạn tạo nguồn thu nhập thụ động, kiếm tiền từ website, blogspot của bạn.

 

 Hình  minh họa tạo form liên hệ với convertful.com

Xem hướng dẫn tạo form liên hệ : https://highhimanshu.com/how-to-create-an-email-subscription-pop-up-in-wordpress/#4_Add_email_subscription_pop-up_to_your_WordPress_website 

Tham khảo bộ quy tắc hiển thị Popup trong ứng dụng ConvertFul : 

Tab : Display Rules : Quy tắc hiển thị :

Show When : Hiển thị khi nào

  • A visitor intends to leave : Khi khách dự định rời đi
  • Time on page is at least 30 seconds : Thời gian trên trang ít nhất là 30 giây
  • A visitor is inactive for 60 seconds : Khi khách truy cập không hoạt động trong 60 giây
  • A visitor scrolls more than 40 percent of a page : Khách truy cập cuộn nhiều hơn 40 phần trăm của một trang
  • A visitor clicks link with URL : Khi khách truy cập nhấp vào liên kết có URL
  • A visitor clicks an element that matches CSS selector : Khi khách truy cập nhấp vào một phần tử phù hợp với bộ chọn CSS

Show Only If : Chỉ hiển thị nếu

  • Add Condition : Thêm điều kiện

Don't Show If : Không hiển thị nếu

  • Any other floating widget is currently shown : Bất kỳ tiện ích nổi nào khác hiện đang được hiển thị
  • The widget was submitted in the last 90 days : Tiện ích đã được gửi trong lần cuối cùng 90 ngày
  • The widget was closed in the last 7 days : Tiện ích con cuối cùng đã bị đóng 7 ngày
  • The widget was shown in the last 30 minutes : Tiện ích đã được hiển thị trong lần cuối cùng 30 phút
  • A visitor has already subscribed via any widget : Khi khách truy cập đã đăng ký qua bất kỳ tiện ích con nào

Ngoài ra Convertful có hỗ trợ tích hợp các công cụ xem hình ảnh minh họa dưới đây.


 

Tham khảo thêm các ứng dụng hỗ trợ xây dựng & phát triển thương hiệu cho trang web blogspot của bạn : Picreel / OptiMonk/ ConvertHero/ GetSiteControl/ OptKit/ Adoric/ OptinMonster

Đây là bài viết theo hướng chia sẻ và mở rộng kiến thức không có điểm dừng, liên tục được cập nhật thêm các Thủ thuật Blogspot đặc biệt, rất hay ho, ra gì và này nọ ...  mỗi khi chủ Blog khám phá thêm được Tool mới, thủ thuật mới sẽ ngay lập tức cập nhật, các bạn thỉnh thoảng cập nhật xem có gì vui không nhé.... 

Gia Bảo