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/AVvXsEg8xOfZaadnVGkKC0RYwG6x2SmLgwbcj4EhgGGuG8hKXOMraHueCAp3cxIbPV9HMDfT4NDO_DB5A9jTmlIynO_JBaVxWiRJvWMLTX4ZEltdU7Brkz0831a3i4gIMxzMVkqqQNAgY3DVMPs/);
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/AVvXsEgvEI_263SD6UZf4P7BG7dYeEApKUBL24Ac-q_fShufmQbkfNGGKuSLNlmGZ8u_GohE8LcLJhgfNAeuHe7LVLVHRyr48eEf1x4O-PerGiyYRERppBwd_5JNjkWE7FG5MXbpk5JnY6FjVs4/);
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/AVvXsEgbGnAv1WlEqCUneNRURTvF3rtGXpqOjOreEH2-YOQaPp7IN55iwguOyY1c5zbOUBYMAEDtn_lOzsXHqKhEduXAyK-a1Oon4EVgRlaJRaK7zWvSWzNFiXI9pygV4dUYJVInuyGdz-tKMUE/);
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/AVvXsEiu-3RRWMg_lqWF5G23ZeaHH13B5X4pn19AEOkdP-FLiMLT-vIhGMKSvWRarHlkQtcF3EvdvZiagnXLr4vow78qyAnLQdtkzN4uXjoNDTM2He6wyBfi9Hu5t-hHiO4nCw_JagQ7-SDVeJY/);
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/AVvXsEhsWoeL8deGhGx6nqUM5aYrdIkNCPpXv5Sklim4MoyVzeniGc-us3oAhwKbIMtPDsDhhd-31nMMZ3rtUhQhq_wamSUkb2v53-hQi9gAWpzxEMOuhWi5IhmEPH2gIENm9he6w9V0PXUvFnU/);
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("shared_css_class_of_toggler_controls")
documenttextsizer.setup("texttoggler") </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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'> Facebook </a></li><li class='marks'><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + 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.
0 comments:
Post a Comment