Pk-Seo

sitestore.gr (Κατασκευή ιστοσελίδων)

2013-09-18T04:19:00.001-07:00

Κατασκευή ιστοσελίδων, blog, site, κατωχύρωση domain name κ.α. στο http://www.sitestore.gr/ σε πολύ οικονομικές τιμές (από 150 ευρώ)

Σύντομα κοντά σας

Φόρμα επικοινωνίας για blog - site (foxyform)

2013-07-14T13:23:00.001-07:00

Άλλη μια φόρμα επικοινωνίας με πολύ Έυκολη τοποθέτηση.

Κατεβάστη τη από εδώ http://www.foxyform.com/

Δεν χρειάζεται εγγραφή

Scrolling Posts

2013-03-25T08:42:00.001-07:00

Βήμα 1: Αντέγραψε τον παρακάτω κώδικα

Βήμα 2: Άλλαξε το pk-seo.blogspot.com με το δικό σου blog

Βήμα 3: Πήγαινε στις ρυθμίσεις του blogger -> Διάταξη ->Προσθήκη gadget -> Html/Javascript και κάνε επικόληση του κώδικα

Δες το demo εδώ

Προσθέστε meta tags στο blog σας για να σας εντοπίσουν οι μηχανές αναζήτησης

2012-11-17T00:09:00.004-08:00

Δείτε τη διαδικασία...

1. Σύνδεση στο λογαριασμό blogger
2. Σχεδίαση
3. Επεξεργασία HTML
4. Με Ctrl + F αναζητούμε το και μετά από αυτό, δηλαδή ακριβώς από κάτω επικολλούμε τα παρακάτω:

. Προσαρμόζουμε τον κώδικα στα δικά μας δεδομένα, δηλαδή:

Αντικαθιστούμε:
το "DESCRIPTION HERE" με μια περιγραφή του blog μας
το "KEYWORDS HERE" με λέξεις-κλειδιά που είναι πιθανό να "τραβήξουν" επισκέπτες και σχετίζονται, φυσικά, με το περιεχόμενο του blog μας
το "AUTHOR NAME HERE" με το όνομα ή τα ονόματα αυτών που γράφουν στο blog

Ας πάρουμε ως πρόχειρο παράδειγμα το pknews.gr.
Θα προσαρμόζαμε τον κώδικα ώστε να φαίνεται κάπως έτσι:

6. Αποθήκευση προτύπου, είμαστε έτοιμοι!

Free Blogger Template

2012-10-14T08:29:00.002-07:00

http://btemplates.com/

http://www.deluxetemplates.net/

http://www.bietemplates.com/

http://www.blogcrowds.com/resources/blogger-templates/

http://designmodo.com/blogger-templates/

Facebook popup

2012-04-15T02:39:00.000-07:00

<style>          /* Jquery Facebook Likebox Popup Version 2.0 by MBT    MyBloggerTricks.com         */         #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}         #cboxOverlay{position:fixed; width:100%; height:100%;}         #cboxMiddleLeft, #cboxBottomLeft{clear:left;}         #cboxContent{position:relative;}         #cboxLoadedContent{overflow:auto;}         #cboxTitle{margin:0;}         #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}         #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}         .cboxPhoto{float:left; margin:auto; border:0; display:block;}         .cboxIframe{width:100%; height:100%; display:block; border:0;}         /*              User Style:            Change the following styles to modify the appearance of ColorBox.  They are            ordered & tabbed in a way that represents the nesting of the generated HTML.         */         #cboxOverlay{background:#000;opacity:0.5 !important;}         #colorbox{                 box-shadow:0 0 15px rgba(0,0,0,0.4);                -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);                 -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);                }                    #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0qmZ6OfoZ-eqttJ65Z3ctl7-t4pyHzHnCA8H8h19ohVtTsG7uw_zqV_fUxroiJsr04tlJaZuO-TUyknA1ODZZvFi94vRkhxeFxl7IAPW4NitKrZOQ_xjDj1QYoYNUBCr17kqyukqjxg/s1600/controls.png) no-repeat 0 0;}     #cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhYomSHOmtNlD36smBVfL-Xdiq2wuJ1_Z3oeKhIaHDd0P7SG5SEBgh4IQCxAoQJ9LyO2UkwSTl-BfDKjQm-S0N0O6KsuZ2WptE07M30gxUlSsgz6zgB0QV22_61nmhWvIr57M4bG2ytjo/s400/border.png) repeat-x top left;}         #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0qmZ6OfoZ-eqttJ65Z3ctl7-t4pyHzHnCA8H8h19ohVtTsG7uw_zqV_fUxroiJsr04tlJaZuO-TUyknA1ODZZvFi94vRkhxeFxl7IAPW4NitKrZOQ_xjDj1QYoYNUBCr17kqyukqjxg/s1600/controls.png) no-repeat -36px 0;}         #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0qmZ6OfoZ-eqttJ65Z3ctl7-t4pyHzHnCA8H8h19ohVtTsG7uw_zqV_fUxroiJsr04tlJaZuO-TUyknA1ODZZvFi94vRkhxeFxl7IAPW4NitKrZOQ_xjDj1QYoYNUBCr17kqyukqjxg/s1600/controls.png) no-repeat 0 -32px;}         #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhYomSHOmtNlD36smBVfL-Xdiq2wuJ1_Z3oeKhIaHDd0P7SG5SEBgh4IQCxAoQJ9LyO2UkwSTl-BfDKjQm-S0N0O6KsuZ2WptE07M30gxUlSsgz6zgB0QV22_61nmhWvIr57M4bG2ytjo/s400/border.png) repeat-x bottom left;}         #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0qmZ6OfoZ-eqttJ65Z3ctl7-t4pyHzHnCA8H8h19ohVtTsG7uw_zqV_fUxroiJsr04tlJaZuO-TUyknA1ODZZvFi94vRkhxeFxl7IAPW4NitKrZOQ_xjDj1QYoYNUBCr17kqyukqjxg/s1600/controls.png) no-repeat -36px -32px;}         #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0qmZ6OfoZ-eqttJ65Z3ctl7-t4pyHzHnCA8H8h19ohVtTsG7uw_zqV_fUxroiJsr04tlJaZuO-TUyknA1ODZZvFi94vRkhxeFxl7IAPW4NitKrZOQ_xjDj1QYoYNUBCr17kqyukqjxg/s1600/controls.png) repeat-y -175px 0;}         #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0qmZ6OfoZ-eqttJ65Z3ctl7-t4pyHzHnCA8H8h19ohVtTsG7uw_zqV_fUxroiJsr04tlJaZuO-TUyknA1ODZZvFi94vRkhxeFxl7IAPW4NitKrZOQ_xjDj1QYoYNUBCr17kqyukqjxg/s1600/controls.png) repeat-y -211px 0;}         #cboxContent{background:#fff; overflow:visible;}             #cboxLoadedContent{margin-bottom:5px;}             #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIvRJOyDZAhP8ybHPDNjQKJv1NoQ2mQlwgbqX8_vWOfFb2n2uvw_yPJAx5IKfOgo2OoHxytN0GvZRpMoNpmzeeDScolJ0xw-8sprOgAt-kbCk5UykPyUy9uiWkj350I3tlxh5_ad2Lohw/s400/loadingbackground.png) no-repeat center center;}             #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP5WCSrSAu2sczUe4V3_g8ZP_-uSOkCMQV1R6G633hCoQe4mqsnQxkb6x2gH8Zf8neUnFea0Ion0gwrdOjG-7GDpYrA-oiujiH-CZ2AbS4hSnSWYR3RKc9SyG_EmKdgXHlMFMShIYjPVA/s400/loading.gif) no-repeat center center;}             #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}             #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}             #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0qmZ6OfoZ-eqttJ65Z3ctl7-t4pyHzHnCA8H8h19ohVtTsG7uw_zqV_fUxroiJsr04tlJaZuO-TUyknA1ODZZvFi94vRkhxeFxl7IAPW4NitKrZOQ_xjDj1QYoYNUBCr17kqyukqjxg/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}             #cboxPrevious{left:0px; background-position: -51px -25px;}             #cboxPrevious.hover{background-position:-51px 0px;}             #cboxNext{left:27px; background-position:-75px -25px;}             #cboxNext.hover{background-position:-75px 0px;}             #cboxClose{right:0; background-position:-100px -25px;}             #cboxClose.hover{background-position:-100px 0px;}             .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}             .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}             .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}             .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}          /*-----------------------------------------------------------------------------------*/         /*   Facebook Likebox popup For Blogger Version 2.0         /*-----------------------------------------------------------------------------------*/         #subscribe {             font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;         }         #subscribe a,         #subscribe a:hover,         #subscribe a:visited {             text-decoration:none;         }         .box-title {            color: #F66303;            font-size: 18px !important;            font-weight: bold;            margin: 10px 0;         border:1px solid #ddd;         -moz-border-radius:6px;         -webkit-border-radius:6px;         border-radius:6px;         box-shadow: 5px 5px 5px #CCCCCC;         padding:10px;         line-height:25px; font-family:arial !important;         }                 .box-tagline {            color: #999;            margin: 0;            text-align: center;         }         #subs-container {             padding: 35px 0 30px 0;             position: relative;         }         a:link, a:visited {         border:none;         }         .demo {         display:none;         }             /* ---------MBT Subscribe Form---------- */          .box-title1 {         border:1px solid #ddd;         -moz-border-radius:6px;         -webkit-border-radius:6px;         border-radius:6px;         box-shadow: 5px 5px 5px #CCCCCC;             padding:10px;       margin: 10px 0;         }           .enteryouremail{     background: #fff !important;      border: 1px solid #d2d2d2;     padding: 0px 8px 0px 8px;     color: #a19999; font-size: 12px;     height: 25px; width: 165px;     border-radius: 5px;     -moz-border-radius: 5px;     -webkit-border-radius: 5px;     margin:0px;     }          .submitbutton{     background:#F66303;     border: 1px solid #F66303;     text-shadow: 1px 1px 1px #333;     box-shadow: 3px 3px 3px #666;     font:bold 12px Arial, sans-serif;     color: #fff;     height: 25px;     padding: 0 12px 0 12px;     margin: 0 0 0 5px;     border-radius: 5px;     -moz-border-radius: 5px;     -webkit-border-radius: 5px;     cursor:pointer;}          </style><br /> <br />     <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script><br />     <script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script><br />     <script type="text/javascript">     jQuery(document).ready(function(){        if (document.cookie.indexOf('visited=true') == -1) {            var fifteenDays = 1000*60*60*24*30;            var expires = new Date((new Date()).valueOf() + fifteenDays);            document.cookie = "visited=true;expires=" + expires.toUTCString();        $.colorbox({width:"400px", inline:true, href:"#subscribe"});            }     });     </script><br />      <br />      <br />             <div style='display:none'>           <div id='subscribe' style='padding:10px; background:#fff;'>                <h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>              <center><br /> <br />      <br />     <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpknews&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe><br /> <br />     </center><br />     <div class="box-title1 "><br />     <center><br />     <h3 style="color:#F66303;">You can also receive Free Email Updates:</h3>        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=pknews', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" /><input value="pknews" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form><br />     </center><br />     </div><br />     <!--Please Do not Remove the Credits --><br />         <p style=" float:right;  margin-right:35px;  font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p>        </div>        </div>

Πως βάζεις πλαίσιο κώδικα σε ένα post

2012-04-15T02:05:00.000-07:00

Το html του είναι : <br /><center><form><textarea rows="3" cols="50" readonly>Code you want to post</textarea></form></center><br />

και θα εμφανίζεται όπως παρακάτω

Twitter flying bird

2012-04-15T02:02:00.001-07:00

Άλλαξε το pknewsgr με το όνομα του twitter σου και είναι έτοιμο.

Το προσθέτουμε πριν από το

20 Εργαλεία για τον έλεγχο της απόδοσης του ιστοχώρου σας

2012-04-01T14:01:00.000-07:00

1. Page Speed Online

Google’s Page Speed Online — this is an expert solution that you can possibly get to keep a check on the performance of your website. page speed online is basically a web based adaptation of the very famous browser extension of Google Chrome web development and it evaluates the performance of your website under the best practices for web performance, which has been prescribed by Google itself. The web performance best practices by Google consist of a set of rules and criteria need to be met for the optimal front end performance of your website. Page speed online, being a comprehensive tool not only enables you to check the performance, but you also gain a lot of information from this significant tool. Along with that, it also come packed with a report regarding the best practices you can possible use for mobile devices, in order to optimize their performance.

2. Pingdom Tools

Pingdom is basically a monitoring service which keeps the tab on a server, a network and the website as well. The website speed testing tool by Pingdom operates online and is available for free and provides you with quality detailed inputs on various aspects like how long does it take each of the objects of the web page, for example images, style sheets and JavaScript libraries etc, to download and also grades the performance of browser caching and related aspects. Another applicable report which Pingdom tools brings to you is reports regarding the page analysis, which offers you information the time it takes your website to load, the page size and other requests.

3. Free Website Performance Test (BrowserMob)

BrowserMob is primarily a company dedicated to providing the load testing and monitoring service to the websites and the Free Website Performance Tool by BrowserMob provides you with resourceful information regarding the speed of your web page, which includes load time, the total weight of web page and number of page objects. It gives you a global and comprehensive insight on how the website is performing by sending pings your web page from four different locations.

4. Which Loads Faster?

As the name suggests, this tool gives a comparative analysis of how two websites are performing, when it comes to loading and performance. If you wish to compare the two websites, this is the best tool available for you. With the “Which Loads Faster?” tool, you can easily compare the performance of your website, pitched against the website of your competitor and you get to know which is performing better or worse. As a competitive corporate firm, this is quite an interesting open source tool that you have been provided with.

5. WebPageTest

This neat and smart testing tool provides you with the information regarding the rendering speed of your web page in real browsers like Chrome, Firefox and Internet Explorer and also allows you to test the same across various locations round the world. With the advanced settings available in Web Page Tests, it can also ape the common internet connection speeds like DSL and 56 K dial up and also ad blocking, in order to give you the cost in terms of loss of performance due to running ads on your website.

6. Web Page Analyzer

If you are looking for a tried and tested, old and reliable solution for analyzing the performance of the web pages, Web Page Analyzer if your answer. Its first version was introduced in the year 2003 and provides information on the size of the web pages, various assets and load time along with recommending all the options for improvement.

7. Show Slow

To begin with, you need to register, in order to utilize this web tool. Secondly it is the web based counterpart of an open source application based on the server model and famous by the same name. With the show slow web application, you can publicly add a URL which needs to be monitored and it brings to you the results from three famous testing tools, which are YSlow, Page Speed and dynaTrace.

8. Site-Perf

This web-based website speed testing tool displays relevant data on page-rendering time, such as total download time, number of connections made and number of requests made. It also has some bonus features such as being able to run the test even if the web page has HTTP authentication (simply supply it with the password to the page) and the ability to simulate different types of Internet connections.

9. Load Impact

Load impact is another advantageous load testing and performance analyzing tool which gives you the required insights on the ability of your website to handle the traffic it gets. The online web performance evaluation tool is capable enough to demonstrate the graphed data like the load time for users, and requests per second which comes handy in administering the web server and understanding how fast it can handle the requests pertaining to web pages.

10. OctaGate SiteTimer

This one is one basic, straight to the point online tool. All you got to do is plug in the URL which you wish to test and in return you will get a bar graph which will contain all the information regarding the when the download time begins, ends and the duration. Thus, this online tool quickly shows you the pages which take time to load and hence allows you to optimize each of their performance.

The other half of the online performance testing and analysis tools are.

11. Web Site Performance Test(Gomez)

It is real time site performance tool which provides information regarding DNS lookup time and the time it takes to connect.

12. Webslug

Being on the lines of Which loads faster? tool (refer above) this web based tool again evaluates how two site are performing.

13. WebWait

It is an elementary level website speed timer which gives options to prescribe the number of requests to make and set the time interval in between, for example 10 requests in 15 seconds.

14. Website Speed Test(Search metrics)

It gives you enough inputs on page speed, which also includes predicted times required for loading, for several types of Internet connections.

15. GTmetrix

This is an online tool which employs YSlow and PageSpeed to analyzes the front-end performance of the web site, and the information which its provides is very easy to comprehend.

16. Website Speed Test(WebToolHub)

This online tool handles the primarily important web site performance providing data such as size of the page, time required for loading, speed for downloading and average speed in an organized tabular format.

17. Yottaa Site Speed Optimizer

The reports provided by this online tool are pleasing to the eyes. You need to sign up, in order to utilize its features.

18. Zoompf Free Web Performance Scan

This web based tools run a thorough scan through your web page and assemble data regarding the web performance however, before you start using it, you need to verify the email id.

19. Site Speed Checker

With this web based site speed tool with which you can even run tests on 10 URLs simultaneously.

20. Free Web Site Speed Test(Self SEO)

Again another effective speed testing tool which allows you to run 10 URLs, all at the same time and check the performance.

via

Δες την κατάταξη της σελίδας σου

2012-03-06T08:44:00.001-08:00

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

Έχεις blog; Γίνε affiliate και κέρδισε χρήματα

2011-12-31T10:36:00.000-08:00

Facebook comment box στο blog

2011-12-27T14:18:00.000-08:00

Σήμερα θα σας δείξω πως μπορείτε να προσθέσετε στο blog σας ένα comment box (=φόρμα σχολίων) για να μπορούν οι αναγνώστες σας να σχολιάζουν επώνυμα μέσω του δημοφιλέστερου social network στον πλανήτη, του Facebook.

Πριν ξεκινήσουμε τη διαδικασία για το πως θα το προσθέσετε, δύο πράγματα είναι απαραίτητα:
1) Ένας λογαριασμός στο Facebook και
2) Η απόκρυψη των σχολίων του blogger πηγαίνοντας μέσω του blog σας Ρυθμίσεις > Σχόλια > Απόκρυψη και ΑΠΟΘΗΚΕΥΣΗ ΡΥΘΜΙΣΕΩΝ.
Αν και αρχικά πίστευα πως το comment box δε μπορεί να συνυπάρχει με τα σχόλια του blogger, έκανα λάθος, οπότε αγνοήστε το διαγραμμένο κείμενο από πάνω.

Διαδικασία:

1. Μπαίνουμε στη σελίδα του Facebook Developers που έχει να κάνει με το comment box.

Πώς θα συμπληρώσετε τη φόρμα που θα εμφανιστεί:
Site name: Το όνομα του blog σας
Site URL: Το url του blog σας με ένα "/" στο τέλος (π.χ. www.bloggertips.gr/)
Locale: Επιλέγετε από το μενού "Ελληνικά"

Μετά θα σας βγει ένα Security Check, δηλαδή ένα παράθυρο που βοηθάει στο να αναγνωρίσει το Facebook ότι έχει να κάνει με άνθρωπο και όχι με κάποιον υπολογιστή.
Συμπληρώνετε το captcha (δηλαδή τα περίεργα γράμματα που εμφανίζονται) και πατάτε Submit.

2. Στη σελίδα που θα οδηγηθείτε αφού πατήσετε Submit, το μόνο που θα χρειαστεί να πάρετε είναι η Ταυτότητα (ID) Εφαρμογής. Αντιγράψτε τον αριθμό που θα σας βγάλει και αφήστε τον στην άκρη γιατί θα τον χρειαστούμε παρακάτω.

3. Σύνδεση στο λογαριασμό blogger.
4. Σχεδίαση
5. Επεξεργασία HTML
6. "Τικάρουμε" το "Επέκταση προτύπων γραφικών στοιχείων"
7. Με Ctrl + F αναζητούμε το <html και δίπλα από αυτό, δηλαδή ακριβώς μετά από αυτό, επικολλούμε τον παρακάτω κώδικα:

xmlns:fb='http://www.facebook.com/2008/fbml'

Πρέπει να αφήσετε τουλάχιστον ένα κενό πριν και μετά από τον παραπάνω κώδικα για να δουλέψει!

8. Με Ctrl + F αναζητούμε το <body> και ακριβώς μετά από αυτό επικολλούμε τον παρακάτω κώδικα:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'Ταυτότητα (ID) Εφαρμογής',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

Στον παραπάνω κώδικα, αντικαθιστάτε το "Ταυτότητα (ID) Εφαρμογής" με τον αριθμό που μας έδωσε το Facebook, τον οποίο αφήσαμε στην άκρη νωρίτερα.

9. Με Ctrl + F αναζητούμε το </head> και ακριβώς πριν από αυτό, επικολλούμε τον παρακάτω κώδικα:

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='MY-SITE-NAME' property='og:site_name'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID' property='fb:admins'/>
<meta content='article' property='og:type'/>

Προσαρμόζουμε τον παραπάνω κώδικα στα δικά μας δεδομένα:

Αντικαθιστούμε το MY-SITE NAME με το όνομα του blog μας, το YOUR-APP-ID με την Ταυτότητα (ID) Εφαρμογής, δηλαδή με τον αριθμό που πήραμε νωρίτερα από το Facebook και το YOUR-FACEBOOK-PROFILE-ID με το ID του λογαριασμού μας στο Facebook.

Για να βρούμε το Facebook ID, πάμε στο profile μας στο Facebook και κάνουμε κλικ στην φωτογραφία που έχουμε ορίσει ως φωτογραφία προφίλ.
Στην μπάρα του browser (του περιηγητή μας δηλαδή) θα βγει ένα link που θα μοιάζει με το παρακάτω:

https://www.facebook.com/media/set/?set=a.1438872928907.63717.1175547627

Το Facebook ID είναι ο αριθμός μετά το "a." μέχρι την πρώτη τελεία, δηλαδή στο παραπάνω το ID είναι το 1438872928907 .

10. Με Ctrl + F αναζητούμε το <data:post.body/> και ακριβώς μετά από αυτό επικολλούμε τον παρακάτω κώδικα:

<b:if cond='data:blog.pageType == "item"'>
<p />
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div>
</b:if>

Μπορείτε να αλλάξετε το width='450', δηλαδή το πλάτος του comment box, και να το προσαρμόσετε στο πλάτος του blog σας, αλλάζοντας το "450" σε όποιο σας ταιριάξει καλύτερα.
Πειραματιστείτε για να βρείτε το κατάλληλο!

11. Αποθήκευση προτύπου και είμαστε έτοιμοι!

Δείτε Demo εδώ.

Πηγές: http://www.allblogtools.com/tricks-and-hacks/exclusive-integrate-facebook-comments-box-for-blogger-in-very-easy-and-simple-steps-full-guide/

Με τη φιλική βοήθεια (μέσω σχολιασμού) του http://bloggermeetsfacebook.blogspot.com/

Copyrights: http://www.bloggertips.gr/

Φτιάξε Android εφαρμογή Rss για το blog σου

2011-12-27T09:54:00.000-08:00

Σήμερα φτιάχνουμε, εύκολα και γρήγορα εφαρμογή για android κινητά με Rss από το blog μας...

Αρχικά χρειαζόμαστε ένα λογαριασμό developer

Κάνουμε εγγραφή στο https://market.android.com/publish/Home

το κόστος της εγγραφής είναι 25$

Για να φτιάξουμε την εφαρμογή μας θα χρειαστούμε:

Εικονίδιο για την εφαρμογή μας σε διαστάσεις 512x512
Εικόνα εισαγωγής της εφαρμογής σε διαστάσεις 640x960
Εικόνα για την επικεφαλίδα της εφαρμογής σε διαστάσεις 640x88
Το link του rss από το blog μας

Σύντομα η συνέχεια....

Υ.Γ. Αν θέλετε να φτιάξουμε εμείς την εφαρμογή για εσάς και να την ανεβάσουμε με δικό μας λογαριασμό, επικοινωνήστε μαζί μας για να σας ενημερώσουμε για το κόστος.

info@pk-news.gr

Τι είναι το RSS; Πως το Χρησιμοποιώ;

2011-11-23T07:37:00.000-08:00

Το RSS (Really Simple Syndication) είναι ένα format ανταλλαγής περιεχομένου βασισμένο στη γλώσσα XML. Ενα κανάλι RSS αποτελείται από μία λίστα στοιχείων που περιέχουν ένα τίτλο καθώς και το σύνδεσμο προς την αντίστοιχη ιστοσελίδα.

Ουσιαστικά είναι ένας εναλλακτικός και πιο γρήγορος τρόπος ενημέρωσης μέσο του διαδικτύου. Υπάρχουν εκατοντάδες σελίδες που σας ενδιαφέρει η θεματολογία τους και κάθε φορά θα θέλατε να τις επισκέπτεστε για να ενημερωθείτε. Πράγμα πρακτικά αδύνατο. Για να επισκεφτείτε απλά και μόνο 50 σελίδες, όχι να διαβάσετε το περιεχόμενο, φανταστείτε πόσο χρόνο θα χρειαστείτε… το RSS έρχεται να σας λύσει τα χέρια.
Μερικά sites εκμεταλλεύονται το RSS για να «παραδίδουν» τους τίτλους των ανακοινώσεων στους επισκέπτες τους, που ίσως να μην έχουν τον απαραίτητο χρόνο για να κάνουν surfing και να εντοπίζουν το περιεχόμενο που τους ενδιαφέρει. Απο εκεί και πέρα αν κάποιος απο τους τίτλους είναι κάτι που σας ενδιαφέρει μπορείτε πάντα να επισκεφτείτε την σελίδα.
Είναι όπως τα πρωτοσέλιδα των εφημερίδων. Όλοι κάνουμε μια βόλτα σε κάποιο περίπτερο για να χαζέψουμε τα πρωτοσέλιδα της ημέρας. Άν βρούμε κάτι ενδιαφέρον σε κάποια εφημερίδα, θα την αγοράσουμε για να διαβάσουμε και το εσωτερικό της.

Για να μπορέσετε να κάνετε χρήση του RSS θα πρέπει να προμηθευτείτε ένα πρόγραμμα ανάγνωσης ειδήσεων (RSS reader). Το πρόγραμμα αυτό είναι ένα ειδικό λογισμικό στο οποίο προσθέτετε τις σελίδες RSS που σας ενδιαφέρουν και αυτό με τη σειρά του ελέγχει τις σελίδες αυτές και σας ενημερώνει διαρκώς για οτιδήποτε νέο. Αφού επιλέξετε πρόγραμμα ανάγνωσης θα πρέπει να αποφασίσετε ποιο περιεχόμενο θέλετε να λαμβάνετε. Αναζητήστε στο Διαδίκτυο και στους αγαπημένους σας δικτυακούς τόπους τις σελίδες RSS που σας ενδιαφέρουν και γραφτείτε συνδρομητές.

Πως προσθέτετε μια σελίδα που σας ενδιαφέρει στο πρόγραμμα:
Για να προσθέσετε κάποιο από τα διαθέσιμα κανάλια κάποιας σελίδας στο πρόγραμμα της επιλογής σας δεν έχετε παρά να κάνετε δεξί κλικ σε κάποια από τις κατηγορίες που σας ενδιαφέρουν και στη συνέχεια να αντιγράψετε τη διεύθυνση στο αντίστοιχο πεδίο της εφαρμογής.
Κάποια άλλα προγράμματα μπορούν να εντοπίσουν αυτόματα τα feeds που περιέχονται σε διάφορες ιστοσελίδες. Για περισσότερες πληροφορίες μπορείτε πάντα να διαβάσετε το εγχειρίδιο χρήσης που συνοδεύει την εφαρμογή της αρεσκείας σας.
Που θα βρείτε πρόγραμμα RSS:
Δωρεάν προγράμματα ανάγνωσης Ειδήσεων
Active Web Reader
FeedReader
FeedExplorer
SharpReader
GoogleReader
Αυτό το βίντεο Tutorial θα σας βοηθήσει να καταλάβετε την λειτουργία του GoogleReader

Πηγή: http://www.dinfo.gr/

RSS στο facebook

2011-10-02T12:45:00.000-07:00

Ένα χρήσιμο εργαλείο για να δημοσιεύονται οι αναρτήσεις σας αυτόματα στην σελίδα σας στο facebook!

https://apps.facebook.com/rssgraffiti/?ref=ts

Φτιάξε το δικό σου scan code

2011-09-15T04:00:00.000-07:00

Φτιάξε το δικό σου scan code πολύ εύκολα

http://www.telstra.com.au/codes/create_your_own_code.cfm

Δωρεάν φόρμα επικοινωνίας για blog και site

2011-09-12T12:44:00.000-07:00

Εύκολα, γρήγορα και.... Δωρεάν!!!

http://wufoo.com/
https://www.freedback.com/

Άπειρα εικονίδια για το blog σας

2011-09-11T13:41:00.000-07:00

Εδώ θα βρείτε σίγουρα τα εικονίδια που θέλετε!!!

http://www.socialiconstudio.com/

''Scroll'' To Top Button με Smooth Scroll για Blogger

2011-09-11T13:35:00.000-07:00

Smooth Scroll jQuery Back To Top Button

Πριν από κάθε αλλαγή μη ξεχνάτε να κάνετε backup

Βήμα 1

Βήμα 2

με ctrl & f βρίσκουμε το ]]></b:skin>

και αμέσως πριν από το ]]></b:skin> κάνουμε επικόλληση τον παρακάτω κώδικα:

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;

right:10px;

overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMekaCFEsCJV9ixWFpeZZbPhPuJjxQWDeRpYFZB85CiamF0P5eCTMEu0DnvRaf3ypOwbJFL9Tm6HiAErU16hhIPInmLigXH0jA4pPyi6WQWI8wPuTQ1k57oRglMx2MRtr1EP4YFg1WQg8/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMekaCFEsCJV9ixWFpeZZbPhPuJjxQWDeRpYFZB85CiamF0P5eCTMEu0DnvRaf3ypOwbJFL9Tm6HiAErU16hhIPInmLigXH0jA4pPyi6WQWI8wPuTQ1k57oRglMx2MRtr1EP4YFg1WQg8/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}

Βήμα 3

με ctrl & f βρίσκουμε το </head>

και αμέσως πριν από το </head> κάνουμε επικόλληση τον παρακάτω κώδικα:
* αν έχετε ξαναβάλει jQuery script αγνοήστε την πράσινη γραμμή.

Βήμα 4 κάνουμε αποθήκευση

20 φανταστικά θέματα για το blog σου

2011-09-11T13:08:00.000-07:00

20 Free Wordpress Themes And Blogger Templates

Ocenolis Magazine

Blogger Demo / Download Wordpress Demo / Download

Cupid

Blogger Demo / Download Wordpress Demo / Download

Namisan

Blogger Demo / Download Wordpress Demo / Download

Galleria

Blogger Demo / Download Wordpress Demo / Download

Poker Point

Blogger Demo / Download Wordpress Demo / Download

Spectacular

Blogger Demo / Download Wordpress Demo / Download

Corage

Blogger Demo / Download Wordpress Demo / Download

Yalene

Blogger Demo / Download Wordpress Demo / Download

Bluitos Magazine

Blogger Demo / Download Wordpress Demo / Download

Grunge2

Blogger Demo / Download Wordpress Demo / Download

Palutonis Magazine

Blogger Demo / Download Wordpress Demo / Download

Jacosta

Blogger Demo / Download Wordpress Demo / Download

Namalitis

Blogger Demo / Download Wordpress Demo / Download

Astronova

Blogger Demo / Download Wordpress Demo / Download

Forbiz

Blogger Demo / Download Wordpress Demo / Download

Lamonica

Blogger Demo / Download Wordpress Demo / Download

Redoze

Blogger Demo / Download Wordpress Demo / Download

Tag Magazine

Blogger Demo / Download Wordpress Demo / Download

Beiger

Blogger Demo / Download Wordpress Demo / Download

Matus Tribune

Blogger Demo / Download Wordpress Demo / Download
Πηγή: http://www.spiceupyourblog.com/

Όλα τα εργαλεία που χρειάζεστε από την Google

2011-09-11T11:00:00.000-07:00

Δείτε την λίστα...

Καταχώρησε το site σου για να εμφανίζεσαι στα αποτελέσματα της google
https://www.google.com/webmasters/verification/
Καταχώρησε το site σου για να βλέπεις και να κατεβάζεις λίστα με στατιστικά
http://www.google.com/intl/el/analytics/
Rss feeds
http://feedburner.google.com/fb/a/myfeeds
Διαφήμιση στην google
https://adwords.google.com/
Business εργαλεία
http://www.google.com/apps/intl/en/business/index.html

Κάνε το blog σου διάσημο!!!

2011-09-11T10:51:00.000-07:00

Καταχώρησε το blog σου στις μεγαλύτερες λίστες blog στην Ελλάδα και τον Κόσμο!!!

http://blogs.sync.gr/
http://www.neemo.gr/
http://www.blogtoplist.com/
http://www.blogs.com/
http://www.greekbloggers.com/
http://thewebpower.com/
http://www.thessalonikiblogs.gr/
http://www.athensblogs.gr/

Html τι είναι?

2011-09-11T10:41:00.000-07:00

H HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίηση υπερκειμένου) και είναι η βασική γλώσσα δόμηση σελίδων του World Wide Web (ή απλά ιστού: Web).
Είναι μία γλώσσα προγραμματισμού. Χρησιμοποιείται για να σημαίνει ένα τμήμα κειμένου και να το κάνει να εμφανίζεται καλύτερα. Επιτρέπει την ενσωμάτωση ήχου και εικόνων στις web σελίδες. Αρχικά είχε κατασκευασθεί με σκοπό μόνο την μορφοποίηση κειμένου, αλλά μεγάλωσε και ενσωμάτωσε σχεδιαστικές τεχνικές κ.α.

Η γλώσσα χρησιμοποιεί ένα αριθμό από tags για την μορφοποίηση κειμένου, για την δημιουργία συνδέσμων (links) μετάβασης ανάμεσα των σελίδα, για την εισαγωγή εικόνων, ήχου κ.α. Όταν ένας Web Browser ανοίγει ένα αρχείο HTML τα στοιχεία (tags) μεταφράζονται σε κατάλληλα χαρακτηριστικά με αποτελέσματα στην εμφάνιση και στην λειτουργικότητα της συγκεκριμένης σελίδας.

Εκδόσεις HTML

Το 1990 ο Tim Berners-Lee από το Cern, το εργαστήριο φυσικής της Γενεύης, δημιούργησε ένα νέο πρωτόκολλο με το οποίο θα μπορούσαν να μεταφέρονται κάθε είδος αρχείων και αντικειμένων μέσα από το Internet. Το πρωτόκολλο αυτό ονομάστηκε HTTP (HyperText Transfer Protocol) και σηματοδότησε την αρχή του WWW όπως το ξέρουμε σήμερα. Οι σελίδες που ήταν η βάση του WWW ήτας γραμμένες στην πρώτη έκδοση της γλώσσα HTML.

Το 1994 αναπτύσσεται το πρότυπο HTML 2.0 από ένα διεθνή οργανισμό (Internet Engineering Task Forse). H επόμενη έκδοση η 3.0 δεν έγινε αποδεκτή από τις Microsoft και Netscape οπότε γρήγορα αντικαταστάθηκε από την έκδοση 3.2 (1996). Η τελευταία περιελάμβανε πολλές από τις σημάνσεις (tags) που είχαν εισάγει οι δύο εταιρίες. Η έκδοση 4.0 παρουσιάστηκε τον Ιούνιο του 1997.

Γλώσσες Προγραμματισμού στο Internet

Οι ενδογενείς αδυναμίες της HTML, μιας κατεξοχήν γλώσσας μορφοποίησης υπερκειμένου, σύντομα οδήγησαν στην ανάπτυξη γλωσσών προγραμματισμού στο Internet. Η χρήση των γλωσσών προγραμματισμού κρίθηκε απαραίτητη αφού η εξάπλωση του Internet και η χρήση των σελίδων HTML για αλληλεπίδραση με τους χρήστες (δυναμική αποστολή και λήψη δεδομένων) δεν μπορούσε να πραγματοποιηθεί μέσω της HTML. Αρχικά, αναπτύχθηκε από την εταιρεία Netscape η γλώσσα JavaScript η οποία, όπως και η ΗTML μεταφράζεται από τον Web Browser κατά την εμφάνιση της σελίδας. H Microsoft ανέπτυξε απ' την πλευρά της μια δική της έκδοση της γλώσσας JavaScript την οποία ονόμασε JScript και μια έκδοση της γλώσσας Basic ειδικά για το Internet που ονόμασε VBScript.

Έτσι πλέον με την χρήση των παραπάνω γλωσσών είναι δυνατό να ελεγχθούν και να προγραμματιστούν όλα σχεδόν τα αντικείμενα που μπορεί να περιέχει μία ιστοσελίδα και με τη χρήση είτε εντολών διαδικαστικού χαρακτήρα, είτε εντολών διακλάδωσης, όπως για παράδειγμα η δομή [if … then… else…]. Η χρήση τέτοιου είδους "προγραμμάτων" ή όπως ονομάζονται "scripts" είναι διαδικασία που έχει μεγάλες απαιτήσεις σε προγραμματισμό και απευθύνεται σε προγραμματιστές και μόνο.

Δημιουργία αρχείων HTML

Η δημιουργία αρχείων HTML είναι πολύ απλή. Αρκεί να “τρέξουμε” έναν οποιοδήποτε διορθωτή κειμένου text, όπως το Notepad των Windows. Να γράψουμε τον κώδικα HTML που επιθυμούμε και να το αποθηκεύσουμε (σώσουμε) σε ένα αρχείο με κατάληξη .htm ή .html. Συνήθως αποθηκεύουμε με επέκταση .html όταν θα δημοσιεύσουμε τα αρχεία μας σε διακομιστή Unix. Αντίθετα ο εξυπηρετητής Windows NT καταλαβαίνει τα αρχεία και σαν .htm και σαν .html.

Βασικά χαρακτηριστικά ενός <tag>

Η HTML είναι μία γλώσσα σήμανσης κειμένου. Αυτό γίνεται με την βοήθεια "HTML tags". Δεν είναι απαραίτητο μία σελίδα να έχει κείμενο. Μπορεί να περιλαμβάνει μόνο tags. Ένα tag αρχίζει με ένα σύμβολο '<' και τερματίζεται με ένα σύμβολο '>'. Μεταξύ αυτών τοποθετείται κείμενο που καθορίζει ποιο tag χρησιμοποιείται. Παράδειγμα είναι το tag <html>, που δηλώνει την αρχή ενός αρχείου html. To tag αποτελείται από δύο τμήματα, το tag αρχής και το tag τέλους. Αυτό που βρίσκεται ανάμεσα και μπορεί να επηρεαστεί, επηρεάζεται από το εφέ που έχει το tag. Για παράδειγμα το κείμενο ανάμεσα στα tag μπορεί να γίνει πράσινο αλλά η εικόνα θα μείνει στα ίδια χρώματα για η html δεν αλλάζει τα χρώματα εικόνων. Το tag του τέλους είναι ίδιο με το tag της αρχής εκτός από την ύπαρξη ενός συμβόλου '/', ανάμεσα στο '<' και το πρώτο γράμμα του tag. Για παράδειγμα, έχουμε αναφέρει ότι το tag <html> δείχνει την αρχή ενός εγγράφου html, το αντίστοιχο tag τέλους είναι το </html>. Ότι βρίσκεται ανάμεσα τους είναι τμήμα του εγγράφου html.

Tag <head> </head>

Αυτά τα tags δείχνουν την αρχή και το τέλος της επικεφαλίδας ενός εγγράφου HTML document. Δεν είναι απαραίτητο στοιχείο ενός εγγράφου HTML, αλλά συνήθως αυξάνει την αποτελεσματικότητά του. Το πιο συνηθισμένο tag του <head> tag είναι το <title>. Παρέχει στην σελίδα με ένα τίτλο που θα εμφανίζεται στη γραμμή τίτλου του browser. Το <title> tag είναι αρκετά απλό. Παρακάτω δίνεται η εμφάνιση ενός απλού εγγράφου HTML που χρησιμοποιεί του <title> tag.

<html>
<head>
<title>

Αυτός είναι ο τίτλος μου
</title>
</head>
</html>

<meta>

Τα Meta tags περιλαμβάνονται επίσης στην επικεφαλίδα ενός εγγράφου html. Αυτά τα tags περιλαμβάνουν πληροφορίες για το site. Δεν είναι απαραίτητα αλλά ορισμένες μηχανές αναζήτησης τα χρησιμοποιούν για να καταλάβουν το περιεχόμενο του site. Κάθε τμήμα πληροφορίας περιέχεται σε ξεχωριστό tag. Τα κυριότερα τμήματα είναι τα keywords (λέξεις κλειδιά) και description (περιγραφή).

Αυτά τα tags μπορούν να βρίσκονται οπουδήποτε μεταξύ των tags <head> και </head>.

<body> </body>

Στο προηγούμενο παράδειγμα υπάρχει μία λευκή περιοχή στο μέρος όπου πρέπει να εμφανίζονται τα περιεχόμενα της σελίδας. Τα περιεχόμενα της σελίδας τοποθετούνται μέσα στο tag <body>. Ανάμεσα στα <body> και </body> τοποθετούνται το κείμενο, οι εικόνες και ότι άλλο θέλουμε να περιλαμβάνει η σελίδα.

Καθορισμός περιθωρίων

Στο παράθυρο μπορούμε να ορίσουμε περιθώρια για πάνω και αριστερά. Αυτό σημαίνει ότι κείμενο και εικόνες δεν θα εμφανίζονται μέσα σε αυτό το περιθώριο. Η μέτρηση γίνεται σε pixels και τα tags τοποθετούνται σαν παράμετροι του body tag.

<html>
<body topmargin=20 leftmargin=25>
</body>
</html>

Πολλαπλό διάστημα

Οι browsers αντιλαμβάνονται τις πολλές κενές σειρές σαν μία κενή σειρά. Αυτό καθιστά δύσκολη την τοποθέτηση κειμένου όπου ακριβώς θέλουμε.

Μορφοποίηση κειμένου

Όποιος έχει χρησιμοποιήσει επεξεργαστή κειμένου γνωρίζει τι αλλαγές μπορεί να επιφέρει με απλές εντολές. Πολλές από αυτές τις μορφοποιήσεις μπορούν να υλοποιηθούν και σε ένα έγγραφο html.

tag <br>

Αν γράφοντας html θελήσουμε να αλλάζουμε συχνά σειρά και δώσουμε την παρακάτω μορφή στο κείμενο:

αυτό είναι ένα παράδειγμα
που δείχνει ότι ανεξάρτητα από το πόσες φορές έχουμε πατήσει enter το κείμενο θα εμφανίζεται σε μία σειρά έως τη δεξιά άκρη του παραθύρου

</body>
</html>

όταν θα δούμε την σελίδα μέσα από browser θα δούμε την παραπάνω εικόνα.

Το κείμενο δεν κατεβαίνει στην επόμενη σειρά. Για να πετύχουμε την αλλαγή σειρά χρησιμοποιούμε του tag <br>. Αυτό είναι ένα tag που δεν έχει tag τέλους. Αν το θέσουμε στο μέσο κειμένου, το κείμενο αλλάζει σειρά. Οπότε αν το χρησιμοποιήσουμε στο προηγούμενο παράδειγμα

<html>
<body>
αυτό είναι ένα παράδειγμα<br>
που δείχνει ότι ανεξάρτητα<br>

από το πόσες φορές έχουμε πατήσει<br>

enter το κείμενο θα εμφανίζεται<br>

σε μία σειρά έως τη δεξιά άκρη του παραθύρου<br>

</body>
</html>

Παρατηρούμε ότι η χρήση του <br> φέρνει τα επιθυμητά αποτελέσματα.

Η tag παραγράφου <p> </p>

Το tag <p> χρησιμοποιείται για την εισαγωγή παραγράφων. Μπορούμε να εισάγουμε ένα <p> πριν την αρχή της παραγράφου και ένα </p> μετά το τέλος. Μπορούμε να απλοποιήσουμε τη διαδικασία με το να εισάγουμε μόνο <p> ανάμεσα στις παραγράφους.

Όπως βλέπουμε το tag <p> μεταξύ των παραγράφων μας δίνει το επιθυμητό αποτέλεσμα.

Προσθήκη μορφοποιημένου κειμένου <pre> </pre>

Χρησιμοποιώντας το tag <pre> μπορούμε να θέσουμε το κείμενο ακριβώς στη θέση που θέλουμε. Είναι ο πιο εύκολος τρόπος αλλά το κείμενο εμφανίζεται σαν να έχει γραφεί με γραφομηχανή.

Eπικεφαλίδα <h1>/<h2>.

Η γλώσσα HTML παρέχει στον χρήστη με επικεφαλίδες έξι διαφορετικών μεγεθών. Αυτές οι κεφαλίδες ονομάζονται από h1 έως h6, με το h1 να είναι η μεγαλύτερη. Για την εισαγωγή μιας κεφαλίδας αρχικά πληκτρολογούμε <h2>, μετά την επικεφαλίδα και τέλος το tag τέλους </h2>. Οι επικεφαλίδες μπορούν να στοιχιστούν αριστερά, στο κέντρο, ή δεξιά χρησιμοποιώντας την παράμετρο "align=" στο tag αρχής. Αν χρησιμοποιήσουμε πολλές διαφορετικές επικεφαλίδες το μέγεθος τους πρέπει να μειώνεται.

Tag εσοχής <blockquote> </blockquote>

Αυτό το tag εισάγει αριστερό περιθώριο στο κείμενο που περιλαμβάνεται μεταξύ των tag αρχής και τέλους. Είναι πολύ αποτελεσματικό στο να καθιστά μία παράγραφο εμφανή.

html>
<body>
αυτό το κείμενο αρχίζει από τέρμα αριστερά
<blockquote>
χρησιμοποιώντας το tag εσοχής<br>
μπορούμε να εισάγουμε αριστερή εσοχή<br>
στην παράγραφο.<p>
Όπως είναι εμφανές μπορεί να γίνει χρήση του tag<br>
αλλαγής σειράς και αλλαγής παραγράφου.
</blockquote>
</body>
</html>
Πηγή: http://pacific.jour.auth.gr/

Rss box

2011-09-11T10:39:00.000-07:00

Το RSS είναι ένας εναλλακτικός τρόπος να ενημερώνεστε για τα γεγονότα.
Το Διαδίκτυο αποτελείται πλέον από δισεκατομμύρια σελίδες οι οποίες περιέχουν τέτοιο πλούτο πληροφοριών που είναι σχεδόν αδύνατο για τον οποιονδήποτε να μπορεί να παρακολουθεί διαρκώς ότι νεότερο συμβαίνει στον κόσμο ή στο αντικείμενο που τον ενδιαφέρει. Εδώ έρχεται να δώσει τη λύση το RSS. Πλέον όλες οι πληροφορίες που σας ενδιαφέρουν έρχονται στον υπολογιστή σας χωρίς εσείς να χρειάζεται να επισκέπτεστε κάθε φορά τους σχετικούς δικτυακούς τόπους.

Φτιάξε το δικό σου rss για να βάλεις στις σελίδες σου στην παρακάτω σελίδα!

https://www.rssinclude.com/

Chat στο blog σου

2011-09-11T10:35:00.000-07:00

Δωρεάν chat για το blog - site σου, εύκολα και γρήγορα!!!

http://chatango.com/