Cara Membuat Tulisan Pangkat di Ms Excel

Di Microsoft Excel kita biasa menulis tanda pangkat seperti kuadrat (pangkat dua) atau kubik (pangkat tiga) dengan mengetikkan langsung angka 2 dan 3 disamping satuan yang digunakan, seperti  M2, atau M3 . Penulisan pangkat tersebut tentunya akan lebih sesuai dan lebih menarik untuk dilihat jika kita menggunakan superscript sehingga tulisan menjadi M² dan

M³

Pembuatan superscript di microsoft Word bisa dibilang lebih mudah untuk dilakukan daripada di microsoft excel. Membuat superscript di excel membutuhkan langkah yang lebih panjang untuk dilakukan. Untuk lebih jelasnya, lihat contoh pembuatan superscript di dalam sel microsoft excel berikut ini.

1. Misalkan kita ingin membuat tulisan Km2 di dalam sebuah sel microsoft excel
2. Ketikan tulisan Km pada sebuah sel
3. Lalu Klik kanan pada sel tersebut
4. Kemudian pilih item Format Cells
5. Pada dialog Format Cells, berikan tanda check pada item Superscript
6. Klik tombol OK
7. Selanjutnya ketik angka 2
8. Tekan tombol enter
9. Sel telah terisi dengan Km2.

 

Read more...

Memasang User Online Text

ikuti cara berikut:
1. log in di blogger.com
2. tata letak> tambah gadget
3. pilih html/ java script
4. pastekan kode berikut

<script type="text/javascript" src="http://gusdegleng.blogspot.com/on3.php?d=http://www.kita-aceh.blogspot.com/"></script>User Online&nbsp;</script>

5.klik simpan
tulisan yang di tandai dengan wana merah tersebut ganti dengan alamat blogmu.

semoga bermanfaat :)

Read more...

Daftar Panggilan di Windows RUN

Command programs :
- accwiz - Menampilkan Accsessibility Wizard
- calc - Menampilkan Kalkulator
- certmgr - Menampilkan Certificates
- charmap - Menampilkan Character Map
- ciadv - Menampilkan Indexing Service
- cleanmgr - Menampilkan Clean Manager
- cliconfg - Menampilkan Server Client Network Utility
- clipbrd - Menampilkan ClipBook Viewer
- cmd - Menampilkan Windows Command Processor
- cmstp - Menampilkan Connection Manager Profile Installer
- compmgmt - Menampilkan Computer Management
- ddeshare - Menampilkan DDE Share
- devmgmt - Menampilkan Device Manager
- dfrg - Menampilkan Disk Defragmenter
- diskmgmt - Menampilkan Disk Management
- drwtsn32 - Menampilkan Dr.Watson Debugger
- dvdplay - Menampilkan Windows Media Player
- dxdiag - Menampilkan DirectX
- eudcedit - Menampilkan Private Character Editor
- eventvwr - Menampilkan Event Viewer
- fsquirt - Menampilkan Bluetooth Transfer Wizard
- fsmgmt - Menampilkan Share FOlder
- gpedit.msc - Menampilkan Group Police
- GPhotos - Menampilkan Google Photos
- iexpress - Menampilkan IExpress Wizard
- lusrmgr - Menampilkan Local User and Groups
- magnify - Menampilkan Magnifie
- mmc - Menampilkan Console 1
- mobsync - Menampilkan Items synchronize
- mplay32 - Menampilkan Media Player
- msiexec - Menampilkan Windows Installer
- mspaint - Menampilkan Paint
- mstsc - Menampilkan Remote Desktop Connection
- narrator - Menampilkan Microsoft Narrator
- netsetup - Menampilkan Network Setup Wizard
- notepad - Menampilkan Notepad
- nslookup - menampilkan nslookup
- ntbackup - Menampilkan Backup or Restore Wizard
- ntmsmgr - Menampilkan Removable Storage
- ntmsoprq - Manampilkan Removable Storage Operator Request
- ntsd - Unknown
- odbcad32 - Menampilkan ODBC Data Source Administrator
- osk - Menampilkan On-Screen Keyboard
- packager - menampilkan Object Packager
- perfmon - Menampilkan Performance Computer
- rasphone - Menampilkan Network Connection
- regedt32 - Menampilkan Registry Editor
- regedit - Menampilkan Registry Editor
- rsop - Menampilkan Resultant Set of Policy
- rtcshare - Menampilkan Sharing Session
- RTLCPL - menampilkan Realtek Audio COntrol Panel
- scrnsave - Mengaktifkan Screen Saver
- secpol - Menampilkan Local Security Settings
- shrpubw - Menampilkan Create Folder Wizard
- sigverif - Menampilkan Signatur Verification
- sndrec32 - Menampilkan Sound Recorder
- sndvol32 - Menampilkan Master Volume
- sysedit - Menampilkan System Configuration Editor
- syskey - Menampilkan Securing the Windows XP Account Database
- sysocmgr - Menampilkan Windows XP Setup Information
- taskmgr - Menampilkan Task Manager
- telnet - Menampilkan Microsoft TelNet
- tourstart - Menampilkan Windows XP Tour
- verifier - Menampilkan Verifier Manager
- View Channels - Unknown
- wiaacmgr - menampilkan Scanner and Camera Wizard
- winchat - Menampilkan Windows Chatting
- winhelp - Menampilkan How to Use help
- winhlp32 - Menampilkan Windows Help
- wmimgmt - Menampilkan Windows Management Infrastructure (WMI)
- write - Menampilkan WordPad
- wupdmgr - Menampilkan Windows Update (Need Internet Connection)

Command Games :

- freecell - Menampilkan Game FreeCell
- mshearts - Menampilkan Game The Microsoft Hearts network
- spider - Menampilkan Game Spider
- sol - Menampilkan game Solitair
- winmine - Menampilkan Game MineSweeper

Command Screen Saver :

- ss3dfo
- ssflwbox
- ssmarque
- ssmypics
- ssmyst
- sspipes
- ssstars
- sstext3d

SEMOGA BERMANFAAT ...!!

Read more...

Merubah Teks Menjadi Gambar Pada Ms.word

Terkadang kita membutuhkan sebuah cara agar dokument kita tidak mudah di edit orang, tentu sahabat sudah paham kenapa dokument kita tidak ingin ada yang dengan mudahnya meng-edit isi dari dokument yang kita miliki.
Dengan memberi password misalnya.

Nach ... kali ini ada sdikit tip bagaimana agar dokument kita tidak mudah untuk di edit.
Selain dengan password, sahabt bisa melakukan dengan merubah teks itu sendiri menjadi sebuah file gambar dengan format JPEG. dengan begitu bagi yang pingen meng edit dokument tersebut silahkan edit dengan aplikasi editing gambar... he ..he..he...

Berikut langkah-langkahnya

1. Atur dulu dokument anda sesuai dengan keinginan kerena setelah dirubah jadi file gambar lumayan susah editnya.
2. Seleksi Teks yang akan dirubah menjadi gambar dengann meng-Blok nya atau Ctrl + C
3. Taruh kursor dimana Gambar Teks tadi ditempatkan
4. Clik Button Paste - Paste Special
5. Pilih Picture ( Enhanced Metafile)
6. OK dech ... SELAMAT MENCOBA

Read more...

Pengaman Password

Kata kunci atau password merupakan hal yang wajib untuk meng-auntetikasi semua akun kita di internet. Dengan password, akun kita terjamin dari jamahan orang lain. Namun Jika password dan username kita jatuh ke tangan orang yang salah, maka habislah kita, Apalagi jika password tersebut terkait dengan akun yang penting seperti paypal, e-banking, dan lain sebagainya.

Banyak cara dilakukan untuk melindungi akun-akun tersebut, antara lain dengan memberikan password yang berbeda-beda di masing-masing akun. Hal ini menyebabkan kita harus mengingat banyak sekali password dan hal itu tidaklah mudah. Untuk itulah diperlukan sebuah software password manager yang bisa mengatur semua password kita dengan aman, maka dari itu muncul sebuah software KeePass Password Safe.

KeePass Password Safe adalah password manager yang bisa kita gunakan untuk menyimpan semua password kita dengan aman. Password kita tersebut akan dilindungi oleh satu master key atau satu key file. Sehingga yang perlu kita ingat cukup satu password master key saja ataupun cukup kita pilih satu key file untuk membuka semua password database yang telah kita simpan.

Password yang telah kita simpan di dalam database KeePass Password Safe akan dienkripsi dengan enkripsi yang paling aman saat ini yaitu AES dan Twofish.

Fitur-fitur KeePass Password Safe yang bisa kita nikmati adalah:

• Tingkat keamanan database password yang kuat dengan berbagai perlindungan enkripsi, algoritma, master key dan key file akan menjamin password kita aman tersimpan didalamnya.
• Memiliki dua pilihan untuk membuka database password kita, master key dan key file, yang bisa kita pilih sesuai dengan keinginan kita.
• KeePass Password Safe tidak memerlukan instalasi dan merupakan software portable. Tersedia pula versi installer nya jika kita memang tertarik menggunakan yang versi installer.
• Kita bisa mengekspor password kita ke format TXT, HTML, XML dan CSV.
• Bisa mengimpor password dari berbagai format password manager lain seperti CSV (yang sering digunakan oleh password manager seperti Password Keeper dan Password Agent), TXT, serta 35 format lainnya.
• Mudah mentransfer database password dari satu komputer ke komputer lainnya.
• Kita bisa mengelompokkan password berdasarkan groupnya. Mendukung untuk mengelompokkan password di dalam Groups, Sub Groups, dan Sub Groups didalam Sub Groups.
• Memiliki catatan waktu kapan kita menyimpan dan mengedit password.
• Mendukung fitur drag and drop sehingga kita bisa melakukan drag and drop untuk membuka sebuah akun.
• Kita bisa mencari dan mengurutkan password dengan mudah.
• Memiliki fitur Strong Random Password Generator untuk menghasilkan password yang aman bagi kita.
• Mendukung berbagai macam plugin, kita juga bisa membuat pluginnya sendiri.
• Gratis dan merupakan open source yang bebas kita gunakan.

Oke, langsung saja kita mencoba tools ini.

• Kemudian jalankan installernya seperti biasa.
• Setelah itu buka KeePass Password Safe, gambar dibawah merupakan tampilan utama dari tools ini.

• Untuk menambahkan Database Password baru, kita pilih Add New Password Database. Pilih direktori penyimpananya.

• Kemudian isi master password dari database kita.

• Untuk menambahkan keamanan, kita tambah dengan key file, caranya dengan mencetang pilihan key file. Simpan key file ditempat yang aman menurut anda.

• Secara otomatis tools ini meminta Entropy Collection untuk keunikan key file kita.

• Setelah pembuatan master password dan key file berhasil, maka muncul halaman utama Database Password kita.

• Oke, kita coba untuk menambahkan password facebook di tools ini. Caranya dengan mengeklik icon add new entry. Dan isikan textfield-textfield sesuai yang diminta.Oke, penambahan entry berhasil.

•  Untuk mengetahui password kita, kita cukup memilih icon Copy Password to Clipboard, kemudian paste di notepad (kita diizinkan mem-paste password kita hanya beberapa detik) .

• Oke sekian contoh penambahan password di tools ini.

• Untuk membuka kembali KeePass Password Safe, cukup dengan double-klik iconnya dan kita akan diperintahkan untuk mengisikan Master Password dan Key File.

 

Dengan adanya tools manajemen password seperti KeePass Password Safe ini, kita tak perlu susah-susah untuk mengingat semua password dari akun internet yang kita miliki, cukup dengan mengingat master password dari tools ini, maka semua password kita akan tersimpan dengan aman.

Read more...

Fans Page Facebook Melayang Mengikuti Kursor

Sobat blog trik dan tips, sebelumnya saya telah mengajarkan bagaimana untuk membuat efek slide facebook page fan like di blog. Pada kesempatan ini kita akan membuat hal yang sama namun bukan dengan efek slide tetapi menggunakan efek melayang. Kotak facebook page fan like akan muncul dan melayang pada blog di posisi yang tetap. Kotak Facebook Like akan mengikuti ke bawah atau ke atas apabila halaman di scroll. Kotak ini dilengkapi dengan tombol close untuk menonaktifkan gadjet tersebut. Nah penasaran gimana tampilannya pada blog anda ikuti langkah berikut ini:

• Log in ke Blogger
• Masuk ke Design --> Elemen Halaman
• Tambahkan Gadjet
• Pilih HTML JavaScript
• Masukan kode berikut ini dalam gadjet tersebut:

<style type="text/css">
#topbar{
position:absolute;
padding-left:-100px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxO0Oq9XtLJABiSlVR0EwbFXeW4PHqZwyBzwHml7jB32QFGPO8MapJy1jXJnimdqbiTNrJ7dIw96cryahE1jCePw4GXtd3Of3FoQJ5P7g8jUUBxbZ87Gl25dp_R2Hwqp2z89_xbBGD6w/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

PASTE CODE LIKE BOX DISINI

<span >Widget by: <a style=" font-weight:bold" href="http://brankaslandungsantoso.blogspot.com/2013/02/fans-page-facebook-melayang-mengikuti.html">Pasang Widget</a></span>
</div>
</center>
</div>

• Ganti kode yang berwarna merah dengan kode like box facebook fan milik anda, untuk membuat like box nya  sobat dapat meng CLIK gambar dibawah ini :

• 

• Gunakan Code Like Box pada pilihan IFRAME

• Simpan template anda lalu lihat hasilnya

Gimana mudah saja kan untuk membuatnya. Cobalah buat di blog anda, yang pasti fan page ada pada facebook akan semakin bertambah penggemarnya. Selain itu trafik blog anda akan semakin meningkat. 

Oke sekian dulu trik dan tips kali ini. Selamat mencoba..

Read more...

Membuat Borders Dalam Ms.Word Office

Jika anda ingin membuat sebuah borders dalam dalam document ms.word office
exp. Untuk membuat borders seperti dalam ijazah atau piagam

Banyak sekali cara dan langkah langkahnya.
Disini saya akan memberi tips yang sangat mudah untuk anda dalam membuat sebuah borders dalam ms.word office, okey ... langsung saja pada panduan membuat borders pada ms.word office

Seperti biasa, buka Ms.Word Office anda

• Masuk pada Page Layout - Page Borders pada menu Page Background

• Pada menu Borders and Shading - Art - Pilih Borders keinginan anda - OK

• Dokument Ms.Word anda telah memiliki borders untuk mempercantik dokument anda.
• Selamat mencoba

Read more...

Beground Image Dalam Ms.Word Office

Dalam membuat kreasi pada dokument ms.word office agar tampilan semakin keren dan unik , anda bisa membuat sebuah beground dari image yang anda inginkan.

view demo

Nach ... sangat bagus bukan jika dokument kita berlatar belakang image.
Langkah - langkah :

• Buka Ms.word Office anda, disini saya menggunakan ms.word office 2007
• Arahkan pada Page Layout - Page Colors - Fill Effects

• Pada Fill Effects Pilih Picture - Select Picture - OK

• Beground Image untuk ms.word anda telah berganti dengan Image yang anda pilih tadi
• Selamat mencoba

Read more...

Cara Membuat Background Blog Berdasarkan Hari

Tampilan blog yang dinamis merupakan salah satu trik untuk membuat pengunjung blog menjadi betah. Blog yang dinamis juga merupakan suatu keharusan jika ingin mendapatkan trafik pengunjung yang signifikan. Salah satu trik membuat tampilan blog yang dinamis adalah membuat gambar latar belakang blog bisa berubah secara otomatis perhari. Wah pasti penasaran dong koq bisa ???, Oke buat yang penasaran dan masih bingung saya berikan cara merubah gambar background blog berdasarkan hari secara otomatis.

Cara Pemasangan

• Login ke blog sobat.
• Klik "Design" kemudian klik "Edit HTML".
• Cari kode </Head> kemudian copy-paste kode dibawah ini tepat diatas kode </Head>

<script type='text/javascript'>
today = new Date();
day = today.getDay();
sunday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxiEc4UcoCwgaEWTJJtSRXJztodAaMg9h0bH9Qg7Q4ioZ_xMdJTYaGJ9cQx62OrwdBYvz6UYwFAVomwWgNrPMvi1jHEXx5902fe9DjVXZRciM5vTPjURcyv1_v40i0Po9yxz7lwsYPtc/s1600/BlueNebula.jpg&quot;;
monday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0yq2sNJlS2Fpkf4WVlMQ963FR2FrnrbScA1UcB6U0i8pEXHI25nUKrtinlyjh4zaE1HKvA0p-vP8c5NfnYaj-FGUIIbAIWANx10c7Wens-lAZJk89jhz5_yHwfy3hWclc_ajcocfrU8/s1600/City.jpg&quot;;
tuesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn3aC4UvyG42Msyub38dS5uTQwq7OmH8VY3d2iOgV0z_7FaDJZwynKBrypDmrvAoE_PG76FagI3WuFzZaFsFqHZEoZveNPhCii9QKMQg6qmPEtib2NmZPUqM-fGC5u1NwgqwJhTCcw9CM/s1600/HackerWall.jpg&quot;;
wednesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOQA2bwq4bguLWaaS_3UnVfA97YQFjmENa5ThO3y3pZrWRUG5s7zfOtSBz6Jr-kMlA1XDq0825XUsrtANzSre3TduURao-VrwAAz2fuVCKDAG1NzrdTQgcPHuLjNVoeS6qTJgTQ4e4YPg/s1600/Protect.jpg&quot;;
thursday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn3aC4UvyG42Msyub38dS5uTQwq7OmH8VY3d2iOgV0z_7FaDJZwynKBrypDmrvAoE_PG76FagI3WuFzZaFsFqHZEoZveNPhCii9QKMQg6qmPEtib2NmZPUqM-fGC5u1NwgqwJhTCcw9CM/s1600/HackerWall.jpg&quot;;
friday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0yq2sNJlS2Fpkf4WVlMQ963FR2FrnrbScA1UcB6U0i8pEXHI25nUKrtinlyjh4zaE1HKvA0p-vP8c5NfnYaj-FGUIIbAIWANx10c7Wens-lAZJk89jhz5_yHwfy3hWclc_ajcocfrU8/s1600/City.jpg&quot;;
saturday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxiEc4UcoCwgaEWTJJtSRXJztodAaMg9h0bH9Qg7Q4ioZ_xMdJTYaGJ9cQx62OrwdBYvz6UYwFAVomwWgNrPMvi1jHEXx5902fe9DjVXZRciM5vTPjURcyv1_v40i0Po9yxz7lwsYPtc/s1600/BlueNebula.jpg&quot;;
arday = new Array(sunday, monday, tuesday, wednesday, thursday, friday, saturday);
document.write(&quot;<style>body{background: url(&quot; + arday[day] + &quot;); background-size:100% 100%; background-repeat:no-repeat; background-attachment:fixed;}</style>&quot;);
</script>

Kode "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxiEc4UcoCwgaEWTJJtSRXJztodAaMg9h0bH9Qg7Q4ioZ_xMdJTYaGJ9cQx62OrwdBYvz6UYwFAVomwWgNrPMvi1jHEXx5902fe9DjVXZRciM5vTPjURcyv1_v40i0Po9yxz7lwsYPtc/s1600/BlueNebula.jpg" teks warna kuning merupakan kode URL link gambar yang digunakan.
Untuk merubah gambar silakan ganti baris kode ini dengan URL link gambar yang ingin digunakan.

•    Klik "Save" dan lihat hasilnya...

Read more...

Membuat Daftar Artikel baru dengan CSS

Artikel terbaru atau bisa juga nantinya di beri judul "Recent Post" seperti contoh di bawah, sangat bermanfaat bagi pembaca blog untuk menelusuri dan mendapatkan posting dengan lebih cepat dan mudah. Apa yang terlihat di bawah ini hanyalah sekedar contoh untuk mendemonstasikan bentuk akhir dari recent post yang akan kita buat. Recent posts ini juga bermanfaat untuk meringankan kerja karena daftar isi secara otomatis tertambahkan dengan judul posting terbaru ketika posting diterbitkan. Untuk memudahkan kita melakukan improvisasi, baik box ataupun teksnya, desain recent posts ini juga menyertakan KODE CSS yang mudah dimengerti oleh blogger pemula sekalipun.

View Demo

dalam blog ini
 

Langkah Cara Membuat Daftar Artikel Terbaru di Blog

1. Login ke Blogger (Login to Blogger).
2. Dasbor (Dasboard).
3. Tata Letak .
4. KLIK Add Gadget
5. HTML/Javascript.
6. Copy paste KODE HTML (KODE CSS, Javascript dan HTML).
7. KLIK SIMPAN (SAVE).
8. Buka blog untuk melihat hasilnya.

KODE CSS, Javascript dan HTML :

<style type="text/css">
.daftar_posting{list-style:none;margin-left:-20px;font-family:Droid Serif;font-size:11px;color:lime;text-align:left;}
.daftar_posting a{color:yellow;border-top:1px dotted blue;border-bottom:1px dotted blue;background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Arrow/DoubleRedArrow.gif) no-repeat 0 50%;padding-left:15px;}
.daftar_posting a:hover{color:red;}
</style>
<div style="margin:2px; padding:4px;border:2px solid #888;background:#333;">
<div style="border:2px solid #444;overflow:auto;padding:4px;background:#111;height:250px;">
<div style="width:500px;">
<script style="text/javascript">
var numposts = 1000;
var showpostsummary = false;
var standardstyling = true;
function showrecentposts(json) {document.write('<ol class="daftar_posting">');
for (var i = 0; i < numposts; i++) { document.write('<li>');
var entry = json.feed.entry[i]; var posttitle = entry.title.$t;
var posturl; if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href; break;}}
posttitle = posttitle.link(posturl);
if ("content" in entry) { var postcontent = entry.content.$t;}
else
if ("summary" in entry) { var postcontent = entry.summary.$t;}
else var postcontent = ""; var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write(posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) { if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) { if (standardstyling) document.write('<i>');
document.write(postcontent); if (standardstyling) document.write('</i>');}
else { if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" ");
if (standardstyling) document.write('</i>');}}
if (!standardstyling) document.write('</div>'); if (standardstyling) document.write('<br/>');
document.write('</li>');}
document.write('</ol>');
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');}
</script>
<script src="http://gusdegleng.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
</div>
</div>

Keterangan / Catatan :

1. margin-left:-20px; digunakan untuk mengatur jarak setiap judul posting dari batas kiri box. Apabila kurang ke kiri perbesar dalam nilai minus (misal jadi -30px).
2. Ganti Alamat Blog http://gusdegleng.blogspot.com/ dengan Alamat blog kamu
3. Box Daftar Posting ini akan lebih bagus seandainya ditempatkan pada ruangan widget dengan lebar mencukupi (di atas 350px) supaya setiap judul posting tidak terputus (pindah spasi).
4. Penggunaan warna background dan warna font dapat di atur pada KODE CSS.

Read more...

Membuat Widget Artikel Thumbnail

Tutorial kali ini membuat widget label tertentu dengan thumbnail satu, mengenai membuat recent Post atau artikel terbaru dengan fungsi Previous dan next seperti yang Anda lihat di single post blog Gambar Animasi Gift Langsung saja karena hari sudah malam dan besok pagi mesti sahur, bisa-bisa nggak bisa bangun. Dibawah ini screenshotnya dan silahkan klik demo untuk melihat lebih jelas.

DEMO

1.    Login ke blogger dengan akun Anda
2.    Setelah itu pilih blog yang ingin anda tambahkan widget ini.
3.    Masuk ke template >> Edit HTML, kemudian centang expand widget templates
4.    Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
5.    Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin>

#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXKaDTaWZI-9fQULsqtxNbY-DBZMwrpK0jtOjbQNWk5Oehlrux6Y4ID-XGiZ6q96Dt5lA0rx-nh9e7AfJ_cRPnwNVo4ppgudlglYu3ed8T46YTPkXRVUIGjby2UNNEa61qbhBhXKWgUY/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}

•  Perhatikan tulisan warna kuning diatas, itu adalah lebar dan tinggi thumbnail image.
•  Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
var numfeed = 10;
var startfeed = 0;
var urlblog = "http://coretan-tinta-hitam.blogspot.com/";
var charac = 100;
var urlprevious, urlnext;

function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed =  showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyR4D7EHoRGnnXssn_Sj-K3fSNh7akZkXQo22eCQzHp0Ij6fgvRs0duWxUGMAQ_jPqIjM9g6ZqntqM2B2WrjpTkVdF8RjNh6Pmrrg48uOC1C0YD3QnJKsWWn9jyMzWfWWExAyjUUblIbs/s1600/no+image.jpg";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
} else {
showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}

function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>

•  Keterangan :

var numfeed = 10; >> Jumlah Artikel terbaru yang ditampilkan pada widget
var urlblog = "http://coretan-tinta-hitam.blogspot.com/"; >> ganti dengan URL blog Anda
var charac = 100; >> Jumlah karakter atau huruf pada setiap post.

•  Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini.

• Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :

<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>

Terakhir save dan lihat hasilnya.

Read more...