Jumat, 30 November 2012

Get Wikipedia Headline using jQuery Wiki

Susah memang kalo mau dapetin artikel unik! Mau mosting tapi tema-tema yang ada hanya itu-itu saja :)) Sobat pernah perhatikan hyperlink yg Koben sisipkan setiap gue mosting? Hyper-link yg jika disorot akan terlihat tooltip headlines dari web wikipedia! Feature tersebut akan terlihat bila blog ini sudah loading 100% complete :-" Contoh seperti ini (sorot ya...)
wikipedia ~ Blog [English version]
wikipedia ~ Blog [Indonesian version]
Tidak semata-mata blog ini berat dengan sengaja loh! Lah aplikasi/fitur di blog ini banyak b-) How about it Freedom for Palestine \m/
Malah jadi pamer kelihatannya :)) Kreasi itu dinamakan dengan Wiki Summary Box. @jseidelin owner from Nihilogic blog. Look is there, that is a blogspot blog :x

Read here if you want Wiki Summary Box Karena debit script & CSS lumayan berisi, Koben punya tutorial serupa dengan debit code minimalis ;) Mirip-mirip tapi tak sama gito loh :DwikiUp

ZIP FileTAR BallGitHub
DownloadDownloadView On
Silahkan download dulu bumbu-bumbunya. Setelah itu ekstrak, buka dan ambil. Tutorial wikiUp merupakan snippet jQuery plugin, jadi harus sudah tertanam script jQuery. Like this structure HTML []
<!doctype html>
<html lang="en">
<head>
 <title></title>
 <meta charset="utf-8">
 <meta name="description" content="">
 <meta name="author" content="Beben Koben">
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <b:skin><![CDATA[
 -------------- PUT CSS CODE HERE -------------- 
 ]]></b:skin>
</head>
<body>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="JAVASCRIPTS/WIKIUP.JS"></script>
</body>
</html>
Keterangan:
>> Letakan kode CSS sebelum tag </b:skin>
>> Script warna merah jangan digunakan lagi jika sudah ada.
>> Script warna violet hostingkan biar praktis.
Cara memakainya begini nih (syntax HTML)<data data-wiki="Apple Inc.">Apple</data> was founded by <data data-wiki="Steve Jobs">Steve Jobs</data>.
<data data-wiki="TITLE"> TITLE </data>
Kalau mau tampilan bahasa sesuai keinginan, maka atribut syntax HTML ditambahkan sedikit data-lang="id"<data data-wiki="Apple Inc." data-lang="es">Apple</data> was founded by <data data-wiki="Steve Jobs">Steve Jobs</data>.Good luck :)
Resource & Demo by: wikiUp by pmtarantino
Happy wiki \m/
Diposting oleh di
Label: , , , ,
Lokasi: Sekeloa, Bandung 40134, Indonesia

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)