Email Client Dengan Zimbra Desktop Filed under ( EmailClient, SystemTips, Tips Blogging ) by admin

Mungkin kita pernah mendengar tentang Zimbra ini ! Zimbra sendiri merupakan sebuah produk email Server yang dibuat oleh Zimbra. Corp, dan Zimbra itu sendiri Licensi-nya telah dibeli yahoo Corp. Tapi tahukan anda bahwa Zimbra telah menelurkan sebuah product berbasis email Client, yang dikenal dengan Zimbra Desktop.


Zimbra Desktop ini, dapat dipakai seperti pada umunya email Client, seperti: Microsoft Outlook, Outlook Express, Windows Live Mail (email client untuk Hotmail),Thunderbird dan lain-lain yang pada umunya berbasis email Client.

Tapi yang cukup bagus dari Product Zimbra Desktop ini, Zimbra Desktop hampir support untuk semua email-email client yang berbasis web, seperti untuk Email Gmail,Yahoo dan turunan Domainnya (Rocketmail atau Ymail),Hotmail dan turunannya (Live.com),AOL Email,POP,IMAP,Microsoft Exchange IMAP dan Zimbra Email itu sendiri



Tulisan ini saya buat karena kadang ada beberapa pertanyaan dari teman, Email yahoo bisa di tarik atau tidak ?, seperti layaknya Gmail yang bisa di tarik oleh email client. Mungkin dengan tulisan ini saya bisa mengatakan bahwa sekarang email yahoo sudah bisa di tarik layaknya email client pada umumnya.


Bila anda ingin mencobanya silahkan anda kunjungi www.Zimbra.com, karena product Zimbra Desktop sendiri bersifat Freeware dan compatible dengan Ajax Plugin(Zimlet) dan yang pasti support Operating System Windows,Mac dan Linux.

Membuat Navigasi Top Of Page dan Top Of Post Pada Blog Filed under ( Tips Blogging ) by admin

Ada dua fungsi dari navigasi tersebut diantaranya kembali ke atas halaman penuh suatu template (top of page) dan kembali ke atas hanya pada halaman postingan saja (top of post).sebelum anda meng-edit code HTML ada baiknya anda backup terlebih dahulu dengan men-Save code HTML anda.

pertama masuk ke Tab Layout -> Edit HTML -> Pastikan Expand Widget di check

lalu anda cari code berikut <b:includable id='post' var='post'>

lalu perhatikan code berikut, apakah persis dengan code yang diatas ?

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

kalau sudah sesuai maka tambahkan code berikut ini expr:id='"post-" + data:post.id'

sehingga tampilan code akan seperti ini :

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' expr:id='"post-" + data:post.id' >
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

setelah itu lalu anda cari code seperti dibawah ini:
<div class='post-footer-line post-footer-line-2'>

lalu letakan code berikut ini diatas persis dibawah code tadi

<a href='javascript:scroll(0,0)' title='Kembali ke atas halaman'>Kembali ke atas halaman</a> |
<a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Kembali ke atas postingan'>Kembali ke atas postingan</a><div style='clear:both'/>

lalu Save Template anda tadi.

Membuat Navigation Page "Next - Previous" Filed under ( Tips Blogging ) by admin

Gambar diatas merupakan salah satu bentuk navigasi yang secara umum banyak digunakan di blog-blog dan website. bagaimana cara membuat Navigasi tersebut ? caranya cukup mudah ...

Copy Code dibawah berikut ini :

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;}
.showpageArea a {border: 1px solid #505050;color: #000000;font-weight:normal;padding: 3px 6px !important;padding: 1px 4px ;margin:0px 4px;text-decoration: none;}
.showpageArea a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;}
.showpageNum a {border: 1px solid #505050;color: #000000;font-weight:normal;padding: 3px 6px !important;padding: 1px 4px ;margin:0px 4px;text-decoration: none;}
.showpageNum a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;}
.showpagePoint {font-size:11px;padding: 2px 4px 2px 4px; margin: 2px;font-weight: bold;border: 1px solid #333;color: #fff;background-color: #000000;}
.showpage a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;}
.showpageNum a:link,.showpage a:link {font-size:11px;padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #0066cc;color: #0066cc;background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;border: 1px solid #333;color: #000000;background-color: #FFFFFF;}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=2;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

dimana harus diletakan? coba anda cari </body> lalu paste persis diatas-nya, lalu anda save.Selesai