How To Hide Index.html From Wapkiz Homepage Link to Give Clean Site url

How To Hide Index.html From Wapkiz Homepage Link to Give Clean Site url

If you have a wapsite on wapkiz, your wapkiz site’s home page url like example.wapkiz.com/index.html for default or example.com/index.html for your custom domain.

By adding the below JavaScript on you site you can hide the index.html from your wapkiz homepage link and give clean site url.

• 

Follow the steps

> LOGIN TO YOUR WAPKIZ SITE AND CLICK ON PANEL MODE

> FROM PANEL MODE LINKS FIND “JS FILE MAKER” AND CLICK ON IT

• 

> CLICK ON CREATE NEW JS FILE, COPY BELOW CODE AND PASTE IT INSIDE JS FILE MAKER BOX AND HIT SUBMIT BUTTON

• 

// WAPKIZ HIDE INDEX.HTML JS CODE DEVELOPED BY WWW.WAPMASH.XYZ
eval(function(p,a,c,k,e,d){e=function(c){return c};if(!''.replace(/^/,String)){while(c--){d[c]=k[c]||c}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('4 1=5.12.9();11(1.6("%2","%2")>0){4 3=1.13(0,1.6("%2"));5.16.14({},15.10,3)}4 1=5.12.9();11(1.6("%2%2","%2%2")>0){4 3=1.13(0,1.6("%2%2"));5.16.14({},15.10,3)}4 1=5.12.9();11(1.6("8.7","8.7")>0){4 3=1.13(0,1.6("8.7"));5.16.14({},15.10,3)}4 1=5.12.9();11(1.6("8.7","8.7")>0){4 3=1.13(0,1.6("8.7"));5.16.14({},15.10,3)}',10,17,'|uri|3D|clean_uri|var|window|indexOf|html|index|toString|title|if|location|substring|replaceState|document|history'.split('|'),0,{}))

> NEXT STEP IS TO CLICK ON GET JS FILE CODE, YOU WILL SEE SOMETHING LIKE <script src=”js/1.js”></script>

• 

> COPY IT AND PASTE IT INSIDE META HEADER OF YOUR SITE AND SAVE.

• 

DONE! index.html was hide from your site.

Any help please comment below.

Share this:

How to Edit and Style Blog Comment Error Notification in Wapkiz

How to Edit and Style Blog Comment Error Notification in Wapkiz

With the help of blog comment form you can create comment section inside post or file information page. Also you can create a contact page by comment form tag.

Learn:

Add a comment box on wapkiz file download page

How to create stylish contact page in wapkiz

Wapkiz Blog Comment Tag

[blogcmt_form]bid=blog,ud=site-0.html,to=:to-blog:||%notify% Name:<br/>
%name%<br/>
Text:<br/>
%text%<br/>
%submit%[/blogcmt_form]

• %notify% Process entered into database and error warning (important)
• %name% Displays the name input form
• %text% Displays the input text form
• %submit% Submit button

• 

So, Whenever someone makes a mistake in completing contact form or comment form, an error message shows them.

Error Messages

1. Name Error: Error! Name Minimal 3 Character Or Maximal 50000 Character
2. Text Error: Error! Text Minimal 3 Character Or Maximal 5000000 Character

• 

Here, I’m showing to you how to edit these error messages.

🌟 These messages are included in error div by default. So, If you want to style/design it (like if you want to change the text color, or add border), then add a CSS named error (go to Panel -> Css Theme -> Add new with editor)

Here is an example

.error {color: #ff0000; text-transform: capitalize;}

Result->

• 

• 

🌟 And if you want to edit these text then replace the %notify% tag

[replace=(%notify%)]Error! Name Minimal 3 Character Or Maximal 50000 Character[]Error! Text Minimal 3 Character Or Maximal 5000000 Character||NAME ERROR MESSAGE[]TEXT ERROR MESSAGE[/replace]

• NAME ERROR MESSAGE write your own name error message
• TEXT ERROR MESSAGE write your own text error message

Here is an example

[blogcmt_form]bid=blog,ud=site-0.html,to=:to-blog:||[replace=(%notify%)]Error! Name Minimal 3 Character Or Maximal 50000 Character[]Error! Text Minimal 3 Character Or Maximal 5000000 Character||NAME ERROR MESSAGE[]TEXT ERROR MESSAGE[/replace] Name:<br/>
%name%<br/>
Text:<br/>
%text%<br/>
%submit%[/blogcmt_form]

If you have any problems please comment below.

Share this:

Wapkiz Blogger Site Automatic SEO Meta Tag

Wapkiz Blogger Site Automatic SEO Meta Tag

In this tutorial we are discussing about seo meta title, description and keywords. How you can add this in your wapkiz blogger site’s Meta Header box.

We are also talking about Open Graph meta tag for seo.

So lets start….

What is meta tags for seo?

Meta tags are HTML tags that describe your page content to search engines and website visitors. The meta tags appear only in the page’s code, and anyone can check them via a website’s source code.

Meta tags are key because they tell search engines what a page is about. Think of them as the first impression for all search engines.

[Picture] Here’s how seo meta tags works on google

• 

What are Open Graph Meta Tags?

Open Graph is a protocol that allows developers to control what content is shown when their websites are linked on Facebook or another social media platform. If you lack these tags, then there’s a good chance that an unrelated image will appear when your website is shared, or the description will be inaccurate.

• 

By using Open Graph tags, you can essentially control what people see when they share your website. By adding a relevant image, title and content, you have a much higher chance of getting viewers interested enough to click your website. There are a couple of Open Graph meta tags that are currently in use.

So, How you will add these meta tags in your wapkiz blogger site?

Don’t worry! We are customized meta tags for wapkiz sites which will generate automatically seo meta tags and open graph property for your wapkiz sites.

Below are the meta tags for your wapkiz blogger site. Follow our tutorial to successfully added to your site..

We made the meta tags for Homepage, Category Page and Post Page. Although you can add for many pages.

Go to Meta Header under System and add below tags

🔥 For Homepage

(if :page_url:=:site_url:/index.html)<title>HOMEPAGE_META_TITLE</title> <meta name="description" content="HOMEPAGE_META_DESCRIPTION"> <meta name="keywords" content="HOMEPAGE_META_KEYWORDS">(/if)

Add/Edit your Title , Description and Keywords.

🔥 For Category Page

(if :url-0:=category)<title>:url-1(:to-name:):</title> <meta name="description" content="CATEGORY_PAGE_META_DESCRIPTION"> <meta name="keywords" content="CATEGORY_PAGE_META_KEYWORDS">(/if)

Add/Edit Description and Keywords.

Note: Your site’s category page url structure should be like http://example.com/page-category/CATEGORY_NAME/ID

🔥 For Blog Post Page

(if :url-0:=forum)[blog]to=:url-1(:to-id:):,v=on,no=||<title>%title%</title> <meta name="description" content="POST_PAGE_META_DESCRIPTION"> <meta name="keywords" content="POST_PAGE_META_KEYWORDS">[/blog](/if)

Add/Edit Description and Keywords. (You can use %text-155% for meta description as it will automatically add the text from your post for first 155 characters.)

Note: Your blog post page url structure should be like http://example.com/page-forum/XX/BLOG-POST-TITLE/

If your post page is with different name then change the page name (forum) from the above code by your own post page name.

Now add Open Graph property for your post in meta header

(if :url-0:=forum)[blog]to=:url-1(:to-id:):,v=on,no=||<meta property="og:title" content="%title%" />
     <meta property="og:url" content=":page_url:" />
     <meta property="og:image:secure_url" content="[replace=(%urlthumb%)]http[] ||https[]%20[/replace]" />
     <meta property="og:image" content="[replace=(%urlthumb%)] ||%20[/replace]" />
     <meta property="og:image:width" content="400" />
     <meta property="og:image:height" content="300" />
     <meta property="og:image:alt" content="%title%" />[/blog](/if)

Note: Your blog post page url structure should be like http://example.com/page-forum/XX/BLOG-POST-TITLE/

If your post page is with different name then change the page name (forum) from the above code by your own post page name.

Add all these above codes in Meta Header. 😊

Hope you make it…

If you have any problem comment below. We are Happy to Help you…

How To Add Voice Search on Wapkiz Site

How To Add Voice Search on Wapkiz Site

Make your search box advance by adding a voice search icon.

• 

Just add below codes as mentioned…

External CSS

Go to Meta Header under System and add below font-awesome stylesheet

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

CSS

Go to Css Theme under System and add below css

.searchContainer {display: inline-flex;  flex: 1 1 300px; position: relative; border: 1px solid #ccc; border-radius: 5px; overflow: hidden;}
.searchIcon {padding: 0.5rem;}
.searchBox {border: 0; padding: 0.5rem 0.5rem 0.5rem 0; flex: 1;}
.searchButton {background: #538AC5; border: 0; color: white; padding: 0.6rem; border-radius: 0;}

JavaScript

Add below javascript where you will add search box

<!-- Voice Search by www.Wapmash.xyz -->
<script>  function startDictation() {    if (window.hasOwnProperty("webkitSpeechRecognition")) {      var recognition = new webkitSpeechRecognition();      recognition.continuous = false;      recognition.interimResults = false;      recognition.lang = "En-IN";      recognition.start();      recognition.onresult = function(e) {        document.getElementById("transcriptt").value                                 = e.results[0][0].transcript;        recognition.stop();        document.getElementById("voicesearch")      };      recognition.onerror = function(e) {        recognition.stop();      }    }  }</script>

HTML

Now add below Search box html code

<div class="searchContainer"><form id="voicesearch" method="get" action="/site-search.html">  <i onclick="startDictation()" class="fa fa-microphone searchIcon"></i>  <input class="searchBox" type="search" name="to-search" id="transcriptt" value=":to-search:" placeholder="Search...">  <input type="submit" value="Search" class="searchButton"></form></div>

Note: Voice search only work when you activate SSL ( https:// ) on your site.

Any inquires feel free to comment below.

Wapkiz Related Blog Post Code [Tutorial & Setup]

Wapkiz Related Blog Post Code [Tutorial & Setup]

Directly going to the topic…

To add Related Posts on your wapkiz site you just need to add two simple codes. One is in your meta header and other on your post/article page.

1. The meta header code will generate category name and help to display related post from the same category.
2. And the post/article page code will show related post.

First Step

Go to Meta Header and insert the below code

[blog]to=:url-1(:to-id:):,no=||:var:cat=%category%:[/blog]

Parameter to variable value must be same with your blog post’s parameter.

Second Step

Now go to the post/article page and add below code where you want to display related posts.

[blog]bid=forum,cat=:v1:cat:,o=u,l=5,no=Sorry! No related posts found||<div><a href="/page-forum/%id%/%title%">%title%</a></div>[/blog]

Change bid name with your own blog bid name.

If you need any help please comment below. Thank you..

[WAPMASH3] Responsive Wapkiz Blogger Template Full Source Code by WapMash

[WAPMASH3] Responsive Wapkiz Blogger Template Full Source Code by WapMash

So Lets Start..

Step by Step guide to create blogger site on wapkiz

Step 1. Insert Meta Header

Step 2. Add CSS

Step 3. Add Header

Step 4. Add Footer

Step 5. Create Home Page

Step 6. Create Search Page

Step 7. Create Category Page

Step 8. Create Blog Page

Step 9. Create Contact Page

Step 10. Create Disclaimer Page

Step 11. Create an Admin Page

Step 1. Insert Meta Header

Open Wapkiz Meta Header under system and paste below meta header code

wapmash3-meta-headerDownload

Step 2. Add CSS

Open CSS Theme under system and add below css

wapmash3-styleDownload

Step 3. Add Header

Go to header page (page id -1) and paste below header code

wapmash3-headerDownload

Step 4. Add Footer

Go to footer page (page id -2) and paste below footer code

wapmash3-footerDownload

Step 5. Create Home Page (index page)

Now go to home/index page (page id 0) and paste below home page code

wapmash3-homeDownload

Step 6. Search Page

Create a new page, name search and paste below code.

wapmash3-searchDownload

Step 7. Category Page

Create a new page, name category and paste below code.

wapmash3-categoryDownload

Step 8. Create Blog Page

Create a new page, name forum and paste below code.

wapmash3-forumDownload

Create another one page, name post and paste below code.

wapmash3-postDownload

Step 9. Create Contact Page

Create a blog with bid contact as shown below image

• 

Now note down the ID

• 

Now create a new page, name contact and paste below code.

wapmash3-contactDownload

Change the to parameter value (to=BLOG-ID) in above code with the id. (eg. to=7)

Step 10. Create Disclaimer Page

Create a new page, name disclaimer , and add your disclaimer content using below code..

wapmash3-disclaimerDownload

Step 11. Create an Admin page

You can add blog post on your site from this page. If you don’t need ignore this step, instead use bloglist under manage.

Go to ADS Code Maker and create new ads code using below code

• 

wapmash3-post-scriptDownload

Now create a new page, name admin , and add below code and set Visibility Access: Admin

wapmash3-adminDownload

• 

Done !

If you need any help please comment below. Thank you.