By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
455,403 Members | 1,534 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 455,403 IT Pros & Developers. It's quick & easy.

Creating a blog structure with HTML

P: 1
Hi guys,

What if I want to create my own blog without using any platform like Wordpress?
I mean, how to take care of posts - are they gonna be separate pages linked or partly embedded to the main page? What is a good practice of adding new posts to the home-made blog?

Thanks, Nik
Oct 5 '15 #1
Share this Question
Share on Google+
4 Replies


P: 57
Well, I recommend u to use php, perl, mysql and cgi on this one dude.U could use the GET|POST form methods in php.But u need to have some knowledge or exp. of html before starting php.U can dwnld the pdf files from Tutorialspoint.com for these languages.And u need to dwnld a php server (I use XAMPP),install it correctly and follow the main instructions.Wish you luck ;)
Nov 26 '15 #2

P: 57
Or go to


https://daveismyname.com/creating-a-...ch-with-php-bp. Wow this post is old right just saw it accidentally. Good luck again.
Feb 1 '16 #3

P: 3
Now, let’s transform the visual concept into a working HTML/CSS prototype web page before finishing everything up as a complete theme next week. We’ll build the page structure with clean HTML, then style up as much as possible using CSS styling to create a lean website design that still replicates the original concept.

Expand|Select|Wrap|Line Numbers
  1. <div class="post">
  2.     <h2><a href="#">Captain America Kicks Ass!</a></h2>
  3.  
  4.     <a href="#" class="post-thumbnail"><img src="https://bytes.com/images/temp-post-thumbnail1.png" alt="Read the full post" /></a>
  5.  
  6.     <p>Lorizzle ipsum dolor sizzle ghetto, consectetuer fizzle elit. Sheezy doggy velizzle, i saw beyonces tizzles and my pizzle went crizzle volutpizzle, suscipit cool, own yo' vizzle, arcu. Pellentesque eget phat. My shizz erizzle. For sure izzle dolizzle for sure turpis tempizzle sizzle. Maurizzle i saw beyonces tizzles and my pizzle went crizzle nibh et turpizzle. Bizzle izzle i saw beyonces tizzles and my pizzle went crizzle. Pellentesque eleifend pot nisi. In hac habitasse platea dictumst. Pimpin' dapibizzle. Cool tellus owned, pretizzle eu, mattis uhuh ... yih!, eleifend dang, nunc. Ma nizzle suscipizzle. Integizzle shizzlin dizzle away sizzle purus. Mammasay mammasa mamma oo sa at dope. Yo mamma erizzle. condimentizzle, turpizzle nizzle congue consectetuer, brizzle libero bling bling fizzle, sizzle ullamcorper sure for sure nizzle sizzle. </p> 
  7.  
  8.  
  9.     <div class="post-info">
  10.         <ul>
  11.             <li class="date">18th August 2011</li>
  12.             <li class="category">Posted in <a href="#">Reviews</a></li>
  13.             <li class="read-more"><a href="#">Read more</a></li>
  14.         </ul>
  15.     </div>
  16.  
  17. </div>
Feb 17 '16 #4

P: 20
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. </head>
  6. <body>
  7.  
  8. <div class="header">
  9.   <h2>Blog Name</h2>
  10. </div>
  11.  
  12. <div class="row">
  13.   <div class="leftcolumn">
  14.     <div class="card">
  15.       <h2>TITLE HEADING</h2>
  16.       <h5>Title description, Dec 7, 2017</h5>
  17.       <div class="fakeimg" style="height:200px;">Image</div>
  18.       <p>Some text..</p>
  19.       <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
  20.     </div>
  21.     <div class="card">
  22.       <h2>TITLE HEADING</h2>
  23.       <h5>Title description, Sep 2, 2017</h5>
  24.       <div class="fakeimg" style="height:200px;">Image</div>
  25.       <p>Some text..</p>
  26.       <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
  27.     </div>
  28.   </div>
  29.   <div class="rightcolumn">
  30.     <div class="card">
  31.       <h2>About Me</h2>
  32.       <div class="fakeimg" style="height:100px;">Image</div>
  33.       <p>Some text about me in culpa qui officia deserunt mollit anim..</p>
  34.     </div>
  35.     <div class="card">
  36.       <h3>Popular Post</h3>
  37.       <div class="fakeimg">Image</div><br>
  38.       <div class="fakeimg">Image</div><br>
  39.       <div class="fakeimg">Image</div>
  40.     </div>
  41.     <div class="card">
  42.       <h3>Follow Me</h3>
  43.       <p>Some text..</p>
  44.     </div>
  45.   </div>
  46. </div>
  47.  
  48. <div class="footer">
  49.   <h2>Footer</h2>
  50. </div>
  51.  
  52. </body>
  53. </html>
  54.  
1 Week Ago #5

Post your reply

Sign in to post your reply or Sign up for a free account.