itu perlu dukungan beberapa hal ,
demo diatas menggunakan beberapa pendukung untuk mewujudkannya di ruang posting ,;
tab diatas sering kalian temukan di web pribadi orang bule .
nah ,ini dia pendukungnya ;
syntax highlighter tipe apapun .
pop up copy , tutorialnya ini ada di DTE.WEB.ID , kebetulan saya membacanya .
font awesome boostrap beserta pluginnya .
namun ingat , font semacam ini tak selamanya bekerja di tiap template apabila memakai plugin ,namun ini hanya berlaku pada tab tab nya saja ,,
kalau cuma font nya semata , yah mungkin aman aman sajalah .
mengapa plugin kadang tak bekerja , yah disebabkan adanya script lain yang dominan sebagai preman .
hahahahaa....
santai sajalah , jangan tegang membacanya ..masih panjang nih perjalanan.
saran saya , cari tutorialnya di master master yang banyak bertebaran ,
agar plugin berfungsi tanpa mengenal script lain ,, paham? .
kalau perlu minta bantuan master tutorial . mengapa harus malu .
mau dapat ilmu tapi malu bertanya , malah main cloning aja langsung .
inilah resiko yang kalian harus tempuh apabila ingin memakai plugin font boostrap .
sekali lagi ,, PAHAM? .
ok .. kita mulai masang syntax nya dulu ,, silahkan cari tutorialnya ,
karna kalau disini , pasti penuh ini ruang posting ..
langkah selanjutnya , memasang pop up copy.
tab diatas sering kalian temukan di web pribadi orang bule .
nah ,ini dia pendukungnya ;
syntax highlighter tipe apapun .
pop up copy , tutorialnya ini ada di DTE.WEB.ID , kebetulan saya membacanya .
font awesome boostrap beserta pluginnya .
namun ingat , font semacam ini tak selamanya bekerja di tiap template apabila memakai plugin ,namun ini hanya berlaku pada tab tab nya saja ,,
kalau cuma font nya semata , yah mungkin aman aman sajalah .
mengapa plugin kadang tak bekerja , yah disebabkan adanya script lain yang dominan sebagai preman .
hahahahaa....
santai sajalah , jangan tegang membacanya ..masih panjang nih perjalanan.
saran saya , cari tutorialnya di master master yang banyak bertebaran ,
agar plugin berfungsi tanpa mengenal script lain ,, paham? .
kalau perlu minta bantuan master tutorial . mengapa harus malu .
mau dapat ilmu tapi malu bertanya , malah main cloning aja langsung .
inilah resiko yang kalian harus tempuh apabila ingin memakai plugin font boostrap .
sekali lagi ,, PAHAM? .
ok .. kita mulai masang syntax nya dulu ,, silahkan cari tutorialnya ,
karna kalau disini , pasti penuh ini ruang posting ..
langkah selanjutnya , memasang pop up copy.
alangkah baiknya kalian memakai template yang support tab font awesome,
karna dengan mengcopy susunan di open source blog ini itu tak bisa menjamin dia bekerja.
apabila template kalian tak support dengan tata letak , maka adakan pengeditan .
karna dengan mengcopy susunan di open source blog ini itu tak bisa menjamin dia bekerja.
apabila template kalian tak support dengan tata letak , maka adakan pengeditan .
<!--copy-->
<script type='text/javascript'>
//<![CDATA[
function copy_code(id) {
var ref = document.getElementById(id),
code = ref.getElementsByTagName('code')[0].innerHTML,
w_w = window.innerWidth,
w_h = window.innerHeight,
win = window.open('', '', 'left=' + ((w_w/2)-250) + ',top=' + ((w_h/2)-150) + ',width=500,height=300,scrollbars=0');
win.document.write('<!DOCTYPE html><html><head><title>Source Code</title><style type="text/css">*{margin:0;padding:0}body{padding:10px;text-aign:center}textarea{display:block;width:98%;height:270px;padding:1px 1px;margin:0 auto;text-align:left;overflow:auto}</style></head><body><textarea>' + code.replace(/<(.*?)>/g, "") + '</textarea><scr' + 'ipt type="text/javascript">var a=document.getElementsByTagName(\'textarea\')[0];a.focus();a.select();</scr' + 'ipt></body></html>');
}
function add_copy_button() {
var pre = document.getElementsByTagName('pre');
for (var i = 0; i < pre.length; i++) {
pre[i].id = 'code-' + i;
pre[i].className += ' quick-copy';
pre[i].innerHTML += '<a class="c_b" href="javascript:copy_code(\'code-' + i + '\');"><button class="btn btn-inverse btn-small">copy <i class="icon-folder-open"></i></button></a>';
}
} add_copy_button();
//]]>
</script>
<!--end-->
/*copy*/
pre {position:relative}
pre .c_b {
display:block;
position:absolute;
top:0px;
right:0;
padding:2px 0px;
}
<link href='https://googledrive.com/host/0B4xnAxHBCD6GcE1oVWpCZ1lmcnM' rel='stylesheet' type='text/css'/><!--untuk button pop up -->
sampai disini pop up copy telah selesai .
lanjut si posting berikut.
dte.web.id
Tambahkan komentar Komentator
Konversi KodeOOT