Meta , the parent company of Facebook, has launched a new app called Threads , which aims to compete with Twitter in the realm of real-time online conversations. With 30 million sign-ups within a short period, Threads has garnered attention for its similarities to Twitter, from its layout to its emphasis on building a following and connecting with like-minded individuals. Meta CEO Mark Zuckerberg envisions Threads as a public space for conversation, capitalizing on Instagram's strengths and offering a new experience centered around text, ideas, and open discussions . While acknowledging the challenge of surpassing Twitter's user base, Zuckerberg remains optimistic about the app's potential. Related Posts Threads allows communities to engage in discussions on a wide range of topics, from current interests to trending subjects. Messages on the app have a 500 character limit, and it is available in 100 countries on both iOS and Android platforms. Users can lin...
Good day amazing lovers and readers of TechBrainaic , how are you guess you're doing great?. Today I will be sharing with you how to setup bookmark widget in Blogger. What Is Bookmark And How Does It Work? Bookmark is a record of the address of a file or Internet page, serving as a shortcut to it. In a more simple blogging term, Bookmark Widget in Blogger is a widget where you can easily save your favorite posts/articles for future and further reading without the need to write down or memorize the URL of the post/website. Bookmarks is one of the features commonly present in most internet browsers such as Opera, Mozilla Firefox, Google Chrome, Internet Explorer, Brave and many more to store the address or name of a website and group URL addresses according to the specified theme or themes. See What Others are Reading : How to Remove All Widgets in Blogger Template 2022 How To Add Facebook Open Graph Meta Tags In Blogger 2022 How to Integrate ...
In today's digital age, social media platforms like Instagram have become an integral part of our lives. However, there are times when we may want to take a break from the constant notifications and messages, and enjoy some peace and privacy while browsing the app. That's where the option to disable the active status on Instagram comes in handy. Just as we discussed extensively in our previous article How to Download Instagram Reel on Android device . In this comprehensive guide, we will walk you through the process of turning off your active status on both the Instagram website and mobile app, and discuss why you might want to do so. Why Disable Active Status on Instagram? Before we delve into the step-by-step process of disabling active status on Instagram, let's first understand why you might want to do it. There are several reasons why users choose to turn off their active status: Privacy: Disabling the active status prevents other users from seeing when you were la...
TechBrainaic is all in one Tech Blog in Nigeria with comprehensive articles On How To's, Blogger Widget, Tech News, Android Update, Blogging Tutorial, Blogger Setup, Smartphone Review, Blogger Theme, and Social Media.
Simple Steps to Creating a Responsive Demo Page in Blogger
As a Blogger oftentimes you might want to give a demonstrative display of your blog contents to your readers....
Good day lovers of TechBrainaic, in today Tutorial I will share with you How to Create a Demo Page in Google Hosted Blogspot Website.
As a Blogger oftentimes you might want to give a demonstrative display of your blog contents to your readers, especially if you're into tutorials or template blogging and prefer to offer a preview of how your codes, scripts or templates with display after proper implementation.
Step 2 :- Now Click on Pages and then Create a Static Pages with title Demo Page, you can write anything in the contents section or otherwise leave blank. Then Publish.
Before making any changes to your template make sure you take a back up of it just in case something unexpected happens.
Step 3 :-Click on Theme Menu > Edit Html.
Step 4 :- Then Copy The Given Css Code and Paste it Above The ]]></b:skin>.
Step 6 :- Find </body> in your blog template and paste the JavaScript below just above it
HTML
</b:if>
<b:if cond='data:blog.url == "http://techbrainaic.blogspot.com/p/demo-page.html"'>
<script type='text/javascript'>
//<![CDATA[
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return (false);
}
window.onload = function() {
var url = getQueryVariable("url");
var download = getQueryVariable("download")
document.getElementById('view').src = url;
document.getElementById('dl').href = download;
};
//]]>
</script>
<div id='tab-demo'>
<a class='demologo' href='http://techbrainaic.blogspot.com'>Demo Page</a>
<a class='dlbutton' href='' id='dl'>Download</a>
<a class='closebutton' href='javascript:void(0)' onclick='document.getElementById('tab-demo').style.display='none';document.getElementById('view').style.top='0';document.getElementById('view').style.height='100%''>Remove Frame</a>
</div>
<iframe id='view'/>
<style>
body {
background:white;
}
</style>
</b:if>
Step 7 :- Now Customize all the marked URL by changing it to your blog URL address.
Step 8 :- Lastly Save your Template and view the result.
Final words
In this post I have made a simple step by step guide on How To Create And Add a Demo Page in Blogger. The Demo Page is designed to be responsive and User friendly Which will display a demonstration of your script or templates to your visitors. I hope you have liked the post and please do share with your friends.
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser. The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
