J-GAZA WIDGET- Gadget Kepedulian

Dari Blogger Indonesia Untuk Anak-Anak Palestine

Ada yang aneh update pagerank kali ini. coba tengok tulisan jovie “ 8 hari dapat pagerank 3 “. dan ini terjadi juga pada blog saya “ Mangga-Magazine”. pd hal baru beberapa hari di buat, dan belum saya submiti apalagi verifikasi ke dalam webmastertool, sudah dapat PR 2. 

Kata teman saya yang terobsesi pikirannya dengan “ teori konspirasi “, bisik-bisik bahwa ke anehan pagerank ini ada hubungan dengan agresi Israel ke Jalur Gaza. sambil sok pengamat dia melanjutnya lagi pada saya,

" You kan tahu salah satu pendiri google adalah orang “ Y “.

Wah teman ku ini orangnya memang suka berprasangka dan selalu menghubung-hungkan yang tidak ada hubungannya.

Prolog J-Gaza Widget

Oke dech balik lagi ke laktop saja.

Saya baca postingan suhu Gus “ mari-kita-bantu-perjuangan-bangsa palestine“, dengan sangat provokatif,  beliau mengajak atau mengugah para blogger indonesia lintas partai dan agama untuk membantu dan peduli atas nasib sesama manusia di belahan bumi palestine. ujar suhu Gus  " Mari kita bantu perjuangan bangsa Palestina melawan tirani Israel dan Amerika. Dengan cara yang kita bisa.".

Saya jadi teringat jua lagu Bang Iwan Fals - 15 Juni 1996 ,  dalam satu baris-nya.

Aku tak bisa untuk tak peduli
Hati ini tersiksa
Aku bersumpah
Untuk berbuat yang aku bisa
Harus ada yang di kerjakan,
Agar kehidupan berjalan wajar.
Hidup hanya sekali kawan
Aku tak mau hidup dalam keraguan.

J-Gaza Widget dan Fungsinya

Maka dari titik itulah saya berangkat, kemudian saya mengumpulkan bahan-bahannya untuk membuat J-Gaza Widget. dan hasilnya bisa saudara lihat di samping atas badan postingan artikel ini.

J-Gaxa Widget ini sendiri terdiri dari beberapa fungsi.

1. Font-Size: fasilitas untuk memperbesar dan memperkecil ukuran text artikel, sesuai dengan selera dan kebutuhan pembaca.
2. Kirim ke teman : bahasa linggisnya " Tell-a-Frend ", pasilitas yang memudahkan untuk mempromosikan tulisan-tulisan  ke teman via email.
3. Print this page : Pasilitas yang memudahkan untuk mencetak artikel.
4. FaceBook : Mengirim artikel ke dalam layanan facebook.
5. GBookmark : Memudahkan untuk membookmark artikel ke dalam Google Bookmark.

Sebenarnya J-Gaza Widget ini sangat fleksibel untuk kita tambahkan, misalnya menambah layanan bookmark, menambah sebuah link untuk comment  " add coomment " , atau link yang menampilkan  informasi  jumlah komentar yang masuk. dll.

Bagaimana Cara Menginstall-nya ke dalam Blog.

Pertama :

Dalam tab Layout pilih Edit Html kemudian tandai kotak kecil di samping tulisan “ Expand Widget Templates “.

 

Setelah itu  di atas tag :

]]></b:skin>

 

masukan kode kode css di bawah ini.

/* J-Gaza Widget  
-------------------------------*/  
.gaza {  
border:1px solid #A3A3A3;  
float:right;  
font-size:10px;  
line-height:140%;  
margin:3px;  
padding:3px;  
width:120px;  
}

Note : Anda bisa menambahkan properti background gambar pd kode css di atas.

.gaza img {  
 border:none; padding:0px;  
 }

.rgaza {  
line-height:16px;padding:0px 5px 0 0px;  
margin:5px 0 -2px;  
}

.jgaza {   
background:#4DA96A;  
display:block; font-size:11px;  
margin-top:10px; color:#000; text-align:center;  
}

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

.gazapost{ 
font-size: 13px; 
}

 

Kemudian di di bawah tag penutup :

</head>

 

masukan link kode css dan javascript di bawah 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'/>

 

Setelah beres dengan pekerjaan di atas cari kode  ini.

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

 

Kemudian ganti kode di atas dengan kode ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='gaza'>Font Size :
<a class='texttoggler' href='#' rel='normalview' title='normal size'><span style='font-size:12px'>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:20px'>A</span></a>
<script type='text/javascript'>
//documenttextsizer.setup(&quot;shared_css_class_of_toggler_controls&quot;)
documenttextsizer.setup(&quot;texttoggler&quot;)
</script><br/><img class='rgaza' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='13'/><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><br/><img class='rgaza' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGHcSig5F6NEe_SQQqIStkIU19rMoAfM0cui2kkcMFCd2pqnfhkaXYStoGycvKXAt5L3KojjtdM4kGF8_HTufr1X0cAdmU_vAfJrY3nnkmG9rrjGF3jysrOiftRTIqVauqcjvoSgCSzfU/' width='13'/><a href='javascript:window.print()'> Print this page </a><br/>
<img class='rgaza' height='16' src='http://lh5.ggpht.com/jaloee/SJNIyWWQmEI/AAAAAAAACRY/4GVE3Qxqg34/facebook.gif' width='13'/>
<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><br/><img class='rgaza' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2N5cdiyh0h7i3qOpKJhfat9azjW8WW-mLc3zA9XgbZ-oeLH0JS5J2assxmSfVNlrTSaNG0YKdx_UClmcwA6eboYx6k1fLZYO1PE6vUdpVCPlRVuvqQ8BACTpVx9ms7XxII0aDbjnwviQ/s1600/google.gif' width='13'/><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><br/>
<span class='jgaza'><a href='http://www.inminds.co.uk/boycott-leaflet.html' target='_blank'>Save Our Palestina </a></span>
</div></b:if>
        <div class='gazapost'><p><data:post.body/></p></div>

 

Catatan :

Jika anda men-install read more dari ramani , maka yang di ganti <data:post.body/> yang pertama. dan jika anda mengunakan read more yang “ special-effects-for-peekaboo-posts “,  maka anda harus menghapus kode ini.

<b:if cond='data:blog.pageType == "item"'> dan tag penutupnya ialah </b:if>. ( dari kode tambahan  saya bro. )

Setelah itu :

Simpan template anda, 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 palestine, maka saya berharap dan memohon, 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.

Sumber Inspirasi dan reperensi

1. Anak- anak palestine yang mati di jalur gaza.

2. Republika Online

3. javascriptkit.com

4. dynamicdrive.com

Page views this post: reader