Revisi J-Gaza Widget

hack dan idenya mantap mas.. tapi ada masalah setelah menginstall nya. format tulisannya tidak beraturan. tolong masukannya.. trims mas kaji -

Terima kasih juga atas masukanya, mungkin karena saya pasang pada template yang saya gunakan, maka dalam beberapa hal bisa saja berbeda ketika mengunakan J-Gaza Widget pada template lain, bahkan  keliatanya menjadi rancu.

Untuk itu dalam tulisan ini, ada beberapa kode css dan content J-Gaza Widget yang saya revisi. Mudah-mudahan versi revisi ini tidak terjadi ke rancuan seperti script sebelumnya. ( red. tapi jika ada masalah bisa share dengan saya ).

- demonya bisa anda lihat di samping kanan badan postingan ini.

Pertama :

Backup dulu templatenya.

kemudian dalam tab Layout pilih Edit Html, dan tandai kotak kecil di samping tulisan " Expand Widget Templates ".

setelah itu di atas tag ini.

]]></b:skin>

 

masukan semua kode css ini.

/* J-Gaza Widget  -------------------------------*/  
.gaza {   
float:right; 

font-size:11px; 

line-height:140%;   
margin:3px 0px 15px 15px; 

padding:3px 0px; 

width:140px; 

} 

* html .gaza {   
font-size:10px; } 

.gaza ul { 
 list-style: none; 
 padding:0px;   
 margin:0px;   
} 

.gaza li {   
 display:block;height:15px; 
 color:#777;font-weight:normal;   
 padding:10px 0px;margin:-1px 0;text-decoration:none; 
 letter-spacing:1px; 
 background-color:#EBF3FB;border-top:1px solid #555; 
 border-bottom:1px solid #555; 

}

li.text {  
font : normal bold 140% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;  
padding: 10px 10px;  
margin: .2em 0;

} 

li.text a:hover{  
text-decoration:underline;  
}

li.font{

padding: 10px 0 10px 5px;

} 

* html li.font{

margin:-1px 0;

} 

li.print {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGHcSig5F6NEe_SQQqIStkIU19rMoAfM0cui2kkcMFCd2pqnfhkaXYStoGycvKXAt5L3KojjtdM4kGF8_HTufr1X0cAdmU_vAfJrY3nnkmG9rrjGF3jysrOiftRTIqVauqcjvoSgCSzfU/);  
background-repeat: no-repeat;

background-position: 5px 50%;

padding: 10px 0 10px 25px;  
}

li.mail { 

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP_eaaCdG3u0JamHcX5Lk9fsCIje3fvGhdOqhOFQG9CQxZxGmxSgcK3wJJQF9L8ZQVmkFYU4WDf8WOniutjYQGIg4CEsy_80hyVG8f5OeD1kt8lkdJBBnjeQbVr2FgweGJjP688o-MkWM/);   
background-repeat: no-repeat; 

background-position: 5px 50%; 

padding: 10px 0 10px 25px; 

}

li.book { 

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj71K5LeTSi4hXV9e97ztGKkjgJ4Uoxms0NeetyhssCh5pwMBhMoG70ZbGLXHZVZ5ZKmAWaSEwQ0S1MYFsoXW3HhjH2UVwNc6pljNZwf37uFSAoS5WyfAomFpPsBdLI7hpZHEmzLtwWfRE/); 

background-repeat: no-repeat; 

background-position: 5px 50%; 

padding: 10px 0 10px 25px; 

}

li.marks {   
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcfaS4_ccDvQFtLXSFv5qxUWT-FvWLVPGTqARagt38wS85SiDPub2xakWRBoPIleBb90tGtYKvf-Sj28smMvCCKGG81UfkZdCrTmDRVNOLTSFN-Tg4uM1bhI_XGXXBti3SUd0ycfaHigw/);  
background-repeat: no-repeat; 

background-position: 5px 50%; 

padding: 10px 0 10px 25px; 
}

li.komen {  
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie3B0jaW1EE-lVTKL8LQsdlLoqGU73gE58B36rlodOPC3bP4TZJv4qvVP6LYIXsIip46HnRw4XAwQ1q_h4qTwFKbls06eUjgmPuhCBQfBND8enuwtkm5vLzpgt1KgnG2V2hmlPuNPyB_4/);   
background-repeat: no-repeat; 

background-position: 5px 50%; 

padding: 10px 0 10px 20px;   
}

.jgaza { 

background:#4DA96A; 

display:block;  
font-size:11px;   
margin:10px 0 15px 0;   
color:#000;   
text-align:center;  
} 

.jgaza a{ 

color:#fff;   
}   
.jgaza a:hover {   
color:#FF0000;   
}

.gazapost{   
font-size: 14px;   
}

 

( red. Jika merasa terlalu panjang, bisa saja kodenya di persingkat dengan cara  mengunakan background setiap list-nya sama.)

Setelah beres , kemudian di bawah tag ini

</head>

 

masukan link Css dan javascript ini.

<link href='http://jaloee.googlepages.com/gazatextsizer.css' rel='stylesheet' type='text/css'/> 

<script src='http://jaloee.googlepages.com/doctextsizer.js' type='text/javascript'/> 

<script src='http://jaloee.googlepages.com/addprintlink.js' type='text/javascript'/>

 

Kemudian cari kode  ini.

<p><data:post.body/></p>

 

Setelah ketemu ganti dengan kode ini.

<div class='gaza'><ul><li class='text'><a href='http://catalog-tutorial.blogspot.com/2009/01/revisi-j-gaza-widget.html'> J-Gaza<em>Widget</em></a></li><li class='font'>Font Size :
<a class='texttoggler' href='#' rel='normalview' title='normal size'><span style='font-size:13px'>A</span></a>
<a class='texttoggler' href='#' rel='largeview' title='large size'><span style='font-size:16px'>A</span></a>
<a class='texttoggler' href='#' rel='xlargeview' title='extra large size'><span style='font-size:17px'>A</span></a> <script type='text/javascript'>
//documenttextsizer.setup(&quot;shared_css_class_of_toggler_controls&quot;)
documenttextsizer.setup(&quot;texttoggler&quot;) </script></li><li class='mail'><b:if cond='data:post.emailPostUrl'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg' target='_blank'>
Kirim ke teman</a>
</b:if></li>
<li class='print'><a href='javascript:window.print()'> Print this page </a></li>
<li class='book'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'> Facebook </a></li><li class='marks'><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'> Gbookmarks </a></li><li class='komen'> <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'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if></li></ul>
<span class='jgaza'><a href='http://www.mer-c.org/' target='_blank'>Save Our Palestina </a></span>
</div>
        <div class='gazapost'><p><data:post.body/></p></div>

 

** note : Jika anda mengunakan readmore maka yang di ganti <p><data:post.body/></p> –nya yang pertama.

Kedua :

Setelah beres dengan pekerjaan di atas “ Simpan Template “, kemudian buka tab Setting – Basic. dan pastikan di samping kanan tulisan “ Show Email Post links? “ . dalam keadaan terpilih “ Yes”.

AGREEMENT

Karena ini widget bertemakan kepedulian terhadap nasib anak-anak dan bangsa  palestine, maka saya berharap , jika anda memasang widget ini mohon jangan di hapus tulisan dan link " Save Our Palestina ". please man " salam dua jari ".

Kecuali sampai agresi dan kependudukan Israil terhadap Jalur Gaza berhenti. maka anda boleh menghapus tulisan tersebut.

note:

Sekali lagi script ini sama tergesa-gesanya ketika menulis teks proklamasi, dan saya gunakan serta di uji coba pada template minima yang saya modifikasi , jadi jika terjadi  masalah dengan template yang lain-nya, bisa anda share di sini.

Page views this post: reader