Cari yang Lain

Sunday, July 12, 2009

FIREFOX 3.5 tak bisa klik kanan dan solusinya

          Baru-baru ini Mozilla Firefox telah merilis kembali versi teranyar browsernya yang melengkapi berbagai fitur tambahan yang cukup keren..salah satunya adanya “START PRIVATE BROWSING” dimana untuk ulasannya mungkin lain kali saja dibahasnya.

           Yos juga telah mengundu dan mencoba tersebut dimana sesuai pula dengan apa yang diterangkan dalam webnya sendiri kalau yang terbaru lebih cepat,lebih pintar,lebih baik,dan lebih aman.

Berikut ini hasil pengujian bila kita menggunakan versi Firefox pada OS XP dengan menggunakan SunSpider test.(dalam tabel)

                     

VERSI

WAKTU YANG DIBUTUHKAN

2.0

18,148 ms

3

3,669 ms

3.5

1,524 ms!

     dari yang saya gunakan sebelumnya firefox versi 3.0 menjadi firefox 3.5 memang terasa ada perubahannya,hampir separuh waktu yang bisa kita hemat dalam proses “LOADING COMPLATE”.

     Namun sayangnya entah kenapa ,ini memang bug atau memang disengaja dibuat oleh mozilla kalau Yos  jadi tak bisa dalam mengklik kanan artikel di dalam web melalui Firefox ini.Sehingga ketika Yos ingin mengcopy,merubah isi blog yos sendiripun mengalami kesulitan juga.Tadinya saya berpikir wah mungkin saya Komputer saya terkena Virus lalu saya scanlah dengan Antivirus kebanggaan saya pribadi karena MADE IN INDONESIA ,yaitu PCMAV Valkyrie 2.0 namun tak dijumpai virus disana. Lalu saya coba hapus Plugin2 yang saya sertakan dalam browser Firefox seperti Reganam..namun tak bisa juga.saya coba buka web pakai OPERA ternyata disini bisa klik kanan…

      Akhirnya ketemu juga apa yang menjadi kendala(maaf ya bila terasa kepanjangan…skalian nulis pengalaman nyata pada malam ini sih ) ,Yos coba membuka browser dalam menu SAFEMODE dan mencoba menDISABLE Toolbarnya Google dan Yahoo melalui TOOLS-ADS ON kita cari dan disable TOOLBAR GOOGLE DAN YAHOOnya..kemudian direstart kembali Firefoxnya. Buka Lagi Firefoxnya dan dicoba..Akhirnya bisa juga yos  menggunakan KLIK KANAN dalam browser Firefox 3.5 ini.

      semoga berguna ..silahkan dicopy atau diperbanyak..namun tolong tinggalkan coment ya disini..Terimakasih..

salam Yos

...Selengkapnya...FIREFOX 3.5 tak bisa klik kanan dan solusinya

Monday, July 6, 2009

Relatedpost pd TurnOutMag template

Pada artikel sebelumnya dibahas bagaimana yos mencoba menambahkan kolom footer pada TurnOutmag, pada artikel ini yos mencoba membahas lagi tentang TurnOut,dimana mengenai bagaimana memasukkan artikel yang berhubungan ( related post ) pada setiap artikel..

 

Pada turnoutmag asli kita akan menjumpai ,script berikut ini :

 

        <DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT>
      <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
        <p class='details2'>       
<b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
          </b:if>
        </b:if> /  <a expr:href='data:post.url'>Read More</a></p>
        </div>
<b:else/>

<!-- BEGIN content -->
<div id='contentb'>

    <div class='single'>
        <h2><data:post.title/></h2>
        <div class='contentb'><p><data:post.body/></p>
</div>
    </div>

 

kita ganti saja kode diatas dengan yang ini ( tapi sebelumnya jangan lupa simpan template lama kita buat backup ,seandainya nanti kita ada keliru dalam melakukan perubahan template ) ,untuk langkah-langkahnya dalam mengedit ,Yos yakin sekali sobat sudah paham.

 

    <DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT>
      <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
        <p class='details2'>       
<b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
          </b:if>
        </b:if> /  <a expr:href='data:post.url'>Read More</a></p>
        </div>
<b:else/>

<!-- BEGIN content -->
<div id='contentb'>

    <div class='single'>
        <h2><data:post.title/></h2>
        <div class='contentb'><p><data:post.body/></p>
        <!--relatedpost-->
        <b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

        <!-- end relatedP-->
</div>
    </div>

coba kita preview dulu ,setelah sukses barulah kita SAVE

coba kita bandingkan kedua script tersebut,dimana biasanya kita kalau ingin menambahkan script relatedpost pada <p><data:post.body/></p> yang pertama sebelum READMORE ,bila kita memiliki penggalan artikel tapi yang ini malah sesudah readmore.

<DIV expr:id='&quot;summary&quot; + data:post.id'><p> <data:post.body/></p> </DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT>
      <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
        <p class='details2'>       
<b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
          </b:if>
        </b:if> /  <a expr:href='data:post.url'>Read More</a></p>
        </div>
<b:else/>

<!-- BEGIN content -->
<div id='contentb'>

    <div class='single'>
        <h2><data:post.title/></h2>
        <div class='contentb'> <p><data:post.body/></p>

semoga berguna jangan lupa tinggal komen ya,terimakasih

salam

yos 

...Selengkapnya...Relatedpost pd TurnOutMag template

Saturday, July 4, 2009

4 kolom footer pada Template TurnOutMag

Menambahkan 4 kolom footer pada template turnout mag

Template Turn Out Magazine merupakan template untuk wordpress dimana setelah diutak-atik oleh BloggerTrick bisa digunakan juga untuk template Blogspot.dimana pada template tersebut banyak fitur-fiturnya seperti READMORE(Auto),2 main kolomn,Banner 468x60,Search Box,Seo Optimized ,Fitur Video dan lain-lain.

Sayangnya pada template tersebut belum terdapat penambahan 4 kolom footer ,yang ada hanya 2 sidebar pada sebelah kanan template. Nah untuk itu Yos mencoba untuk mengotak-atik template tersebut tapi tak menemukan bagian standar dari template yang biasanya ada baris seperti ini

<div id='footer-wrapper'>

Berdasarkan usaha yang terus-menerus dengan mencoba berbagai alternative pilihan berbagai referensi yang banyak ulasannya dibahas di internet “ bagaimana cara menambahkan kolom “ . Akhirnya berhasil juga Yos menambahkan 4 gadget/kolom pada bagian bawah template turnOut Mag ini.saya juga pernah meminta bantuan pada teman-teman blog saya namun rupanya Beliau juga kesulitan juga seperti saya…Lagian salah sendiri kenapa menggunakan template yang nggak standar ya…! he he he

berikut ini langkah-langkahnya :

1.  Seperti biasa login ke blogger.com

2.  Setelah Login lalu ke Kolom Edit HTML

3.  Cari dan Kemudian klik “Expand Widget Template”

4. Lalu copy Semua Kodenya , Ini bertujuan Untuk MengBackup Template Anda Jika Terjadi Kesalahan ,(jangan sampai maksud kita ingin mempercantik blog malah “HANCUR" LEBUR “)

5.  Kemudian masuklah pada bagian  CSS nya dan kita tambahkan script berikut ini kedalamnya.

 

/* bottom
==========
*/

#bottom {
width: 975px;
position: relative;
clear:both;
margin: 0 auto;
color: #000000;
float: left;
background:#FFFFFF;
padding:0;
}

#bottom_1 {
width: 300px;
float: left;
padding:0;
margin:0px 0px 0px 5px;
}

#bottom_2 {
width: 150px;
float: left;
padding:0;
margin:0px 0px 0px 5px
}

#bottom_3 {
width: 210px;
float: right;
padding:0;
margin:0px 0px 0px 5px
}

#bottom_4 {
width: 300px;
float: right;
padding:0;
margin:0px 0px 0px 5px
}

kalau Yos meletakkannya disini sebelum script berikut..

/** BEGIN footer **/
#footer {
    clear: both;
    background-color: #456069;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 0.9em;
}
    #footer a {
        color: #ffffff;
    }
    #footer p {
        padding: 15px 0;
        text-align: left;
        width: 975px;
        margin: auto auto;
    }
/** END footer **/

 

6. Kemudian cari lagi script berikut ini :

<!-- BEGIN footer -->

<div id='footer'>
    <p>Design by <a href='http://www.wpthemedesigner.com/' target='_blank'>ChiQ Montes</a>. Converted to Blogger by <a href='http://bloggertricks.com' target='_blank'>Blogger Tricks</a></p>
</div>
<!-- END footer –>

 

7. Letakkanlah script ini diatas <!-- BEGIN footer --> <div id='footer'>

<div id='bottom'>

<b:section class='sidebar' id='bottom_1'/>

<b:section class='sidebar' id='bottom_2'/>

<b:section class='sidebar' id='bottom_3'/>

<b:section class='sidebar' id='bottom_4'/>

</div>

 

8.   Nah setelah ini cobalah sobat PREVIEW dulu dan disave…Coba liat di PAGE ELEMEN apa sudah bertambah (ada perubahan di kolom bawahnya ).

9.   kalau sobat masih ingin menambahkan gadget lagi dibawah footer,silahkan copy saja script  ini.

awalnya :

<div id='footer'>
    <p>Design by <a href='http://www.wpthemedesigner.com/' target='_blank'>ChiQ Montes</a>. Converted to Blogger by <a href='http://bloggertricks.com' target='_blank'>Blogger Tricks</a></p>
</div>

diganti dengan :

<div id='footer'>

<b:section class='sidebar' id='footer' preferred='yes'>
    <p>Design by <a href='http://www.wpthemedesigner.com/' target='_blank'>ChiQ Montes</a>. Converted to Blogger by <a href='http://bloggertricks.com' target='_blank'>Blogger Tricks</a></p>
</div>

10. Akhirnya selesai juga …semoga berguna ya…kalau ada kekurangan mohon maaf dan ditunggu saran-sarannya. Terimakasih

Artikel lainnya yang berhubungan :

...Selengkapnya...4 kolom footer pada Template TurnOutMag

 
© Copyright by Rang Minang  |  Template by Other Blog