Whenever I think about facebook post publishing system, then i have got one thing how they developed it. Today i have tried to develop another post publishing system like facebook. It will be helpful for everyone who want to develop a micro – blogging system on their website.
\nHere below i have used these technologies to developed it PHP, AJAX, JQUERY, CSS, MYSQl.
\nStructure of post publishing system:<\/p>\n
[CODE]<\/p>\n
root directory\/<\/strong> [\/CODE]<\/p>\n First i have develop a database table.<\/p>\n [CODE] [\/CODE]<\/p>\n Once you have create a database table structure then you need to create a connection with mysql database. I Have created a database connection using this file dbconnect.php. Here below is the code of this file.<\/p>\n [CODE]<\/p>\n <?php ?><\/p>\n [\/CODE] [CODE]<\/p>\n <?php<\/p>\n \/\/status updater <!DOCTYPE html> <script src=”http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js”> $(“#msg”).replaceWith(“<div id=msg><img src=images\/loader.gif><br\/>Loading Your Status…<\/div>”); <div id=”bottomCol”> [\/CODE]<\/p>\n When you have call a status updater script i have used here mysql insert query which insert user data to database.<\/p>\n [CODE]<\/p>\n <?php<\/p>\n \/\/status updater $msg=””; [\/CODE] [CODE]<\/p>\n \/*style sheet*\/<\/p>\n *{margin:0; padding:0;}<\/p>\n body{background:#eee;font-family:verdana;}<\/p>\n header{display:block; width:100%; background-color:#333; background-size:42px; position:fixed; color:#f9f9f9; text-align:center;background-image:url(‘images\/rappLogo.jpg’); border-bottom:2px solid #1b1b1b; box-shadow:0 0 40px #000;}<\/p>\n header img{width:82px;}<\/p>\n #entry-title{display: inline-block;padding: 4px;background: #222;font-size: 10px;color: #fff;text-align: center;text-shadow: 2px -2px 0 #5E5E5E;border-bottom: 1px solid #000;margin-top: 84px;width: 100%;}<\/p>\n section{display:block; padding:10px; max-width:800px; margin:0 auto; border-left:1px solid #333; border-right:1px solid #333; min-height:470px;}<\/p>\n .clear{clear:both}<\/p>\n #statusBar{display: block;max-width: 600px;width: 100%;margin: 6px auto;padding: 7px;border: 1px solid #000;}<\/p>\n #statusBar input[type=”text”]{display: block;max-width: 300px;width: 100%;font-size: 12px;padding: 6px;border: 1px solid #000;}<\/p>\n #msg{display:block;width:100%;text-align:center;font-size:12px;}<\/p>\n #msg img{width:20px;}<\/p>\n #statusBar input[type=”button”]{display: block;float: right;padding: 4px 13px;border: 1px solid #000;background: #000;margin-top: 4px;color: #fff;border-radius: 3px;box-shadow: inset 0 0 3px #A8A59E;cursor: pointer;}<\/p>\n #statusBar textarea{display: block;width: 97.8%;font-size: 13px;padding: 1%;margin-top: 6px;border: 1px dashed #000;border-bottom: 3px solid #000;font-family:verdana;}<\/p>\n #sbtbar{background: #D8D8D8;padding: 3px;border: 1px solid #000;}<\/p>\n #msgBar{display: block;max-width: 594px;text-align: center;font-size: 11px;background: #DACC97;padding: 10px;border: 1px solid #70612F;border-radius: 3px;margin: 15px auto;}<\/p>\n #bottomCol{display: block;max-width: 594px;min-height: 200px;width: 100%;background: #FFFFFF;padding: 10px;margin: 0 auto;border: 1px solid #333;}<\/p>\n #feed{display:block;text-align:center;padding: 6px;border: 1px solid #666;font-size: 12px;line-height: 16px;background: #f9f9f9;margin: 10px 0}<\/p>\n .feedtop{display: block;}<\/p>\n .date{display: block;padding: 2px;margin-top: 4px;color: #505050;border-top: 1px solid #666;border-bottom: 1px solid #666;}<\/p>\n #s_content{display: block;padding: 4px;margin: 7px;font-size: 11px;}<\/p>\n .avatar{display: block;border: 1px solid #333;width: 48px;height: 48px;border-radius: 4px;box-shadow: 0 0 4px #000;margin:0 auto;}<\/p>\n .avatar img{border-radius: 4px;width:100%;height:100%;}<\/p>\n footer{display: block;text-align: center;border-top: 1px solid #333;font-size: 11px;padding: 9px 0;background: #000;color: #fff;}<\/p>\n [\/CODE]<\/p>\n Here i have developed all script to make a mcrobloging system using php, ajax, css, html, mysql. Make your microbloging system today using this code. I will be back with another project here. Microbloging system is easy to develop as i know with this project. This is an open source project you can download it from our repository.<\/p>\n [CODE] [\/CODE]<\/p>\n","protected":false},"excerpt":{"rendered":"
\nimages
\ndbconnect.php
\nindex.php
\nstatusupdater.php
\nresult.php<\/p>\n
\nCREATE TABLE IF NOT EXISTS `statusupdater` (
\n`status_id` int(45) NOT NULL AUTO_INCREMENT,
\n`post_date` datetime NOT NULL,
\n`status_content` mediumtext COLLATE utf8_bin NOT NULL,
\n`user` varchar(45) COLLATE utf8_bin NOT NULL,
\n`post_status` varchar(1) COLLATE utf8_bin NOT NULL,
\nPRIMARY KEY (`status_id`)
\n) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_bin COMMENT=’status Updater For demo’ AUTO_INCREMENT=40 ;<\/p>\n
\n\/\/file:dbconnect.php
\n$con=mysqli_connect(“localhost”,”root”,””,”rudb”);
\n\/\/ Check connection
\nif (mysqli_connect_errno())
\n{
\necho “Failed to connect to MySQL: ” . mysqli_connect_error();
\n}<\/p>\n
\nMake an index file where you will show your publishing system. I have created a file name with index.php. Here i have used jquery script to work post publishing form.<\/p>\n
\n\/\/Developer:Rahul Negi
\n\/\/Dev Url: www.infotheme.in
\ninclude_once(‘dbconnect.php’);
\n?><\/p>\n
\n<html>
\n<head>
\n<title>Facebook like post publishing system – Demo Status Updater<\/title>
\n<meta name=”description” content=”see demo of facebook like demo status updater system using php, mysql and ajax- Developed by rahul negi”\/>
\n<meta keywords=”facebook status updater, facebook like status upldate system, facebook like publishing system, post publish system using php, facebook like status update”\/>
\n<link rel=”stylesheet” href=”style.css” type=”text\/css”\/><\/p>\n
\n<\/script>
\n<!–jquer ajax call to status updater script–>
\n<script type=”text\/javascript”>
\n$(document).ready(function(){
\n$(“#statusUpdate”).click(function(){
\n$.post(“http:\/\/localhost\/demos\/status-updater\/statusupdater.php”,
\n{
\nuser:$(“input:text”).val(),
\nstatus:$(“textarea”).val()
\n},
\nfunction(data,status){
\nif(status == “success”)
\n{<\/p>\n
\nsetTimeout(function(){
\n$(“#msg”).replaceWith(“<span id=msg>”+data+”<\/span>”);
\n},5000);
\nsetTimeout(function (){
\n$(‘#feed’).load(‘result.php’).fadeIn(“slow”);}, 7000);
\n}
\n});
\n});
\nsetInterval(function (){
\n$(“#msg”).replaceWith(“<div id=msg><img src=images\/loader.gif><br\/> Loading Your Friend’s Feeds…<\/div>”);
\nsetTimeout(function (){
\n$(“#msg”).replaceWith(“<div id=msg><\/div>”);
\n$(‘#feed’).load(‘result.php’).fadeIn(“slow”);}, 3000);
\n},19000);
\n});
\n<\/script>
\n<\/head>
\n<body>
\n<header>
\n<img src=”images\/rappLogo.jpg” alt=”R Apps – A Rahul Negi’s Production”\/>
\n<\/header>
\n<div id=”entry-title”><h1>Demo Status Updater<\/h1>
\n<h2>How To Make Facebook like post publishing system.<\/h2>
\n<\/div>
\n<section>
\n<div id=”statusBar”>
\n<form action=”<?php $_SERVER[‘PHP_SELF’];?>” name=”statusUp” method=”post”>
\n<input type=”text” name=”user” id=”user” value=”Your Name” onfocus=”if(this.value==’Your Name’)this.value=”;” onblur=”if(this.value==”)this.value=’Your Name’;”\/>
\n<textarea name=”status” id=”status” onfocus=”if(this.value==’What`s On Your Mind?’)this.value=”;” onblur=”if(this.value==”)this.value=’What`s On Your Mind?’;”>What`s On Your Mind?<\/textarea>
\n<div id=”sbtbar”><input type=”button” name=”post” id=”statusUpdate” onclick=”statusUpdate()”value=”Share”\/><div class=”clear”><\/div><\/div>
\n<div class=”clear”><\/div>
\n<\/form>
\n<\/div><\/p>\n
\n<div id=”msg”><\/div>
\n<?php include_once(‘result.php’);?>
\n<\/section>
\n<footer>
\n© <?php echo date(‘Y’); ?> 2014 R APPS <small>A Rahul Negi’s Production<\/small>
\n<\/footer>
\n<\/body>
\n<\/html><\/p>\n
\n\/\/Developer:Rahul Negi
\n\/\/Dev Url: www.infotheme.in
\ninclude_once(‘dbconnect.php’);<\/p>\n
\nif(empty($_POST[‘user’]) || $_POST[‘user’]==”Your Name”)
\n{
\n$msg=”Please Must Enter Your Name.”;
\n}else{
\n$user=$_POST[‘user’];
\n}
\nif(empty($_POST[‘status’])|| $_POST[‘status’]==”What`s On Your Mind?”)
\n{
\n$msg=”Please Say What’s On Your Mind?”;
\n}else{
\n$status=$_POST[‘status’];
\n}
\nif(empty($msg))
\n{
\n$date=date(‘y-m-d h:i:s’);
\nmysqli_query($con,”INSERT INTO statusupdater (`post_date`, `status_content`, `user`, `post_status`)
\nVALUES (‘$date’,’$status’,’$user’,’O’)”);
\n$msg=”Successfuly Posted On Your Wall”;
\n}
\n?>
\n<?php if(!empty($msg))
\n{?>
\n<div id=”msgBar”><?php echo $msg;?><\/div>
\n<?php }?><\/p>\n
\nAfter that you need to make a css( castcading stylesheet ) to design your webpage. below the code of style.css file<\/p>\n
\nDeveloper:<\/strong> Rahul Negi(https:\/\/www.facebook.com\/Mr.Rahul.Negi)
\nProduction:<\/strong> R Apps( A rahul Negi’s Production)
\nProject Name:<\/strong> Microbloging system & facebook like post publishing system.<\/p>\n