Postingan

Menampilkan postingan dari Oktober, 2019

Add Css/Jquery fixed horizontal menu to blogger blog

Gambar
Hohoho, selamat sore, di kesempatan akan membawakan mengenai widgets cpu ram battery apk Add Css/Jquery fixed horizontal menu to blogger blog simak selengkapnya This navigation bar made with CSS & jQuery gets semi-transparent when you scroll down the page and is slightly showing up by fading out gradually becoming almost transparent. When the user hovers oper it, the menu becomes opaque again. Inside the navigation we have some links, a search input and top & bottom buttons making it easier for the user to navigate to the top or bottom of the page. If you want to add this horizontal menu with CSS/jQuery to a Blogger blog, follow the steps below: 1. Log into your Blogger account and select your blog, then go to "Template" and press the "Edit HTML" button. 2. Click anywhere inside the code area and search using CTRL + F keys, this tag: </head>  3. Just above/before the </head> tag, add the following scripts and CSS code for the jQuery

Awesome Slide Open Heart Bookmarking Gadget For Blogger

Gambar
Hohoho, berjumpa kembali, di kesempatan akan membahas mengenai widgets oppo f1s Awesome Slide Open Heart Bookmarking Gadget For Blogger simak selengkapnya This widget released by Sharethis team was made as a Valentine gift from them. The heart bookmarking gadget has a cool slide out effect that makes the heart icon split each time you mouse hover it, displaying several bookmarking buttons like Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and many other bookmarking choices. This gadget/widget comes with a fixed position and stays in the corner of the page, so it will grab your readers' attention and make them share your posts easily. I'm sure you will love it after seeing the demo of this gadget! Adding The Open Heart Bookmarking Gadget to Blogger Step 1. Go to your Blogger Dashboard , select 'Template' and click the 'Edit Html' button: ....select the "Expand Widget Templates" box (it is recommended to make a backup first) St

Recent Comments Widget For Blogger

Gambar
Hohoho, selamat pagi, pada kali ini akan menjelaskan mengenai widgets oppo f5 Recent Comments Widget For Blogger simak selengkapnya This Recent Comments Widget for Blogger will display the most recent comments on your blog's sidebar, showing a snippet of the last comments along with the title of the post where the comment was made. The comments will be gathered in descending order with the newest comments at the top and the older ones at the bottom. The gadget is coded in JavaScript and styled with CSS but there hasn't been added too much, so that it could fit the color scheme of your Blogger template. Parameters to be configured: a. Number of comments - total number of comments to display; b. Date on which the comment has been published - either display or hide it; c. Posts on which a comment has been made - you can either hide the post titles or show them; d. Number of words per comment excerpt - the first "n'' words of the comment will be listed. To

Add Multi-Colored Popular Posts to Blogger

Gambar
Hallo, bertemu kembali, artikel ini akan dibahas mengenai widgets cpu ram battery apk Add Multi-Colored Popular Posts to Blogger simak selengkapnya Popular Posts is a widget provided by Blogger that displays the most visited posts on the blog from the last 7 days, last month or all time. There are three ways to display it: 1. Display only post title 2. Display title with image thumbnails and snippets 3. Display post title with image thumbnail 4. Display title with snippets. To customize this multi-colored popular posts widget, we have to add new variables and some CSS codes to our Blogger template. So let's begin adding it... How to add multi-colored popular posts to Blogger Step 1. Login to your Blogger Dashboard , go to "Template" and hit the "Edit HTML" button. Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the editor' search box. Step 3. Search for the following text: Variable definitions Note: If you can&

Add Random Posts Widget to Blogger

Gambar
Hohoho, berjumpa kembali, artikel ini akan membahas mengenai widgets windows 10 Add Random Posts Widget to Blogger simak selengkapnya The Random Posts widget or gadget for Blogger will display random posts published on your blog that, due to the natural structure of blogs, could get easily lost deep in your archives. Most of the time, when new people join your site, they rarely bother going back to find one of your good posts. One of the best ways to give a new life to your older posts is to display them in a random order in the sidebar. This tutorial will show you how to add a random posts gadget in a Blogger blog. The advantages of this widget is that it can be easily customized and loads pretty fast, besides displaying the post thumbnails and how many comments they have received. If you want to add it, follow these steps below: How to add Random Posts Widget to Blogger Step 1. Log into your Blogger account , then go to 'Layout' and click on the 'Add a Gadget'

Add Recent Comments Widget with Avatars To Blogger

Gambar
Hallo, selamat siang, sesi kali ini akan membawakan tentang widgets windows 10 Add Recent Comments Widget with Avatars To Blogger simak selengkapnya In one of the previous tutorials we shared a simple Recent Comments widget that displays the latest comments published on the blog posts. However, the main downside was that the widget didn't have the option to show the users' avatars. So, for those who'd like to see something more, here's a stylish Recent comments widget with round avatars and comment excerpts. Besides providing the option of displaying the commenters avatars, we'll be able to change the default image for the anonymous avatar as well. So, let's begin adding this cool recent comments widget in our Blogger blog... How to add recent comments widget with avatars Step 1. Go to Blogger Dashboard and select your blog > go to 'Layout' and click the 'Add a Gadget' link: Step 2. When the pop-up window appears, scroll down and c

How to add Facebook Like/Fan Box to Blogger

Gambar
Hohoho, selamat pagi, sesi kali ini akan menjelaskan tentang widgets windows 7 How to add Facebook Like/Fan Box to Blogger simak selengkapnya A Facebook Fan Box or Like Box is a great plugin that allows blog visitors to subscribe to your blog updates lewat their Facebook accounts, without leaving your blog. Once subscribing (by pressing the like button), visitors will receive your most recent blog updates on their Facebook page . This box also displays faces of the "likers" on your blog. Before creating a fan box, you should already have a Facebook fan page. If you haven't already done so, please see here How to Create a Facebook Fan Page . How to Create a Facebook Like Box 1. Find out your Facebook fan page URL by visiting your Facebook fan page and copy the URL in the address bar - you can see how your URL should look like in this screenshot: 2. Next, visit this page: https://developers.facebook.com/docs/plugins/page-plugin 3. Paste your URL into the Facebook

Add Facebook Like Button Below Post Titles

Gambar
Hohoho, berjumpa kembali, di kesempatan akan dibahas tentang widgets iphone 6 Add Facebook Like Button Below Post Titles simak selengkapnya The Facebook Like button will allow visitors to Like your post and share it with their Facebook friends. In this tutorial, we will see how we can add a Like button for each individual Blogger post, and not a Facebook fan box for the entire blog (which is also a good idea to have it in the blog's sidebar). Having a Facebook Like button below your post titles makes easier for Facebook users to like specific posts on your blog, which in turn displays the liked content on their profile (and potentially on their friend's feeds). If you want to add the Facebook Like Button below your blogger post title, then follow these steps: Adding Facebook Like Button Below Post Titles Step 1. Go to Blogger Dashboard > Template > Edit HTML  Step 2. Click anywhere inside the code area and search using CTRL + F keys for this tag (hit Enter to

How To Add Related Posts Widget To Blogger with Thumbnails

Gambar
Hi, selamat sore, di kesempatan akan membawa pembahasan tentang widgets oppo f3 plus How To Add Related Posts Widget To Blogger with Thumbnails simak selengkapnya Now here is a wonderful hack for displaying related posts beneath each of your blog posts along with post thumbnails. The related posts are picked from other posts having same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest. Adding the Related Posts Widget to Blogger/Blogspot Step 1. Log in to your Blogger account and go to Template > Edit HTML Step 2. Click anywhere inside the code area and press the CTRL + F keys: Step 3. Search for this tag that you need to add inside the search box (hit Enter to find it): </head> Step 4. Copy and paste the below code just before/above the </head> tag: <!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == &

A Simple Related Posts Widget For Blogger

Gambar
Hallo, selamat siang, di kesempatan akan membahas tentang widgets oppo a57 A Simple Related Posts Widget For Blogger simak selengkapnya In the last tutorial, we wrote about how to add the Related Posts widget with thumbnails in Blogger to display related posts from the same category based on the given labels, which would appear just at the end of your blog posts. However, maybe some of you may prefer a simple version of this related posts widget to display only the posts titles. If you want to add it, follow the next steps below: How to add Related Posts Widget to Blogger Step 1. Go to 'Template' and populer the 'Edit HTML' button. Step 2. Once the template editor opens, click anywhere inside the code area and press the CTRL + F keys, then type the following tag inside the search box (hit Enter to find it): </head> Step 3. Just above the </head> tag, paste the following CSS code: <b:if cond='data:blog.pageType == &quot;item&quot;

Add Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect

Gambar
Allow, bertemu kembali, di kesempatan akan dibahas mengenai widgets wordpress Add Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect simak selengkapnya In this tutorial, I will show you how to add a cool floating Facebook like widget for Blogger that slides to the left on mouseover. Demo: You can see a static Facebook badge on the right side of this blog: Adding Static Facebook Like widget on Blogger Step 1. Log in to your Blogger account, go to "Template" and hit the "Edit HTML" button Step 2. Click anywhere inside the code daerah and press the CTRL + F keys to cermat the search box: Step 3. Search (CTRL + F) for this tag: </head> Step 4. Add the following code just before/above </head> tag: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> Step 5. Save the Template. Step 6. Go to Layout > Add a new Gadget > select the 'HTML/JavaScript' gadget and p

Add a Popular Posts Gallery just above your Blogger posts

Gambar
Allow, selamat pagi, sesi kali ini akan membahas mengenai widgets adalah Add a Popular Posts Gallery just above your Blogger posts simak selengkapnya The most popular web design trend over last couple of years are horizontal sliding panels, also known as sliders or carousels. One of the effective ways to increase the site usability and engage the user is to add a popular posts gallery above Blogger posts to display the most viewed 10 posts on your blog. To see it live, please visit the demo blog below. Adding Popular Posts Gallery Above Blogger Posts Before adding the Popular posts widget as gallery in Blogger, please note that this widget is not fully compatible with all templates, so it's recommended to make a backup before making any changes in your Blogger template. Now, follow these steps: 1. Go to Dashboard, click "Template" > hit the "Edit HTML" button and click anywhere inside the code area > press the CTRL + F keys to cermat the Blog