Friday, January 10, 2014

Flat News Documentation by Tien Nguyen v1.4





Table of Contents


Installation
Upload Blog DataOPTIONAL
Add Social Links
Upload Logo
Work with Main Menu
Work with Sub Menu
Edit Break
Work with home design
Use shortcodes
Advance Editor
Enable Mobile Template
Enable Your Blog to Anyone
Enable Full Feed
Enable Search Preference
Date Time Settings
Comment Picker
Warning

    1. Installation - top
    2. Open your purchase folder, you will see a folder with name ***-template-xml. Open it, and find the newest version with name***-template-version-X-X.xml.
      Open the XML file with a text editor (Notepad or something like that). Then select all text and copy (Ctrl+A, Ctrl+C in Window).
      Return to your blog dashboard, access your Template menu, click Edit HTML
      In Editor HTML window, select all old code and paste the new code that you copied from the release file into code field. Then, click Save template.


    3. Upload Blog Data (optional) - top
    4. This step is only for testing blog (if you want test this template before apply to your main blog). Don't apply this step to your main blog.
      Access your blog Settings / Other. In Blog tools, click Import Blog.
      Now, target to your blog data in your purchase folder / ***-demo-blog-data / blog-mm-dd-yyyy.xml
      After upload, input captcha, check Automatically publish all imported posts and click Import Blog.

      After install the template, access your blog Layout, and click Edit link on Social widget:
      In Configure Link List, input your social link in New Site URL and your description in New Site Name, then click Add Link.Repeat again until you input all your links, then click Save.

      Access your blog Layout > click Edit link on Header widget
      In Configure Header window, input you Blog Title and Blog Description. If you want to upload your image logo, make sure checked Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.


      Access your blog Layout, you will see a section has grey background, that was labeled with big text "Main menu section". Under the label is the link "Add a Gadget", you will use this link to add Link List widgets (or Label widgets) into main menu, no limit number of widgets.
      As default, I had already added 2 widgets into main menu for you: 1 Link List widget (with name: Custom Links) and 1 Labelwidget (with name: Label Links). So in this guide, we will modify these widgest first.
      Click Edit link on Custom Links widget.
      In Configure Link List window, input your item link in New Site URL field, and item name in New Site Name field, then clickAdd Link. Example: New Site URL is "http://yourblogurl.com" and New Site Name is "Home". Do the same steps to add another links. Until added all links, click Save to apply.
      Back to your Layout, click Edit link on Label Links widget.
      In Configure Labels window, check Selected Labels and click edit. At Display section, check List. At Select labels to show section, click none link to deselect all labels, then check into the label names that you want to show on Main menu.

      Access your blog Layout, you will see a section has light yellow background, that was labeled with big text "Sub menu section". Under the label is the link "Add a Gadget", you will use this link to add Link List widgets (or Label widgets) intoSub menu, no limit number of widgets.
      As default, I had already added 2 widgets into sub menu for you: 1 Label widget (with title: Life Style) and 1 Link List widget (with title: Health). So in this guide, we will modify these widgets first.
      The related rule between main menu and sub menu is:
      The title of widget in sub menu must be similar with the name of a link (or label) in main menu.
      Example: I created a link with name "Home" in Main menu section. If I want it has a sub menu, I must add (or modify) a widget with title "Home" in Sub menu section.
      Now, we had 2 widgets in Sub menu section. Just click edit link on them, input data and modify their titles.

    5. Edit Breaktop
    6. Click Edit link on BREAK widget (black background) and choose the labels you want to show on break section.
      You can also input another title for this widget.

    7. Work with home design - top
    8. Flat News supported you build your own home design. In you blog Layout admin, you will see a section has light yellow background that was labeled with name "Flexible Home Layout". You can add Label widgets to this section by click Add a Gadget link under the label.
      The structure of widget title will decide how the widget will display on home page. Structure of widget title must like below:
      Display_Name[Design_Type](Number_Item)
      Display_Name: the name you want to show on home page.
      Design_Type: is the design of widget will show on home page. We support 8 types: hotthreedarktwooneleft,onerightslider and combineAll must be lowercase.
      Number_Item: this optional, default is 5 items will be displayed if you not use this parameter.
      As default, I already added 8 Label widgets with 8 diffrent types into Flexible Home Layout section. You must click Edit link of each, input title follow the above structure and choose ONLY ONE label that you want to show for that widget.
      Input title and choose a label, then click Save. Do the same for others. You can also drag & drop / add / remove widgets to build your own home design.

    9. Use shortcodes - top
    10. Flat News support three shortcodes as below:
      Show recent posts:
      <div class="recent-posts"></div>
      Show recent comments
      <div class="recent-comments"></div>
      Show random posts
      <div class="random-posts"></div>
      To use shorcodes, you can input them in content of any HTML widgets. As default, I had already added 3 HTML widgets for you in Layout.
      Click Edit link of each. In Configure HTML/Javascript window, input your appropriate shortcode into Content field then click Save.
      To specific number of posts show in shortcodes, you can add "number" attribute, example:
      <div class="random-posts" number="3"></div>

    11. Advance Editor - top
    12. It's very simple to change advance settings of this template. Access to Template tab, click Customize button

      In Blogger Template Designer window, click Advanced tab, then click an element name that you want to customize and choose all settings you like. When finish, click Apply to Blog


    13. Enable Mobile Template - top
    14. After you apply mobile version for this template, Advance Editor will be disabled. This is official bug of Blogger. So, please make sure, you used Advance Editor to change all settings you want before do this step.
      As default, Blogger will use its own template for you blog on mobile. So if you want to use Flat News template on mobile devices, please enable it first.

      Access your Template menu and click on Gear button of Mobile template.
      In Choose mobile template window, check "No. Show desktop template on mobile devices." option, then click Savebutton.

    15. Enable Your Blog to Anyone - top
    16. Flat News use json feed to display your posts on home page and shortcodes. So you blog must be publised to everyone. Private blogs can not use this template.
      To enable your blog to anyone, access Settings menu and choose Basic settings. Then click Edit of Blog Readers option.
      In Blog Readers radio options, choose Anybody and click Save changes.

    17. Enable Full Feed - top
    18. Access Settings menu and choose Other settings. Click drop-down list at Allow Blog Feed option, then choose Full. After that, click Save settings button at the top right corner.


      To improve your blog SEO, please enable Blogger Search Preferences. Access your Settings menu, choose Search preferences tab and click Edit link on Meta tags section


      Next, check Yes option, then type your Blog Description into the text field and click Save changes.


    19. Date Time Settings - top
    20. Access Layout. Click Edit link on Blog Posts gadget.
      In the Configure Blog Posts window, you will see a field with value “at” (under “Post By” setting). Please change date of this field and your post date will be nice looking.

      1. Comment Picker - top
      2. Flatnew supported 3 comment systems: default threaded comment of Blogger, Facebook comment and Disqus comment. You can choose to use only one comment system or combine two of them together.
        To pick comment systems, access Layout. Click Edit link on Blog Posts gadget.
        In the Configure Blog Posts window, you will pick comment systems by input their names in Post page link text field. We support 3 names: defaultfacebookdisqus. You can combine two of them by separate their names by "-". Example, combine default with facebook comment system like the demo blog, you can input default-facebook. After input, click Saveto enjoy.
        If you pick disqus comment system, you must input disqus short name for it. To do that, edit DISQUS SHORTNAME widget in you blog Layout.
        After DISQUS SHORTNAME widget appeared, input your Disqus shortname to Content field and click Save.
        Where you can get Disqus shortname. Access your Disqus Admin and choose Settings
        Then scroll down to Site Indetify, you will see the shortname there.

      3. Warning - top
      4. Blogger has some official bugs, so I just let you know to avoid them. One of them are when you click Save arrangement inPages menu, the page list will auto change to Don't show status. That's why please never click Save arrangement button.
        In case you clicked, you can choose Top tabs from Show pages as list, and click Save arrangement again.

    LIKE THIS TEMPLATE? SHARE TO YOUR FRIENDS
    If you feel Flat News Template useful  and benefical for you
    Thanh you !



    flatnews template by Tien Nguyen Version 1.4
    flatnews template by Tien Nguyen Version 1.8
    flatnews template by Tien Nguyen Version 2.2

    Socializer Widget By Blogger Yard
    SOCIALIZE IT →
    FOLLOW US →
    SHARE IT →

    0 nhận xét:

    Post a Comment

    Labels

    1 column 2 column 3 column 4 column aaSolah Accessories add button subscrise for blogger Add Digg Button to Blogger add feedburner for blogger add like button facebook to blogger Add Pinterest Pin it Button to Blogger add sitemap blogger to google add stumbleUpon badge to blogger Ads Ready afghan afghan stitch AGULHAS AMIGURUMI Anchor text Ảnh đẹp Ảnh vui Animasi applique Art artikel Árvore de Natal em croche Aulia baby crochet Baby Dress baby knitting Baby learn bag Bags Bài viết BAKTUS Ballet Bun Cover balloons BARRADOS Bayi Bead Beads Bear Ear Hat BEBÊS belts Berita Berry Best WP Theme 2014 Better Blogger Seo Biologi Black blanket Blogal Template Blogger Codex Blogger Images Slider blogger navbar Blogger Rating blogger template 2014 Blogger Templates Blogger Tool Tip Blogger Tutorials Blogger Widgets Blogger-Template Blogspot Blogspot Templates Blue BLUSAS BOINA BOLEROS BOLSAS books BORBOLETAS Bounce Rates bows boxes bracelet Brown Browse Business Butterfly Button Counter Button Facebook CACHECOL CACHECOLAR cake candles candy Candy Cane Cards carving carving fruit carving fruits CASACO INFANTI CASACOS CASAQUINHO EM CROCHE CASAQUINHO EM TRICO CASAQUINHO PARA BEBÊ Cerpen CHAPEU clay COLAR COLAR DE FLORES COLETE coloring Competitor Research Contact Form for Blogger CORDÃO CORUJUINHAS crafts CROCHE COM SAQUINHOS PLASTICOS CROCHE IRLANDES Crochet Crochet Geek crochet pattern cross stitch Curtain customize cutting paper DECORAÇAO Design blogger template Dicionário de Trico - Inglês/Portugues Digg button Dijual Documentation Doily Domain dress dwell time earring ECHARPE Ecommerce Embroidery ENXOVAL PARA BEBÉ ESTOLAS Event Exit Rates facebook facebook button facebook like in blogger facebook share button facebook share button with counter FAIXA PARA CABELOS fashion Favicon for blogger feed rss Felt Fisika Flat News Templates FLORES Flower flower arrangement flowers crochet Folding paper FOLHAS food food decor Foto Free Blogger Templates Free Download Blogger Templates FREE FORM Free Premium frustration Funny Galaxy Stitch Gallery Games garden Gaya Hidup gel grips Geografi gift Gifts Girl glass Go Green GOLINHAS Google Google Analytics Google Merged All Accounts into One google plus button Google SERPs Google Webmaster Tools Google+ Google+ comment GORRO GRÁFICOS Granny Square Gray Green hair clip Haji Hama hats Heart Hexagon hide blogger navbar holiday craft holiday crafts home and garden Hook how to how to add favicon for blogger how to add feedburner How to install flat news how to turn off google plus comment how-to-guides Hunian Iklan Baris Ilmu Pertanian Image Thumbnail for Blogger imam Indexed Quickly for blogspot iNews 2014 Blogger Template Info Kontes Installing Blogger Template Internet Iseng Islam Itunes jewelery jewelry Karma Blogger Template Kata Bijak Kata Mutiara Kesehatan Kewarganegaraan Keyword Research Kiếm tiền kirigami Knit knitting knitting pattern knot Kuliner Landing Page Blogger Templates Lập trình Blogspot Latent Semantic Indexing LEAVES Like button facebook Lirik Lagu LirikNasyid Log Cabin Square LSI LUMINÁRIAS LUVAS LUVINHAS PARA BEBÊ Magazine Magazine Blogger Template make up making flower making flowers Making toys Manta MANTA PARA BEBÊ MANTA PARA SOFÁ Mashable MEUS MOMENTOS MEUS TRABALHOS mittens motif Motivasi Movie Multiples Music Nail art Nature necklace News News blogger template News Google News Pro Blogger Template Nivo image slider Olah Raga On page seo Online store Orange Organik Origami Pagerank painting PANTUFAS PAP Paper Patchwork PELERINE Penyakit Tanaman Peribahasa Personal Phần mềm pictures Pilihan Pillows Pink plastic POLAINA PONCHO Popcorn Popular Posts Popular Posts Code For Blogger Portfolio post automatically to twitter Premium Blogger Teamplates professional blogger templates Profil puff stitch Puisi pumpkin cap QUADRADO Quilling paper Quilt RECEITA RECEITA CULINÁRIA RECEITA DE PONTOS recycle recycling Red redirected to FeedBurner Related Post Widget remove navbar blogger RENDA DE PELO DE CABRA repair work Responsive Blogger Template retweet button ribbon rings rss for blogger rugs SACOLAS SAIAS DE CROCHE SANDÁLIAS EM CROCHÊ SAPATINHOS SAPATINHOS PARA BEBÊ Sastra Scarf scarves search engine optimization Search engine users seo Seo Blogger Template SEO Course Outline Seo For Blogger SEO Friendly Seo in 2014 Seo tips Seo Tutorial Seo Tutorial 2014 Seo With Blogger Serba Info Serba Tips serps sewing share button share twitter button shawls shoes and sandals Simple Singing sitemap blogspot sitemap page skirt Slider for blogspot snood Snowflake soap socks SQUARE steps to design a nice blogger template Strawberry subscrise button SUÉTER sweater Swiffer Sweeper Cover Syahira blogger theme TABELAS DE MEDIDAS DE TRICO E CROCHE tablecloths Tanaman Padi TAPETES. RECEITA Template TENIS PARA BEBÊ Thank you the panda update Thủ thuật Tien Nguyen tip tips Tips and Tricks TOALHAS TOUCAS TOUCAS PARA BEBÊ Travel TRICO Từ điển Blogspot TÚNICA tunisian turn off google plus comment Tutorial Tutorial Blog Tutorial video twitter button Twitter follow button twitter for blogspot underwear Valentine's day Vegeta Blogger Templates Video VÍDEO Video Blogger Templates video tutorial weaving Web 2.0 wedding Wedding Mag what is a bounce What Is Anchor Text what is bounce rate What is Seo White WIDGET Widget For Blogger wood Wordpress Look WordPress Themes XALE Yellow Youtube