Showing posts with label Template Designing. Show all posts
Showing posts with label Template Designing. Show all posts

Saturday, 2 August 2014

How to create own social Network?

Hello World its Momin khan well first of all i would like to thanks to all my visitors to across my 5000
Viewers.

 In this tutorial I'm gonna show you that how you can make your own "SOCIAL NETWORKING" site
like Facebook, Myspace, Twitter etc.

In this time mostly every people on this earth has their account on any social site. So, it would be a good 
business to start your own Network. 

Demo:
http://friends.letsgeekaround.com
Username: Mominak47
Password: candyroid



For this you need to do:
1. Go to www.freehosting.io














2. Click on Register

















3. And Fill Registration Form
















4. After fill this form and complete registration, You must verify your account
    from your registration E-mail account to go further. You have to click on
    verification E-mail which will be sent to your Registered E-mail.

5. After successful registration logged in your account. 
    Click on "Create new account"















6.Click on "Order now"














7. Now choose *Subdomain and enter your website name whatever you want.
    and fill the form.


8. Now come back to Hosting Tab, and click on "Switch"


9. Now select "Auto Installer"













10. In last you have to select "Jcow" in social networking group box.
















11. Fill the form. Remeber to leave the textbox where is "*Leave It Blank"
     remove if something is typed over here. you just have to keep it blank.
     And in last you have to set your admin username and password. With
     admin username and password you may access as owner of your social
     network and manage groups, users, photos etc.












12. Here you will find everything about your Network, Its URL, Admin URL,
     Admin Pass and Username etc.

     












13. And Your social network is ready.













   Because i'm busy for some circumstances. I couldn't upload more about this.
   In my next post I'll tell you about advance social network installation         
   manually.

Special Thanks to Momin Khan (Founder of CandyRoid)
Read More »

Friday, 21 February 2014

Add Android Emulator Element in Your Blogger

Add Android Emulator Element in Your Blogger

1.Download Script   Click Here
 2. Go to Blogger->New Post->Paste Code in body
 
 



Demo:-

Read More »

Thursday, 20 February 2014

Adfly Not Working In India

Adfly Not Working In India


Hello Guyz,
Today CandyRoid comes with a very helpful thing, which will help Indian Adfly Users.
As we all know adf.ly stop working in india because of some circumstances. It works when we use HTTPS At the place of HTTP in Domain
                for eg:- Not working :- http://adf.ly/4342460/ 
                            Working       :- https://adf.ly/4342460/

Read More »

Easy Way To Create Sitemap For Blogger

Easy Way To Create Sitemap For Blogger

Sitemap is a list of pages Of a Blog or Website which enables the Search Engine Crawlers to crawl the blog/website pages.Actually there are two types of Sitemap.

  1. XML Sitemap
  2. HTML Sitemap
XML Sitemap is actually a structured format which a user can't see i.e it may be in the coding of Template or hidden. But the bonus point of this Sitemap is they tell the search Engines for crawling the web pages while on the other side HTML Site-Map are specially designed for the users to enable them to find content on your Blog/website,this visitors and Search Engine Bots find the pages of such Site-mapped blog.
sitemap

How To Create Sitemap For Blogger

  • All you have to do is making a new page in your Blog
  • After Creating a Page Click On The Pages
  • And Then Click On The Page you have Created
  • Now There will be two Option at the left-most side i.e Compose/HTML
  • Simply Click On HTML
  • Now Copy the Below Script and paste it there
<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js"></script><script src="candyroid.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Read More »

Friday, 15 November 2013

How To Add Border To Post Titles

Add Border To Post Titles in Blogger: Let's play with CSS and change the border of post titles in Blogger.You may have noticed the blog titles comes with "text-decoration:none" by default , in simple words no style is applied to the titles of the Blog Posts.Actually we can change the post titles and can decorate it with different CSS properties but here we gonna apply the border ! Border can be "groove" , "Solid" , "dashed" , or "dotted" having a specific color code and number of pixels.Don't confuse , it is as easy as eating cake.
How To Add Border To Post Titles

How To Add Border To Post Titles

  • Go To Blogger Dashboard
  • Click On Template
  • EDIT HTML
  • Search for post-title or .post or only "post"
  • Search until you find the selector "Post Title" as shown below

 
  • Look at the above snapshot i added there the border Property i.e "border:groove 1px and color" Change these values to your desired values and save the template.You can even change the color of the post title just by simply changing the color code of "COLOR" property in the above script.
  • However here we have selected the border color Groove having gray color and width 1pixel.
  •  That's it !!
 Note : In many templates the POST TITLE Selector is .post-title but if you can't find or if this selector is not available then you have to find the exact and matchable selector i.e the selector which matches with the class or ID defined in the div tags! 
 
What's Up : Actually this hack will add a gray color border to all the post titles having 1 pixel width ,actually it adds 5 stars to the beauty and style of template.It has no effect on blog loading speed.Stay Blessed ,Happy Blogging!
Read More »

Wednesday, 13 November 2013

How To Add Border To Blog Header Using CSS

 Add Border To Blog Header Using CSS:  Assalamualaikum Friends , after a long time i am back in Blogging , actually i was busy in 2nd Grade studies and now it's going to end !! Hope you all are fine , here is a small trick via which you can add border to your blog header with the help of CSS.Actually it's not a big or smart trick but some people are waiting desperately for this trick! If you are One of them here we go ! You will think how it will looks like? So , take a look on the below snapshot which has 24px cyan color border.And for live demo , take a look on our Blog header.

How To Add Border To Blog Header Using CSS

  • Go To Blogger Dashboard
  • Click On Template
  • EDIT HTML
  • Search For "header" and find out "#header-wrapper {" this CSS Code
  • Now below { and above } type border: style pixels color-name  as shown in the below snapshot
  •  Now Save the template and that's it :)
  • You Can Change the Style to dashed , dotted , groove or any style and pixels to your desired no and color to your desire choice!
So What's Up : Actually developers will laugh , but i know many People like this trick and they don't know what to Do and How To Do? But i am here for you guys , if you have any problem you can ask freely , i will help you in any problem . Stay Blessed , Happy Blogging!
Read More »

Sunday, 13 October 2013

How To Change/Replace Widget's Title with image in Blogger

Change/Replace Widget's Title with image in Blogger : Let's Do Something interesting ! Yep Interesting not much but interesting , today we will replace all widgets titles with an image . Isn't sounds good? Of Course yes.Actually One of our Blog readers ask this Question in Comments "How To Change/Replace Widget's Title with image in Blogger , as you did in your Blog".So I Promised him that I will share the trick with you People and here it is.

How To Change/Replace Widget's Title with image in Blogger

  • Go to Blogger Dashboard
  • Click On Template
  • EDIT HTML
  • CTRL+F and Search for the term "blockquote" in CSS section
  • Now Below Blockquote you will find the below CSS Code/script as shown in the below Snapshot
background: url("image url.png")
  
  • Just Replace that Mentioned Link with your Own Desired image Link
  • And That's it !!
  • For Live Demo You can have a look On my Blog Widgets Titles.
 Note : If background: url is not defined in the CSS You can do it manually just by typing the below script in the CSS as shown above.
background: url("imageurl.png")
So What's Up: Implement this trick if you got any Problem ask any Question freely , I am here to Solve your Problem ;) , Stay Blessed , Happy Blogging!
Read More »

Sunday, 7 July 2013

How To Create Your Own Professional Blogger Template using Artisteer

Earth without "Art" is just "Eh".Likewise Blogging without a Professional Template is just Eh.Actually Blogger has an impressive template designer which enable a person to easily customize the theme of Blog.These modifications contains the changing of Background,Fonts,Colors,width etc but actually this designer will not allow to change the whole appearance of Blogger Template without having the knowledge of CSS or HTML.In this regards most of People hire expert programmers to design a Professional Template for Them.And hiring an expert is not without of cost , they have to pay a huge amount of money.Now to get rid of this shit we are here to present you an ideal Software which will enable you to design a Professional Blogger Template without having the knowledge of programming.

What is Artisteer?

  1. Artisteer is an automotive web design software that allow us to design a stunning and impressive Blogger Templates.
  2. A Friendly Software; You Can Create web pages just by drag and drop Options
  3. You Can edit an existing template or can create your Own Professional Template with the help of Artisteer.
  4. Artisteer will not force you to learn CSS,HTML or any other Programming Language because it is So Friendly and easy to use.

How To Create Your Own Professional Blogger Template using Artisteer

First Of All Download The Artisteer Tool,When You Download the tool install it.The installation of this Software is too much easy,it is as simple as installing a common software,Once installation is Done Open the Software.After Opening the Artisteer follow the below steps for creating Blogger Template
  • Click On File and then click on new
  • A Window will pop-up,and will ask you for selecting a CMS (Content management system).It supports four most popular CMS systems i.e. Blogger, Drupal, WordPress, DukeNetNuke and Joomla.Now here we will create Blogger Template,So Select Blogger,then Proceed to the next step.
designing-blogger-template

Designing The Header

  • Actually header is the main thing in Blogger template which makes a template impressive and stunning,So Creating Header is lil bit hard work.
  • Take a look On tool bar and Click On Header as shown in the Screenshot below


  • Clicking Header will Provide you many Option such as Changing the Width,Height,Background,Styles etc of Header.You Can add animated gif images in header via this Tool.You Can also add different colors to header via this tool

Designing Side-bar

  • Side-bar:- The 2nd main thing which makes a Template awesome is side-bar,side-bar can be left side-bar or right sidebar.By Clicking Sidebar from Toolbar You will get a list of Option for changing the appearance of side-bar and also to give different styles to sidebar.
  • If you are interested in adding two side-bars to your template,just click On layout Option which will provide you a couple of options such as selecting One Column,or two columns or three columns.You can select it accordingly.


Designing Main Elements of Template

Layout :- With The Help of Artisteer you can create a beautiful layout for your template,You Can add different borders,text and other impressive stuff to your template outlook!

Background :- This option allows you to upload a unique picture,which will be placed instead of background image in your Template.You Can add your Desire image in place of Background image.

Footer:- From The Tool Bar you can select Footer Option which enables you to create a unique footer ,i.e how much columns you want to create your Blog Footer,implementing different Fonts to Footer Text etc.

Template Ready ? Time To Export!

When Template is ready,now time to export it and upload to a Blog.For Exporting the templaet follow these steps
  • Go To File Menu
  • Click On Export
  • Export Template
  • Now Save the file to a directory
  • The File will  be saved in .zip Extension 
  • Now You have to extract the files from RAR File
  • It usually contains two Files 1) Template .xml File 2) and Folder for images
  • That's it !
  • HappY Blogging!
How To Create Your Own Professional Blogger Template using Artisteer
Last Reviewed by Iftikhar uddin on July 07 2013
Rating: 4.5
Read More »