Merancam Xtgem Tahap 4 Membuat Xtblog

Sat:23.11.24

15:00pm

Hai Mozilla/5.0

Merangkai Xtgem Tahap 4 Membuat Xtblog Xtgem

by Official wap on 22-June-14

Dalam pembuatan blog xtgem punya style tersendiri kita yang mengaturnya.. Oke kita buat dan ini tahapannya, ini khusus buat kalian yang telah mengikuti tahapan-tahapan pada wap ini, langkah-langkahnya :

1. Buat File Blog
Klik FILE BROWSER > CREATE FILE (BUAT FILE) > Kolom atas beri nama Blog (* wajib) > kolom bawah pilih html > setelah berada di file Blog disana ada file container yang sudah otomatis ada, dihapus saja > selanjutnya Klik CONTENT HERE > klik tanda tambah (+) > pilih SOCIAL > BLOG > OKE

2. fungsi blog
Setelah blog dibuat disana ada 2 text yaitu
- BLOG ini buat mengatur tampilan blog, apakah default, single post, jam, koment, reply dll.
- NEW POST ini untuk membuat postingan baru, sekarang cobalah membuat postingan pertama disana.

Pembuatan file blog xtgem telah siap, kini saatnya kita membentuk blog yang telah jadi tersebut, tahapannya :

1. BUAT FOLDER
Klik FILE BROWSER > CREATE FOLDER (BUAT FOLDER) > beri nama (*wajib) _xtgem_templates > masih di folder _xtgem_templates > klik CREATE FILE (BUAT FILE) > kolom atas beri nama (*wajib) xtblog.twig > kolom bawah pilih TEXT > OKE.

setelah file dibuat sekarang kita dihadapkan kolom kosong, isi dengan xtscript berikut ini

{% if view == 'entries_list' %}

<div class="xt_top_content">
        {% block entries_list %}
        {% for entry in data.entries %}
                    <div class="xt_blog"><div

id="xt_blog_content"><div class="xt_blog_title"><h2 class="title">
                          <a href="{{ entry.url }}">{{ entry.title

}}</a></h2></div>
<div class="xt_create">{% if data.entry_list_show_time %} {{

data.translations.t_created }} {{entry.created}}{% endif %}</div>
                                    
                            {% if data.display_type != 'header' and

entry.content %}
                                <div class="xt_content">{{

entry.content|raw }}</div>
                            {% endif %}

<div class="xt_count">
                                                               <a

href="{{ entry.url }}_comments">
        {% if entry.comments_count %}
        {{ entry.comments_count }}
        {% else %} 
        {{ entry.comments_count }}
                                {% endif %}
<span>Comment</span></a></div>
                    </div></div>
                {% endfor %}
        {% endblock %}
</div>
    {% block entries_list_footer %}
        {% if data.back_url %}
            <div class="xt_back_post"><a href="{{ data.back_url

}}">{{ data.translations.t_back_to_posts }}</a></div>
        {% endif %}
        {{ data.pagination_html|raw }}
    {% endblock %}

{% block entries_list_searchbox %}
        {% if data.searchbox %}
            <div class="xt_search">
            <h3 class="xt_search_title">Search</h3>
            <div id="xt_searchbox">
                <form action="{{ data.searchbox.url }}" method="get"

class="xt_blog_search_form">

{% for key, value in data.searchbox.params %}
                        {% if value %}
                            <input type="hidden" name="{{ key }}"

value="{{ value }}" />
                        {% endif %}
                    {% endfor %}

<span class="xt_input"><input type="text"

name="__xtblog_search" value="{{ data.searchbox.phrase }}"></span>
                    <span class="xt_submit"><input class="xt_button"

type="submit" value="{{ data.translations.t_search }}" /></span>
                </form>
            </div>
        {% endif %}
    {% endblock %}

{% elseif view == 'entry' %}

<div class="xt_breadcrumb"><a href="/">Home</a> » <a

href="/Blog">Blog
    </a> » 
        {{ data.post.title }}</div>
        {% block entry_tags %}
            {% if not data.entry.in_comments_thread %}
                {% if data.hide_tags == false and data.post.tags %}
                    <div class="xt_tags">{{ data.translations.t_tags

}}
                                           {% for tag in

data.post.tags %}
 <a href="{{ tag.url }}">{{ tag.name }}</a>{% if loop.last == false

%} , {% endif %}
                        {% endfor %}
                   </div>
                {% endif %}
            {% endif %}
        {% endblock %}
<div class="xt_top_content">
<div class="xt_blog">
        {% block entry_post %}
            <div class="xt_post_single"><h3 class="title">{{

data.post.title }}</h2></div>
            {% if not data.entry.in_comments_thread %}
                {% if data.post.subtitle %}
                    <div class="post_subtitle">{{ data.post.subtitle

}}</div>
                {% endif %}
                <div class="post_content">{{ data.post.content|raw

}}</div>

<div class="created">{{ data.translations.t_created

}} {{ data.post.date }}</div>
{# FEATURED SITE DATA #}
                 {% if data.post.feed_data %}
                    {% if data.device == 'mobile' %}
                        
<div class="xt_blog_social">
                            <img src="http://xtgenerator.yn.lt/images/rateup.png" />{{ data.post.feed_data.ratings_up }} {% if data.post.feed_data.has_rated %}<a class="rateup ratted" href="{{ data.post.feed_data.rate_url }}">Unrate</a>{% else %}<a class="rateup" href="{{ data.post.feed_data.rate_url }}">Rating</a>{% endif %}
                            {% if data.post.feed_data.has_starred %}<a class="star starred" href="{{ data.post.feed_data.star_url }}"><img src="http://xtgenerator.yn.lt/images/star.png" />Unstar</a>{% else %}<a class="star" href="{{ data.post.feed_data.star_url }}"><img src="http://xtgenerator.yn.lt/images/unstar.png" />Star</a>{% endif %}
                            {% if data.post.feed_data.is_featured %}<br /> This post is featured on <a href="http://xtgem.com/feed">XtGem</a>{% endif %}
                        </div>
                    {% else %}
            
                <div class="xt_blog_social">
                            {% if data.post.feed_data.has_rated %}<a class="rate_up ratted" href="{{ data.post.feed_data.rate_url }}">{{ data.post.feed_data.ratings_up }} <span class="icon-arrow-up"></span></a>{% else %}<a class="rate_up" href="{{ data.post.feed_data.rate_url }}">{{ data.post.feed_data.ratings_up }} <span class="icon-arrow-up"></span></a>{% endif %}
                            {% if data.post.feed_data.has_starred %}<a class="star starred" href="{{ data.post.feed_data.star_url }}">Unstar <span class="icon-star"></span></a>{% else %}<a class="star" href="{{ data.post.feed_data.star_url }}">Star <span class="icon-star"></span></a>{% endif %}
                            {% if data.post.feed_data.is_featured %}<div class="featured">This post is featured on <a href="http://xtgem.com/feed">XtGem</a></div>{% endif %}
                        </div>
                    {% endif %}
                {% endif %}
      {# END FEATURED SITE DATA #}     
      {% endif %}
<div class="back-post">
            <a href="{{ data.back_url }}">{{

data.translations.t_back_to_posts }}</a>
</div>
        {% endblock %}

</div><div id="comments">
        {% block entry_comments_list %}
            {% if data.post.allow_comments %}
                {% if data.new_comments_system %}
                    <div class="xt_blog_comments"

id="xt_blog_comments">

{% if data.entry.in_comments_thread %}

<br /><div><a href="{{

data.entry.comments_thread_all }}" class="xt_button xt_link">&larr;

{{ data.translations.t_show_all_comments }}</a></div><br />
                            {% if data.entry.comments_thread_parent

%}
                                <div><a href="{{

data.entry.comments_thread_parent }}" class="xt_button

xt_link">&larr; {{ data.translations.t_see_parent_thread }}

</a></div>
                            {% endif %}
                        {% endif %}

<div class="comment-title"><h3><a

name="comments" class="no-link">
                      {% if data.entry.comments %}
                                {{ data.translations.t_comments }}
                            {% else %}
                                {{

data.translations.t_comments_empty }}
                            {% endif %}
                        </a></h3></div>
<div class="comment-body">
                        {% macro comments_list (comments, ctx) %}
                            {% for comment in comments %}
                                <div class="comment{% if

comment.owner_of_comment %} admin{% endif %}" id="1">
<div class="comment-header">

{% if comment.author_profile

%}
                                            <img src="{{

comment.author_profile.avatars[32] }}" class="avatar">
<h5 class="author"><a href="{{ comment.author_profile.link }}"{% if

comment.owner_of_comment %} "{% endif %}>{% if

comment.owner_of_comment %}Admin{% else %}{{

comment.author_profile.name }} {% endif %}</a></h5>
<div class="date">{{ comment.date }}</div>
    
                                        {% else %}
  <img src="http://xtgenerator.yn.lt/images/user.jpg" class="avatar" /><h5

class="author">{{ comment.nick }}</h5><div class="date">{{

comment.date }}</div>
    
                                        {% endif %}

</div>
    {% if comment.is_hidden %}
                                        <div class="comment-

content">{{ ctx.data.translations.t_hidden_comment }}</div>
                                    {% else %}
                                        <div class="comment-

content">{{ comment.message|raw }}</div>
                                    {% endif %}

{% if not (

ctx.data.entry.in_comments_thread and comment.childs and

(comment.childs_count > 0) ) %}
                                        <div

class="xt_blog_comment_actions">
                                            <a href="{{

comment.reply_link }}" class="xt_blog_comment_action_reply">{{

ctx.data.translations.t_reply }}</a>
                                            {% if

ctx.data.is_logged_in and not comment.is_hidden and not

data.comments_form.is_maintenance %}
                                                {% if

ctx.data.reported_spam and ctx.data.reported_spam == comment.id %}
                                                    <span

class="xt_blog_comment_action_reported">

{{ctx.data.translations.t_reported}}</span>
                                                {% else %}
                                                    <a href="{{

comment.spam_link }}" class="xt_blog_comment_action_report_spam">{{

ctx.data.translations.t_report_spam }}</a>
                                                {% endif %}
                                            {% elseif not

ctx.data.is_logged_in and not comment.is_hidden and not

data.comments_form.is_maintenance %}
                                                <a href="{{

comment.login_link }}" class="xt_blog_comment_action_report_spam">{{

ctx.data.translations.t_report_spam }}</a>
                                            {% endif %}
                                            {% if not comment.childs

and (comment.childs_count > 0) %}
                                                <a href="{{

comment.reply_link }}" class="xt_blog_comment_action_reply">{{

ctx.data.translations.t_show_replies }} ({{comment.childs_count}})

</a>
                                            {% endif %}
                                            {% if comment.show_more

%}
                                                <a href="{{

comment.reply_link }}" class="xt_blog_comment_action_reply">{{

ctx.data.translations.t_show_all_replies }}</a>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                          
                                    {% if comment.childs %}
                                        <div class="xt_reply">
                                            {{ _self.comments_list

(comment.childs, ctx) }}
                                        </div>
                                    {% endif %}
                                </div>
      
                            {% endfor %}
                        {% endmacro %}
                      </div>
                        {{ _self.comments_list(data.entry.comments,

_context) }}

{{ data.pagination_html|raw }}
                {% else %}
                    <div class="xt_blog_comments"

id="xt_blog_comments">
                        <span class="xt_blog_comments_title">{{

data.translations.t_comments }}</span>

{% for comment in data.entry.comments %}
                            <div class="xt_blog_comment">
                                <span class="xt_blog_comment_date">

[{{ comment.date }}]</span>
                                <span

class="xt_blog_comment_author">{{ comment.nick }}:</span>
                                <div

class="xt_blog_comment_content">{{ comment.message|raw }}</div>
                            </div>
                        {% endfor %}
                    </div><br />
                    {{ data.pagination_html|raw }}
                {% endif %}
            {% endif %}
        {% endblock %}
        </div></div>
        {% block entry_comments_form %}
            {% if data.comments_form.is_maintenance %}
                {{ data.comments_form.maintenante_markup|raw }}
            {% elseif data.is_logged_in and data.new_comments_system

and not data.community_name %}
                    <span class="color:#f00">{{

data.translations.t_provide_community_name }}</span>
                    <form action="{{ data.community_name_submit_url

}}" method="post" id="xt_blog_comment_form">
                        {% if data.entry.in_comments_thread %}
                            <input type="hidden"

name="__xtblog_comment_thread_id" value="{{

data.entry.in_comments_thread }}" />
                        {% endif %}
                        <div class="xt_input">
                            <input type="text" name="community_name"

value="{{data.community_name_tmp}}" /><br />
                        
                        <div class="xt_submit">
                            <input class="xt_button" type="submit"

value="{{ data.translations.t_submit }}" />
                        </div>
                    </form>
                </div></div>
            {% else %}
                {% if data.post.allow_comments %}
                    <div class="blog">
                        <div class="comment-title"><h3><a

name="comments" class="no-link">{{

data.translations.t_post_a_comment }}</a></h3></div><div

class="xt_blog_comment_form">
                        {% if

data.comments_form.comments_restriction == "logged_in" and not

data.is_logged_in %}
                            <div>{{

data.translations.t_comments_login_required }}: <a href="{{

data.comments_form.login_link }}"> {{ data.translations.t_login }}

</a> | <a href="{{ data.comments_form.signup_link }}"> {{

data.translations.t_signup }} </a></div>
                        {% elseif

data.comments_form.comments_restriction == "logged_in" and

data.is_logged_in and not data.is_confirmed_email %}
                            <div>
                                <a href="{{ data.confirm_email_link

}}?redir={{ data.comments_form.url_encoded }}"

class="xt_blog_confirm_email">
                                    {{

data.translations.t_confirm_email }}
                                </a>
                            </div>
                        {% else %}
                            <form action="{{ data.comments_form.url

}}" method="post" id="xt_blog_comment_form">

{% if data.entry.in_comments_thread

%}
                                    <input type="hidden"

name="__xtblog_comment_thread_id" value="{{

data.entry.in_comments_thread }}" />
                                {% endif %}

<input type="hidden"

name="__xtblog_post" value="Post" />
                                <input type="hidden" name="__xtx"

value="{{ data.comments_form.fields.xtx }}" />
                                <input type="hidden" name="__xtxs"

value="{{ data.comments_form.fields.xtxs }}" />
                                <input type="text"

name="__xtblog_blog" value="" style="display:none" />
                                <input type="hidden"

name="__xtblog_entry" value="{{ data.comments_form.entry_id }}" />

{% if data.is_logged_in and

data.new_comments_system %}
                                    <div class="xt_label">
                                        <label>{{

data.translations.t_posting_as }}: <span

class="xtblog_community_name">{{ data.community_name }}

</span></label>
                                    </div>
                                {% else %}
                                    {% if

data.comments_form.spam_comments_reserved_name and

data.new_comments_system %}
                                        <div>{{

data.translations.t_reserved_name }}</div>
                                    {% endif %}
                                    {% if data.comments_form.poster

%}
                                        <input type="hidden"

name="__xtblog_nick" value="{{ data.comments_form.poster }}" />
                                    {% else %}
                                        
                                            {{

data.translations.t_name }} <br>
                                        
                                        
                                            <input type="text"

name="__xtblog_nick" value="{{ data.comments_form.spam_comments_nick

}}" class="input-text" /><br />
                                       
                                    {% endif %}
                                {% endif %}
                                {% if

data.comments_form.comments_restriction == "email_required" and not

data.is_logged_in %}

<div class="xt_label">
                                        <label>{{

data.translations.t_email }} </label>
                                    </div>
                                    <div class="xt_input">
                                        <input type="text"

name="__xtblog_email" value="{{

data.comments_form.spam_comments_email }}" /><br />
                                    </div>
                                {% endif %}

<div class="xt_label">
                                    <label>{{

data.translations.t_comment }} </label>
                                </div>
                                <div class="xt_textarea">
                                    <textarea

id="xtblog_comment_msg" name="__xtblog_msg">{{

data.comments_form.spam_comments_msg }}</textarea>
                                </div>

{% if

data.comments_form.spam_comments %}
                                    Please enter the text you can

see on the image below: <br />
                                    <input type="hidden" name="hash"

value="{{ data.comments_form.spam_hash }}" />
                                    <img src="{{

data.comments_form.spam_captcha_url }}" alt="" /><br />
                                    <div class="xt_label">
                                        <label>Code: </label>
                                    </div>
                                    <div class="xt_input">
                                        <input type="text"

name="code" />
                                    </div><br />
                                {% endif %}

<div class="xt_submit">
                                    <input class="xt_button"

type="submit" value="{{ data.translations.t_post }}" />
                                </div>
                            </form>
                        {% endif %}
                    </div>
                {% endif %}
            {% endif %}
        {% endblock %}
    </div></div>
{% elseif view == 'no_contents' %}
    {% block no_contents %}
        {% if data.searchbox.phrase %}
            <div class="xt_blog xt_list">{{

data.translations.t_no_search_results_found }}</div>
        {% else %}
            <div class="xt_blog xt_list">{{

data.translations.t_no_entries_found }}</div>
        {% endif %}
    {% endblock %}

{% block no_contents_searchbox %}
        {% if data.searchbox %}
            <div class="blog">
                <form action="{{ data.searchbox.url }}" method="get"

class="xt_blog_search_form">

{% for key, value in data.searchbox.params %}
                        {% if value %}
                            <input type="hidden" name="{{ key }}"

value="{{ value }}" />
                        {% endif %}
                    {% endfor %}

<span class="xt_input"><input type="text"

name="__xtblog_search" value="{{ data.searchbox.phrase }}" /></span>
                    <span class="xt_submit"><input class="xt_button"

type="submit" value="{{ data.translations.t_search }}" /></span>
                </form>
            </div>

{% if data.back_url %}
                <div class="xt_container"><a href="{{ data.back_url

}}" class="xt_blog_back_to_posts xt_link xt_button">{{

data.translations.t_back_to_posts }}</a></div>
            {% endif %}
            {{ data.pagination_html|raw }}
</div>
        {% endif %}
    {% endblock %}
{% elseif view == 'no_entry' %}
    {% block no_entry %}
        <div class="xt_blog xt_list">No blog entry found</div>
    {% endblock %}
{% endif %}

Agar tidak terjadi kesalahan sebaiknya Downlod file zip ini didalamnya file txt xtscript tersebut.

2. Membuat Css Blog Xtgem
tahap akhir dalam merancang blog ini yaitu pemasangan css, caranya :
Klik FILE BROWSER > CREATE FOLDER (BUAT FOLDER) > Beri nama CSS-blog > masih dalam folder CSS-Blog > klik UPLOAD FILE (UNGGAH) > Pilih mode upload via http masukan url ini pada kolom tersebut Mobile-blog.css dan ini Web blog.css > setelah keduanya diupload akan tampil file mobile-blog.css dan web-blog.css keduanya ini untuk anda mengedit tampilan blognya, mengubah warna desaign dll disinilah tempatnya. oh ya css desaign diatas saya menerapkan tampilan single post.

setelah css siap disimpan kini kita menggunakannya, Klik FILE BROWSER Cari folder dengan nama CSS, folder CSS ini telah kita buat pada artikel sebelumnya yaitu Tahap 3
> setelah berada di folder CSS > klik mobile.css masukan css import ini paling atas @import url(http://domain.kamu.com/ CSS-blog/ mobile-blog.css);
> oke
> masih di folder CSS klik web.css > masukan css import ini paling atas @import url(http://domain. kamu.com/ CSS-blog/ mobile-blog.css);
> oke

Keterangan :
- ganti domain. kamu.com dengan url anda misal : ykub.xtgem.com
- agar blg tampil di menu utama gunakan cara diatas dan terapkan pada file index

selesai silahkan lihat tampilan blog xtgem anda.

jika ada kekurangan dan kesalahan harap sampaikan.

Artikel Berkaitan

*Harap ikuti tahapan demi tahapan..

Copy Url

Official Wap

Generator And Tutorials Wapblog

Merangkai Xtgem Tahap 4 Membuat Xtblog Xtgem

Artikel Berkaitan

NAVIGATION

Recent Post

Categories

On: 1

0.0007 sec

Powered by XTgem.com

Official Wap

Generator And Tutorials Wapblog

Merangkai Xtgem Tahap 4 Membuat Xtblog Xtgem

Artikel Berkaitan

NAVIGATION

Recent Post

Categories

On: 1 0.0007 sec

Powered by XTgem.com

On: 1

0.0007 sec