CSS Simple untuk Content Manager Wapka

Categories css, Tag wapka, Template

Css ini cukup simple dan saya buat sendiri untuk tampilan conten manager di Wapka, sebagai contoh saya buat sebagai tampilan wap musik seperti gambar screenshot di atas atau di wapka saya.Cukup simple karena memang tidak banyak desain .Cukup pastekan saja di halaman header atau site_1 wapka sobat agar secara otomatis tampil di setiap halaman wapka.

Berikut di bawah ini style css langsung script mentahnya siap pakai.

<div class="xt_blog_entry_date xt_text small">Created at 2016-01-27 10:40</div>

<div class="xt_social_shares">
                            <a
                                title="Share on facebook"
                                href="http://www.facebook.com/sharer.php?u=http://bhudi.jw.lt/index/__xtblog_entry/10954575-css-simple-untuk-content-manager-wapka?"
                                class="xt_fb_share"
                                target="_blank"
                                onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('http://bhudi.jw.lt/index/__xtblog_entry/10954575-css-simple-untuk-content-manager-wapka?'), 'facebook-share-dialog', 'width=600,height=400');return false;"
                               >
                                                                    <img height="16px" width="16px" src="http://xtgem.com/images/facebook.png" alt="Share on facebook">
                                                            </a>
                            <a
                                title="Share on twitter"
                                href="http://twitter.com/home?status=http://bhudi.jw.lt/index/__xtblog_entry/10954575-css-simple-untuk-content-manager-wapka?"
                                class="xt_tw_share"
                                target="_blank"
                                onclick="window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"
                               >
                                                                    <img height="16px" width="16px" src="http://xtgem.com/images/twitter.png" alt="Share on twitter">
                                                            </a>
                            <a
                                title="Share on Google+"
                                href="https://plus.google.com/share?url=http://bhudi.jw.lt/index/__xtblog_entry/10954575-css-simple-untuk-content-manager-wapka?"
                                class="xt_gp_share"
                                target="_blank"
                                onclick="window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"
                               >
                                                                    <img height="16px" width="16px" src="http://xtgem.com/images/google_plus.png" alt="Share on google+">
                                                            </a>
                            <a
                                title="Share via mail"
                                href="mailto:?subject=Have a look&body=http://bhudi.jw.lt/index/__xtblog_entry/10954575-css-simple-untuk-content-manager-wapka?"
                                class="xt_mail_share"
                                target="_blank"
                               >
                                                                    <img height="16px" width="16px" src="http://xtgem.com/images/email.png" alt="Share via mail">
                                                            </a></div>
                    
            
            <a class="xt_blog_back_to_posts xt_link xt_button" href="http://bhudi.jw.lt/index?#xt_blog">Back to posts</a>
        
                                                        <div class="xt_blog_comments" id="xt_blog_comments">

<span class="xt_blog_comments_title">
                                                            Comments:
                                                    </span>
                                                                                                            <div class="xt_blog_comment xt_blog_comment_author_admin">
                                    <span class="xt_blog_comment_date">[2016-01-23 00:16]</span>
                                    <span class="xt_blog_comment_author">
                                                                                    <a href="http://xtgem.com/u/Budhi"><img src="http://xtgem.com/uploads/images/avatars/e/6/d/e6d7559903b30dd73ce4c32254c55806/16.png?831" style="display:inline">Budhi</a>
                                        :
                                    </span>
                                                                            <div class="xt_blog_comment_actions">
                                            <a href="http://bhudi.jw.lt/index/__xtblog_entry/10954575-css-simple-untuk-content-manager-wapka?__xtcomments_thread=3431097" class="xt_blog_comment_action_reply">Reply / View thread</a>
                                                                                            <a href="http://xtgem.com/auth/login?redir=VjFKNlpscHVhRXRXVVZoSVRrZE9VMDkzVld0T1ltMXlkREk1WTAxV1IyRnpNVzEwZFV4WVZVWlVkMFZLWVhaT1RGSTRhVmhYTkhkRFNUaHZWVzh3ZWtGNFZIWllTRzB5VDJKcGVVOU1UM2hQVmtvNVFteEdaRUp2YUc1VFJqUlJSMHN4UzBKNVdEVlJSMUJGVmxNNFVsTlRUbWREYmtwaFJXMWtTRlI0YUVaQmRrOVpSRzV2UVhKVFEwcDBUVWRHU2xacGNFNWhZVFpIWWxWelRWUlBOa2d5WkdoWk0zTlRTV05MUlUxaFQzQklWbmN5U0dOb1NVMVdXVlJ6VjFscGNsVmhNblF6WlhwUlRVOWtUek5PVms5V2N6SkxUREU1Y1dGVmIzVlRka3hWVVVZd2MwaHlhRmhTV0U5UWRtUndWbTVRVms1R2NucEZiRUpRVUcxWWNrUklla3hDUm5aalZWQk9WMU42WkZaU1JtVlhWbXc0Y1ZCdE9IQkNVVUowVjIwMFIxWnNXVmhTZDJ4MFZIWTFVRnBSVFZaSU1rSnNTMDFQVFhGVlMxZE1NVEZ2VERGM2VraEtRM0pMVlRGSWMyRkRMMGxLYVZKSVNrdFVUMVZWYTNOTlJ6Vk9ZemxxU0ROdE4wZGpWSEp6VkVzMVRESnpUMUppV1RST2JGbDRjV3hsZDFNeWQxUjFUVVpDY201Mk9GVnVhR3RZVVRoeVJHeHljVmg0YkdSUmVUUlpWMGx5UmtSdlJqZFhTRUpNVWpJME4xQkpUa1JEUjFCWFdFdE9OMFZzVkhGTVNVWTJRVWh5UzFsUmNqbFZVMEk1UVVob1RWWlFUbWRKYmsxQlMxTlVOMHRXUzFCQ01tMW1UVXhQUWt0TVVDOUVNME5OYzJKelYzUktiU3RMU0dFeFducExNa2xWVUQwPQ%3D%3D&proceed_to_name=report+comment" class="xt_blog_comment_action_report_spam">Report spam</a>
                                                                                                                                                                            </div>
                                                                                                                <div class="xt_blog_comment_content"><p>Test comment post</p>
</div>
                                    
                                                                    </div>

</div><br />
                    
                                    
                                    
                        </div>
</div>

<div style="text-align: center;"> 
<br />
 <form action=" " method="post">
<select name="skin">
<option value="pink" >pink</option>
<option value="green" >green</option>
<option value="blue" >blue</option>
<option value="lime" >lime</option>
<option value="none" selected="selected">none</option>
</select>
<input type="submit" value="pilih template">
</form>

</div>
  <div data-xtcontainer="container" class="xt_container" align="center">
<h2 align="center"><a href="#down" name="top"></a><b>CATEGORIES:</b></h2><br /><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=Tutorial%20xtgem">Tutorial xtgem</a><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=Tutorial%20wapka">Tutorial wapka</a><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=Script%20xtgem">Script xtgem</a><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=Tag%20wapka">Tag wapka</a><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=Tools%20wap">Tools wap</a><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=Trik%20facebook">Trik facebook</a><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=Template">Template</a><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=CSS">CSS</a><a class="xt_button" href="/index?__xtblog_block_id=1&__xtblog_tag=Lain-lain">Lain-lain</a></div>

<div data-xtcontainer="container" class="xt_container">
<div style="text-align: center;">
<a href='http://www.facebook.com/sharer.php?u=http://bhudi.jw.lt/index?__xtblog_entry=10954575' target='_blank'><img src="/icon/fb.png" alt="" /></a>
  
<a href='http://twitter.com/share?url=http://bhudi.jw.lt/index?__xtblog_entry=10954575' target='_blank'><img src="/icon/tw.png" alt="" /></a>
  
<a href='http://plus.google.com/share?url=http://bhudi.jw.lt/index?__xtblog_entry=10954575' target='_blank'><img src="/icon/gp.png" alt="" /></a>
  
<a href=' mailto:?subject=Tutorial&body=Visit to continue : http://bhudi.jw.lt/index?__xtblog_entry=10954575' target='_blank'><img src="/icon/mail.png" alt="" /></a>
</div>
</div><xt:code /><center> <script language="JavaScript" src="/Translator.js"></script><SCRIPT language=JavaScript type=text/JavaScript>translation_flags_g();</SCRIPT><br/> <span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipon()"><b align: center"><table><tr><td>Online</td><td> : </td><td>1 user</td></tr><tr><td>Today</td><td> : </td><td>92 user</td></tr><tr><td>This Week</td><td> : </td><td>3663 user</td></tr><tr><td>This Month</td><td> : </td><td> 8503 user</td></tr><td>Total all</td><td> : </td><td> 786853 Visitor</td></tr></table><br/><span>Template mobile device</span> </b></center>

<div class="xt_item" align="center"><p><b>
 <script language="JavaScript"> Year=new Date(); var copyright=Year.getUTCFullYear(); document.write("Copyright © " + copyright); </script> Bhudi.Jw.Lt
</b><br/>Powered by Xtgem.Com</p></div>

</div>
<div style="text-align: left;"><style type="text/css">
.filelist_paging {
padding : 4px 3px 4px 3px;
margin : 0;
font-weight : bold;
background-color : #ddd;
border : 1px solid #808080;
text-align : center;
}

.filelist_paging a {
color : #ff0000;
border :1px solid #777;
padding : 0px 3px 0px 3px;
margin : 1px;
font-weight : bold;
background-color : #fff;
}

.filelist_paging span {
color : #fff;
border :1px solid #ccc;
padding : 0px 3px 0px 3px;
margin : 1px;
font-weight : bold;
background-color : #555;
}
</style> <link rel="stylesheet" href="http://budi.pun.bz/files/mobile.css" type="text/css"/> <div id="footer"> Penghitung Kunjungan : <span style="background: #333333;padding:2px; border:2px dashed #dddddd;color: #ffffff;">786853</span><br/> © 2015 <a href="http://budi.pun.bz/">BUDI | KUDUS-KAJAR</a>. <h6 id="powered-by">Diberdayakan oleh <a href="http://www.xtgem.com">Xtgem.com</a></h6> <br /><a href="http://bhudi.jw.lt/wapmaster?url=http://budi.pun.bz&id=Budi-Kudus"><img src="http://bhudi.jw.lt/images/button.png" alt="Budi-Kudus" width="100" height="30"/></a></div></div></body>
</html>

Budi-Kudus

Menu wapmaster by Budi-Kudus

CSS Simple untuk Content Manager Wapka