Cara Memasang Widget PageRank Valid HTML5 di Blog

Cara Memasang Widget PageRank Valid HTML5 di Blog - PageRank merupakan tolak ukur sebuah blog, dengan pagerank yang tinggi orang akan lebih percaya kepada sebuah blog. Singkat cerita saya membuat blog, seperti biasa karena pemula saya sering copas artikel dari blog lain. Setelah membaca sebuah artikel yakni bahaya copas, didalamnya dikatakan bahwa jika kita sering melakukan copas bukan tidak mungkin blog kita tidak akan mendapat pagerank dari google. Nah, sejak kejadian itu saya enggan lagi untuk copas (kecuali kode-kode aneh buatan master).
Saya mencoba membuat artikel sendiri dengan gaya bahasa sendiri, saya terus berusaha yang terbaik dalam membuat artikel termudah supaya dapat dipahami oleh pembaca.

Berikut Cara Untuk memasang widget PageRank-PRchecker.Info:
1. Masuk ke http://www.prchecker.info/pagerank-check-button.php
2. Kemudian masukan alamat blog (url blog) sobat dan lengkapi verifikasi kodenya

3. Kemudian salin (copy) salah satu script yang sesuai dengan icon yang dipilih kedalam notepad dulu

Kodenya kurang lebih seperti ini:

<a href="http://www.prchecker.info/" title="PageRank Checking Icon" target="_blank">
<img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3lvZ2EtdGMuYmxvZ3Nwb3QuY29tLw==&tag=1" alt="PageRank Checking Icon" style="border:0;" /></a>

anda lihat kode & yang saya kasih tanda, kode & tidak valid HTML5, jadi untuk memasang widget PageRank valid HTML5 ini harus mengubah kode & menjadi & setelah diganti kodenya jadi seperti ini:

<a href="http://www.prchecker.info/" title="PageRank Checking Icon" target="_blank">
<img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3lvZ2EtdGMuYmxvZ3Nwb3QuY29tLw==&amp;tag=1" alt="PageRank Checking Icon" style="border:0;" /></a>

4. Masuk ke dashboard > tata letak > klik tambah gadget/add gadget > pilih HTML atau javascript
5. Lalu salin kode yang sudah valid HTML5 tadi kedalam kotak HTML
6. Simpan

Membuat Link Berkdedip Warna-Warni di Blog

Cara Membuat Link Berkdedip Warna-Warni di Blog - Untuk mempercantik blog anda dan anda ingin link di blog anda kedap-kedip warna-warni saat link disentuh cursor atau bahasa programnya hover, saya mohon maaf untuk demonya tidak ada.

Uuntuk pemasangannya ada 2 cara yang pertama cara menggunakan kode panjang dan yang kedua menggunakan kode pendek (menggunakan link)

Cara Pertama:
1. Login ke Blogger
2. Dashboar > klik template > edit HTML
3. Simpan kode dibawah ini sebelum </head>

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

4. Simpan template

Cara Kedua:
1. Login ke Blogger
2. Dashboar > klik template > edit HTML
3. Simpan kode dibawah ini sebelum </head>

<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script>

4. Simpan template

Cara Membuat Kotak Centang Di Blog

Cara Membuat Kotak Centang Atau Ceklis Di Blog - Kotak centang ini berfungsi untuk mempermudah anda dalam membuat tutorial, tapi tutorial ini lebih spesipik artinya tidak umum lebih kepada perorangan, dan tidak dipakai oleh banyak orang, daripada penasaran lihat dulu demonya dibawah ini:

Tutorial apa yang anda suka di blog ini?

Template Blogger Gratis
Tutorial Blog
Gaya Hidup
Informasi
Komputer
Lainnya

Kode dasarnya seperti ini (anda simpan kode dibawah ini didalam HTML postingan) :

<input type="checkbox">

Untuk mengembangkannya seperti pada demo di atas gunakan kode ini:

Tutorial apa yang anda suka di blog ini?<br />
<br />
<input type="checkbox" />Template Blogger Gratis<br />
<input type="checkbox" />Tutorial Blog<br />
<input type="checkbox" />Gaya Hidup<br />
<input type="checkbox" />Informasi<br />
<input type="checkbox" />Komputer<br />
<input type="checkbox" />Lainnya<br />

Download Template Fastest Magz V3 Terbaru Gratis

Download Template Fastest Magz Terbaru Versi 3 Gratis, Download Template Fastest Magz Terbaru Versi 2.2 Gratis, Download Template Fastest Magz Terbaru Versi 2.2 Mas Sugeng Gratis, Free Download Template Fastest Magz Versi 2.2 Mas Sugeng, Fastest Magz Terbaru Versi 2.2, Fastest Magz versi 1.0

Demo -> http://fastestmagz-bt.blogspot.com/

Download:

• Via BOX.COM
• Via 4shared

Kali ini saya akan membagikan template Fastest Magz V3 GRATIS, saya tahu artikel ini yang kalian tunggu-tunggu kan?, hayo ngaku, hehe template Fastest Magz V3 ini saya tidak membeli ke mas sugeng lagsung soalnya bayar sih, hehe awalnya saya cuman punya template Fastest Magz V1 lalu saya modif jadi Fastest Magz V2.2 lalu Fastest Magz V3, template ini saya bagikan gratis karena saya tidak membelinya melainkan meniru, saya hanya mempunyai modal template Fastest Magz V1. Bagi yang punya saran/kritik silahkan berkomentar dibawah.

Seperti biasa, biasakan sebelum download follow dulu blog ini, lalu berkomentar cara ini adalah suatu cara berterimakasih kepada saya selaku peniru template Fastest Magz V3 ini, hehe

Fitur-Fitur :

• Elegant Design
• Responsive Design
• Cross Browser Optimization
• Fast Loading
• Valid HTML5
• Rating and Recipe Rich Snippet tidak dipasang lagi
• Facebook Comment
• Custom Error Page
• Quick Search Form sudah dipasang (terbaru)
• Three different colors option (blue, red, and green)
• Smooth Back To Top
• Dan masih banyak lagi

Cara Follow Blog Dengan Cepat dan Sangat Mudah

Cara Follow Blog Dengan Cepat dan Sangat Mudah - Pernah sobat kunjungi beberapa blog yang tidak memakai widget Google Friend Connect, jadi susah kan follownya, mengapa banyak blog yang tidak memakai widget Google Friend Connect?, hanya satu masalahnya bikin loading blogger jadi berat, tapi tutorial saya kali ini sangatlah simple dan sangat mudah dikerjakan. Follow blog itu ibarat kita punya facebook tapi gak punya teman satu-pun, lalu apa yang akan saya baca, lihat?, status gak ada, berita gak ada, serasa punya dunia sendiri, kembali lagi ke pokok ketika kita membuka blogger.com dan anda tidak mengikuti atau follow blog satu-pun kan serasa kesepian dan juga gak ada yang menarik, apa yang mau dibaca?, tapi ketika kita follow semua blog yang pernah kita kunjungi atau blog yang sangat bermanfaat bagi diri kita sendiri maupun orang lain jangan segan-segan untuk megikutinya / follow. Apa saja yang kita dapatkan ketika mengikuti blog orang lain?, the first pastinya akan mendapatkan artikel terbaru dari blog yang anda ikuti, the second ketika kita mengunjungi blogger.com (ketika sudah login) pastinya tidak akan kebingungan lagi mau ngapain?, dan juga ngga usah ribet cari-cari di google. Kalau menurut saya sendiri follow blog orang lain itu sangat beruntung dan tidak akan rugi sepeser-pun, saya aja mengikuti 103 blog, ya udah daripada ngomong terus kayak tukang obat kita lagsung saja ke pokok tutorial saya kali ini tentang Cara Follow Blog Dengan Cepat dan Sangat Mudah, berikut totorialnya:

1. Login ke Blogger
2. Dashboar > gulung layar monitor anda kebawah > klik tambahkan

3. Lalu masukan alamat web atau blog yang anda ikuti / follow contoh saya masukan alamat web/blog nya seperti ini http://yoga-tc.blogspot.com/

4. Klik tombol "ikuti" yang berwarna orange

5. Selesai dan sekarang anda dapat mendapatkan artikel terbaru dari blog yang anda ikuti

Tag Kondisional Blogger dan Cara Penggunaannya

Tag Kondisional Blogger dan Cara Penggunaannya - Beberapa rekan mungkin sudah tidak asing lagi atau sudah jadi keluarga dengan kata-kata Tag Kondisional, atau mungkin sebagian baru mendengar apa itu tag kondisional. Secara sederhana, arti tag kondisional adalah tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan, atau dimana akan disembunyikan.

Sebagai contoh, saya akan menyembunyikan widget Artikel Pilihan (di footer) dan akan ditampilkan hanya pada halaman postingan dan tidak ada tampil selain halaman yang sudah ditentukan (postingan). Untuk mengaturnya kita perlu Tag Kondisional.

Untuk yang sudah mahir silakan kunjungi sumber pengambilan saya pada blog Dora The Explorer (DTE), tentang Tag Kondisional Tingkat Pertama dan Tag Kondisional Tingkat Lanjut. Disini saya coba jelaskan   tentang tag kondisional serta penggunaannya bagi pemula.

Tag Kondisional Halaman Muka (Homepage)
Halaman muka atau homepage adalah alamat blog kita, contoh : http://yoga-tc.blogspot.com/. Tag kondisional untuk hanya tampil pada halaman awal / homepage blog sobat, kodenya sebagai berikut:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
ISI KODE
</b:if>

secara sederhana, artinya ISI KODE akan ditampilkan apabila di Halaman Muka. Atau kadang kadang ditulis dengan kebalikan kode tersebut seperti ini:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
ISI KODE
</b:if>

kode diatas beda dengan kode sebelumnya, perbedaannya terletak pada tanda == dan !=. Maka arti kode diatas " != " adalah ISI KODE akan ditampilkan kecuali pada Halaman Muka.
Yang harus diingat bahwa tanda == artinya sama dengan != artinya kecuali.
Penerapan kode tersebut sama pada tag kondisonal yang lainnya di bawah ini.

Tag Kondisional Halaman Item (Postingan)
Contoh halaman posting : http://yoga-tc.blogspot.com/2013/12/tag-kondisional-blogger-dan-cara-penggunaanya.html

<b:if cond='data:blog.pageType == &quot;item&quot;'>
ISI KODE
</b:if>

Tag Kondisional Halaman Statis
Contoh halaman statis / laman: http://yoga-tc.blogspot.com/p/link-sahabat.html

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
ISI KODE
</b:if>

Tag Kondisional Halaman Indeks
Halaman indeks semua jenis halaman selain halaman postingan

<b:if cond='data:blog.pageType == &quot;index&quot;'>
ISI KODE
</b:if>

Tag Kondisional Halaman Label
Contoh halaman label : http://yoga-tc.blogspot.com/search/label/Tutorial%20Blog

<b:if cond='data:blog.searchLabel'>
ISI KODE
</b:if>

Tag Kondisional Halaman Tertentu

<b:if cond='data:blog.url == &quot;URL HALAMAN&quot;'>
ISI KODE
</b:if>

Contoh penggunaannya:

<b:if cond='data:blog.url == &quot;http://yoga-tc.blogspot.com/2013/12/tag-kondisional-blogger-dan-cara-penggunaanya.html&quot;'>
ISI KODE
</b:if>

Tag Kondisional Error Page 404
Error Page adalah halaman yang tidak ditemukan, contoh link error page 404 http://yoga-tc.blogspot.com/cari-bubur.html:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
ISI KODE
</b:if>

Tag Kondisional Halaman Arsip
Contoh halaman arsip : http://yoga-tc.blogspot.com/2013_12_14_archive.html

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
ISI KODE
</b:if>

Contoh Penggunaan Tag Kondisional
Cara membuat widget HTML1 hanya tampil di postingan:

<b:widget id='HTML1' locked='false' title='Artikel Pilihan' type='HTML'>
     <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
   </b:widget>

Anda lihat tanda == di atas, itu artinya widget tersebut ditampilkan dalam halaman yang telah ditentukan, tapi kalo != sebaliknya widget tersebut tidak ditampilkan dalam halaman yang diperintahkan/ditentukan melainkan ditampilkan di halaman sebaliknya yaitu homepage, statis, dll pokonya ditampilkan selain halaman postingan

Jika sobat masih kebingungan atau ragu-ragu bisa sobat tanyakan di komentar.

Sumber: Kang Ismet, Buka Rahasia Blogspot

Mungkin ini adalah hari terakhir saya untuk memposting artikel dikarenakan saya akan menghadapi ujian nasional yang sangat berat saya jalani, untuk mempersiapkan ujian nasional saya putuskan untuk berhenti dulu nge ngeblogger untuk beberapa bulan kedepan, jadi saya masih aktif sampai hari ini tgl. 21 Desember 2013, bagi yang mau bertanya buruan, sebelum waktunya habis, dan jangan sia-siakan waktu anda !!!

Cara Memasang PRISM SyntaxHighlighter di Blog

Cara Memasang PRISM SyntaxHighlighter di Blog | Bagi sahabat yang sering berbagi tutorial, saya kira sudah tidak asing lagi dengan istilah Syntax Highlighter. Tapi mungkin juga masih ada yang bertanya, apa sih sintaxhighlighter itu? Bahasa mudah nya membuat kode berwarna warni. Menurut pengalaman saya PRISM SyntaxHighlighter ini paling ringan loadingnya.

Untuk pemasangannya, hanya memerlukan dua langkah mudah, yaitu memasang kode CSS dan JavaScript. Sebelum memasang kode CSS, silahkan pilih tema Dark atau Light.

Demo Light Theme - Demo Dark Theme

Untuk Menambahkan jQuery Pada Template Blogger ikuti langkah-langkah berikut ini:
1. Login ke Blogger
2. Dashboar > klik template > edit HTML
3. Tambahkan salah-salahsatu kode CSS di bawah ini sebelum/di atas ]]></b:skin>

CSS Light Theme:

/* Tema : LightSyntax oleh Blog Krizeer
URL: http://yoga-tc.blogspot.com/2013/12/cara-memasang-prism-syntaxhighlighter-di-blog.html */ 
pre {
margin:15px 15px 15px 0;
padding:10px;clear:both;
background:#f2f2f2;
color:#666;
border:1px solid #ddd;
overflow:auto;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 12px !important;
}
code {
color:#126AAF;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 13px !important;
}
code .token.punctuation {
  color:#83405A;
}
pre code .token.punctuation {
  color:#800000;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
  color:#008200;
}
code .namespace {
  opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
  color:#881280;
}
code .token.selector,
code .token.attr-name,
code .token.string {
  color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
  color:#994500;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
  color:#994500;
}
code .token.operator {
  color:#878A85;
}
code .token.atrule,
code .token.attr-value {
  color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
  color:#227BC0;
}
code .token.keyword {
  color:#881280;
  font-style:italic;
}
code .token.comment {
  font-style:italic;
}
code .token.regex {
  color:#B43D3D;
}
code .token.important {
  font-weight:bold;
}
code .token.entity {
  cursor:help;
}

Dark Theme

/* Tema RDark oleh DTE:] berdasarkan tema-tema SyntaxHighligter dari Alex Gorbatchev
URL: http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/rdark.html
*/
pre {
  padding:.5em 1em;
  margin:.5em 0;
  white-space:pre;
  word-wrap:normal;
  overflow:auto;
  background-color:#1B2426;
}
code {
  font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
  line-height:16px;
  color:#B43D3D;
  background-color:#eee;
  border:1px solid #ddd;
  padding:1px 2px;
}
pre code {
  display:block;
  background:none;
  border:none;
  color:#B9BDB6;
  direction:ltr;
  text-align:left;
  word-spacing:normal;
  padding:0 0;
}
code .token.punctuation {
  color:#83405A;
}
pre code .token.punctuation {
  color:#B9BDB6;
}

code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
  color:#435A4D;
}
code .namespace {
  opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
  color:#5BA1CF;
}

code .token.selector,
code .token.attr-name,
code .token.string {
  color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
  color:#E0E8FF;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
  color:#E0E8FF;
}
code .token.operator {
  color:#878A85;
}
code .token.atrule,
code .token.attr-value {
  color:#48D30F;
}

pre code .token.atrule,
pre code .token.attr-value {
  color:#48E638;
}
code .token.keyword {
  color:#47A1CF;
  font-style:italic;
}
code .token.comment {
  font-style:italic;
}
code .token.regex {
  color:#B43D3D;
}
code .token.important {
  font-weight:bold;
}
code .token.entity {
  cursor:help;
}

4. Tambahkan JavaScript dibawah ini di atas </body>

<script type="text/javascript" src='http://kang-is.googlecode.com/svn/trunk/javascript/prism.js'></script>

5. Simpan template

Cara penggunaan:

Setiap tipe bahasa mempunyai kelas masing-masing

• HTML, XML, PHP ⇒ language-markup
• CSS ⇒ language-css
• JavaScript ⇒ language-javascript

Detail penulisan seperti ini:

<pre><code class="language-markup"> ... kode HTML (yang sudah di`escape/konversi`) di sini ... </code></pre>
<pre><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>

Sumber: http://www.dte.web.id/2012/09/syntax-highlighter-dengan-prism.html dan http://blog.kangismet.net/2013/05/prism-syntaxhighlighter-untuk-blogger.html

Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre

Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre - Bagi sahabat yang suka berbagi tutorial, biasanya membagikan kode-kode yang suka dicopy. Standarnya penggunaan kode itu pada tag code atau tag pre. Akan tetapi setelah saya mengunjungi blog sahabat, tidak sedikit menggunakan blockquote untuk berbagi kode, itu dikarenakan blockquote lebih mudah digunakan dan tidak ribet, tinggal block > klik ikon "quote" mudah kan?, contoh penggunaan tag pre:

<pre>Sekarang aku makin sayang sama kamu</pre>

Untuk mempermudah mengcopy code yang dibagikan, sebaiknya menggunakan seleksi otomatis. Artinya, dengan hanya mengklik atau klik ganda (double click) kode tersebut akan terseleksi semua, tinggal melakukan Ctrl+C atau klik kanan kemudian Copy.

Untuk menerapkan seleksi otomatis pada tag blockquote:
1. Login ke Blogger
2. Dashboar > klik template > edit HTML
3. Simpan kode dibawah ini sebelum </body>

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

Untuk menerapkan seleksi otomatis pada tag pre:
Ikuti langkah ke-1, 2, dan 3 seperti di atas.

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

Pada script di atas, saya menggunakan klik ganda (double click) untuk menerapkan satu kali klik langsung terseleksi, sobat tinggal mengganti dblclick menjadi click.

Cara Menambahkan jQuery Pada Template Blogger

Cara Menambahkan jQuery Pada Template Blogger - Mungkin sahabat sudah tidak asing lagi dengan istilah jQuery. Apa itu jQuery?  jQuery adalah sebuah Library Javascript yang cepat dan ringkas yang mana dapat menyederhakan document traversing, event handling, animating, dan AJAX interactions untuk pengembangan web secara cepat.

Secara sederhana, jQuery sangat diperlukan untuk membuat web dinamis. JQuery akan menampilkan efek, animasi, dan fungsi-fungsi yang sangat menarik lainnya. Banyak plugin / trik yang menggunakan jQuery dan tidak akan berjalan tanpa jQuery. Ukurang jQuery ini sangat kecil dan tidak membuat loading blog jadi berat cuman 100kb.

Untuk Menambahkan jQuery Pada Template Blogger ikuti langkah-langkah berikut ini:
1. Login ke Blogger
2. Dashboar > klik template > edit HTML
3. Tambahkan kode di bawah ini sebelum/di atas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Pemasangan jQuery, hanya 1 dalam template. Tidak boleh ada 2 script atau lebih, karena akan mengakibatkan beberapa script tidak akan bekerja. Apabila ingin mengganti dengan yang terbaru, cukup ganti link-nya saja. Apabila ada tips, trik, atau tutorial yang menggunakan jQuery, sobat tidak perlu menambahkannya lagi.

4. Simpan template.
Sumber: http://blog.kangismet.net/2013/04/menambahkan-jquery-pada-template-blogger.html

Cara Membuat Link JS Dengan Google Drive

Cara Membuat Link JS di Google Drive, Cara Termudah Upload File ke Google Drive, Upload File CSS, Javascript, HTML di Host Google Drive.

Google terus melakukan perubahan guna kenyamanan pengguna serta peningkatan efektifitas sistem. Googlecode merupakan tempat untuk melakukan upload file dengan berbagai jenis seperti CSS, JS (Javascript) , HTML, jQuery, dan sebagainya. Namun ketika anda pergi ke Google Code sekarang, Menu download sudah tidak ada lagi sehingga fungsi untuk upload file ke browser pun hilang. Proyek-proyek yang telah dibangun sebelumnya tetap akan masih tersimpan dan dapat digunakan.

Anda bisa dengan mudah mengupload kode css, ataupun javascript pada web anda. Caranya adalah dengan memanfaatkan fasilitas Google Drive. Google Drive akan mempermudah kita dengan banyaknya Aplikasi yang disediakan oleh Google , mulai dari Pengolah kata , Pengolah angka , Formulir , Presentasi , Pemutar Lagu , Video , Pembuatan Contact Form + Upload File (Integrasi dengan JOTFORM) , terus Alat konversi File , dan masih banyak lagi.

Berikut panduan, Tutorial cara mengupload file css, javascript di Google Drive Hosting :

1. Klik Googledrive

2. Lalu jika anda adalah pengguna baru silahkan Login lewat email Gmail anda dan Buatlah satu buah folder sebagai tempat untuk menyimpan proyek file file penting anda. Caranya click 'Buat'.

3. Setelah folder jadi, klik logo icon Upload berwarna merah seperti gambar ini:

4. Pilih file yang mau diupload > Open

5. Tunggu hingga proses unggah selesai yang ditampilkan pada bagian kanan bawah layar desktop anda

6. Klik berbagi seperti gambar dibawah ini:

7. Copy link yang disediakan, paste di notepad terlebih dahulu.

8. Pada bagian privasi klik ubah. Mengubah privasi bertujuan untuk bagaimana file tersebut dapat diakses, jika pribadi berarti khusus diri sendiri dan tidak dapat diakses oleh browser ketika meminta file css, js yang terupload tadi.

9. Ganti pribadi jadi publik di web, agar semua browser dan orang lain yang membuka web blog anda dapat menggunakan file css atau javascript code yang diupload.

10. Klik simpan

Kembali lagi ke nomor 7, Berikut cara untuk mendapatkan link .js dari file googledrive tadi:

Perhatikan, link to share file tadi yang di nomor 7, contohnya seperti ini :

https://drive.google.com/file/d/0By9Vs49VphQqdWFYdnZVVXhLNUU/edit?usp=sharing

Kode berwarna biru, silahkan anda copy dan ambil dan letakkan pada kode berikut untuk memanggil file anda:

https://googledrive.com/host/MasukkanKodeFileDisini

Maka, hasilnya akan seperti :

https://googledrive.com/host/0By9Vs49VphQqdWFYdnZVVXhLNUU

Nah, sekarang struktur link tersebut sudah dapat digunakan untuk mengakses file kita dan coba buka URL diatas lalu lihat hasilnya , sama seperti ketika kalian menghosting File ke Yourjavascript atau googlecode kan ! Struktur URL itulah yang bisa berfungsi untuk diterapkan ke Blog kita , lalu dibagian ini kalian juga bisa meletakkan ekstensi .js .css .html .php atau yang lainnya tapi harus sesuai dengan Bahasa Pemrograman yang kalian Host.
11. Kemudian untuk penerapannya ke Blog atau website anda tidak ada perbedaan dengan menghosting File ke GoogleCode , yah kurang lebih kayak gini :

Untuk File CSS penulisannya seperti ini :

<link href='https://googledrive.com/host/0By9Vs49VphQqdWFYdnZVVXhLNUU' rel='stylesheet'/>

Untuk File Javascript strukturnya seperti ini :

<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqdWFYdnZVVXhLNUU"></script>

12. Silahkan anda copy dan letakkan pada blog anda diatas kode </head> atau </body> disesuaikan saja dengan kebutuhan anda.

Ternya Google Juga Bisa Dipakai Untuk Kalkulator

Baru Tahu Ternya Google Juga Bisa Dibikin Kalkulator, nama Google sudah tidak asing lagi dalam kehidupan anda, sering sekali anda menjumpai google bahkan setiap detik, bahkan sekang juga berjuta-juta orang sedang mengakses google. Tapi ada hal yang belum anda ketahui tentang google yang satu ini, ternyata google juga bisa dipakai untuk kalkulator. Tampilan kalkulator google nya pun sangat bagus dan komplit. Awalnya saya iseng-iseng sembarang ngetik 9+7 di google . Karena kalo orang sudah didepan komputer pasti ngga bisa mikir penjumlahan, hehe jadi pakainya yang praktis aja. Coba anda ketik di google.com "9+7" pasti sudah langsung ada hasilnya, begitupula dengan bilangan yang lainnya. Selamat mencoba.

Cara Memodifikasi Tampilan Label Cloud di Blog

Cara Memodifikasi Tampilan Label Cloud di Blog, Cara mengedit tampilan label cloud di blog jadi keren ada 4 pilihan.

Mungkin sobat pernah lihat tampilan label cloud yang keren-keren dan tutorial kali ini saya akan menjelaskan Cara Memodifikasi Tampilan Label Cloud di Blog, Untuk tampilannya ada 4 pilihan, pilih salah-satu saja yang menurut sobat paling bagus.

Mohon maaf tidak ada demonya, karena saya tidak memakai style label cloud seperti dibawah ini.

1. Login ke Blogger
2. Dashboar > klik tata letak > klik edit pada label
3. Untuk pengaturannya samakan dengan gambar dibawah ini:

4. Silahkan sobat pilih salah-satu tampilan label cloud berikut:

Style 1

/* Label Cloud Style By Blog Krizeer
----------------------------------------------- */
.label-size{margin:0 2px 6px 0;padding:3px;text-transform:uppercase;border:solid 1px #C6C6C6;border-radius:3px;float:left;text-decoration:none;font-size:10px;color:#666}.label-size:hover{border:1px solid #B20000;text-decoration:none;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);filter:progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}

Style 2

/* Label Cloud Style By Blog Krizeer
----------------------------------------------- */
.label-size{margin:0;padding:0;position:relative}.label-size a,.label-size span{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-bottom:9px;margin-left:20px;padding:0 10px 0 12px;background:#2493C4;color:#fff;text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}.label-size a:before,.label-size span::before{content:"";float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #2493C4 transparent transparent;border-style:solid;border-width:12px 12px 12px 0}.label-size a:after,.label-size span::after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #2493C4;-webkit-box-shadow:-1px -1px 2px #2493C4;box-shadow:-1px -1px 2px #2493C4}.label-size a:hover,.label-size span::hover{background:#333}.label-size a:hover:before,.label-size span::hover::before{border-color:transparent #333 transparent transparent}

Style 3

/* Label Cloud Style By Blog Krizeer
----------------------------------------------- */
.label-size{display:inline-block;padding:0px 10px;height:29px;line-height:29px;border-radius:5px;font-weight:bold;font-size:12px;text-decoration:none}.label-size{border:1px solid #769e42;box-shadow:inset 0 1px 0 #c5e59c;background-color:#9ed35a;text-shadow:0px 1px 1px #6ea23b;color:#fff;background-image:linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size:hover{background-color:#b7fa66;background-image:linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-o-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-moz-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-webkit-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-ms-linear-gradient(top,#b7fa66 0%,#7ec940 100%)}.label-size:active{background-image:linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size{display:inline-block;border-radius:5px 0 0 5px;border-right-width:0;position:relative;z-index:5;margin-right:20px;margin-bottom:10px}.label-size:after{content:"";width:22px;height:22px;line-height:18px;font-size:25px;border-top:1px solid #769e42;border-right:1px solid #769e42;box-shadow:inset 0 1px 0 #c5e59c;background-color:#9ed35a;text-shadow:0px 1px 1px #7eac46;border-radius:3px 7px 3px 0;color:#fff;background-image:linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);position:absolute;top:3px;right:-12px;z-index:-3;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476,sizingMethod='auto expand');zoom:1}.label-size:hover:after{background-color:#b7fa66;background-image:linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-o-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-moz-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-webkit-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-ms-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%)}.label-size:active:after{background-image:linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size:before{content:"";height:5px;width:5px;display:block;position:absolute;right:-3px;top:11px;background-color:#fcfdf5;border:1px solid #83ab52;border-radius:5px;box-shadow:0 1px 0 #b2ddd83}.label-size span{padding:2px 5px;border:1px solid #9e5c26;border-radius:5px;box-shadow:inset 0 1px 0 #f5bf8c;background-color:#ed943f;text-shadow:0px 1px 1px #000;margin-left:10px;background-image:linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-o-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-moz-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-webkit-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-ms-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%)}#Label1{height:210px !important}

5. Jika sudah dipilih salah-satu salin kode yang sobat pilih tadi diatas ]]></b:skin>
6. Simpan template dan lihat hasilnya

Sumber : http://ah-shared.blogspot.com/2013/07/4-style-css-label-cloud-blogger.html

Cara Membuat Tombol Demo dan Download ala Blog Krizeer

Cara Membuat Button Demo dan Download ala Blog Krizeer Keren di Blog, cara membuat button demo dan download warna warni di blog.

Banyak tutorial cara membuat tombol "Demo" dan "Download" yang sudah sahabat lain bagikan, kali ini saya akan membuat tutorial cara membuat tombol demo dan download ala blog ini, tutorialnya sih lumayan sulit bagi pemula seperti saya, hehe.

Biasanya tombol ini digunakan untuk berbagi template, atau link download saja. Demonya lihat tombol dibawah ini:

• Demo
• Download

Langsung saja ketutorial nya:

1. Login ke Blogger

2. Dashboar > klik template > edit HTML

3. Tambahkan kode di bawah ini sebelum/di atas ]]></b:skin>

/* Tombol Demo & Download ala Blog Krizeer
----------------------------------------------- */
.kotak-demo-download {
float:left;list-style:none;text-align:center;width: 100%;margin:8px 0!important;padding:0;font-size:14px;clear:both;font-family:Oswald, Open Sans, Arial, sans-serif;text-transform:uppercase;
}
.kotak-demo-download ul {
margin:0;padding:0
}
.kotak-demo-download li{
display:inline;margin:0;padding:0;
}
.demo {
border: 1px solid #d24932;border-bottom-color:#c84934;box-shadow:1px 1px 1px #aaa;padding: 7px 40px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px;
}
.download {
border: 1px solid #549dd4;border-bottom-color:#4b8cbe;box-shadow:1px 1px 1px #aaa;padding: 7px 40px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;
}
.demo:hover {
background: #d94a33;box-shadow:none;border-color:#d0412a #d0412a #c43d27; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222;
}
.download:hover {
background: #4296d5;box-shadow:none;border-color:#378dcd #378dcd #2a80c0; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222}

4. Masukan font Oswald di bawah <head>

<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'/>

5. Untuk menambahkan ikon disamping link button, tambahkan kode dibawah ini di atas </head>

<link href='netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>

6. Simpan template

Untuk menggunakannya, lihat cara dibawah:
HTML:

<div style="text-align: center;">
<ul class="kotak-demo-download">
<!-- Demo -->
<li><a class="demo" href="http://yoga-tc.blogspot.com/" target="_blank"><i class="icon-chevron-right"></i> Demo</a></li>
<!-- Download -->
<li><a class="download" href="http://yoga-tc.blogspot.com/" target="_blank"><i class="icon-download-alt"></i> Download</a></li>
</ul>
</div>
<div class="clear">
</div>

Untuk lebih lengkapnya/lebih jelasnya tentang font awsome silahkan masuk ke: http://blog.kangismet.net/2013/06/cara-menggunakan-ikon-font-awesome-di.html

Download Ebook Tutorial Microsoft Office Excel 2007 Gratis

Download Ebook Tutorial Microsoft Office Excel 2007 Gratis Lengkap - Aplikasi pengolah angka buatan microsoft ini telah banyak di gunakan oleh perusahaan perusahaan dan sekolahan sekolahan di Indonesia,terutama dalam mengolah data dan nilai siswa.Untuk banyak sekali perusahaan dan instansi yang mewajibkan untuk bisa menggunakan office Excel terutama untuk yang menduduki jabaatan jabatan khusus.bahkan Materi tentang Excel ini disisipkan dalam materi kurikulum pendidikan di Indonesia.

Mulai dari smp pun sudah banyak Ebook gratis Tutorial Office Excel 2007 ini dapat di gunakan sebagai penunjang dan bahan pembelajaran yang lengkap dan murah terutama untuk lapisan menegah kebawah.Meskipun gratis ebook ini kualitasnya sangat bagus,bahkan tidak kalah dengan buku buku berbayar.

Menurut mugi.or.id Microsoft office excel 2007 memiliki berbagai kelebihan antara lain :

1. Jumlah field pada PivotTable dapat mencapai 16.000, sebelumnya 255
2. Baris dalam Excel 2007 sebanyak 1.048.576 yang dimulai dari baris 1 dan berakhir di baris 1.048.576, versi sebelumnya 65.536.
3. Pada Excel 2003, jumlah sel sekitar 16 juta, tapi pada Excel 2007, jumlah sel mencapai 17 miliar.
4. Jumlah warna unik dalam sebuah workbook dapat mencapai 4.3 milyar, sebelumnya hanya 56.
5. Jumlah kolom yang tersedia di Excel 2007 adalah 16.384 yang dimulai dari kolom A hingga berakhir di kolom XFD, versi sebelumnya hanya 256 kolom.
6. Jumlah kondisi pada fasilitas format kondisional, Excel versi terbaru ini hanya dibatasi oleh kapasitas memori, sebelumnya hanya ada 3 kondisi.
7. Jumlah maksimal argumen pada fungsi, versi terbaru ini membolehkan sampai 255 argumen, sebelumnya hanya 30 argumen.
8. Jumlah level pada fasilitas Sort atau pengurutan data, saat ini sampai 64 level, bandingan dengan versi sebelumnya yang hanya 3 level.
9. Dll

logo microsoft office 2007

Ebook Gratis Tutorial Office Excel 2007

• Berikut Urian Uraian Singkat tentang ebook gratis ini :
• Judul : Tutorial Office Excel 2007
• Jumlah Halaman : 99 halaman
• Bahasa : Indonesia
• Penulis : Bp.Eko purwanto
• Format Ebook : Pdf
• Kategori : Komputer
• Ukuran File : 5 Mb
• Note : Ebook ini dipublikasikan oleh webmedia

Review Ebook Gratis Tutorial Office Excel 2007
Ebook gratis ini adalah bagian dari panduan office 2007 .ebook tutorial office excel ini juga di tulis oleh Bp.Eko purwanto.Terdiri dari 99 halaman dengan 12 modul antara lain :

Modul 3. Mengatur Workbook & Worksheet
Modul 4. Mengatur Tampilan Lembar Kerja
Modul 5. Rumus dan Fungsi
Modul 9. Bekerja dengan Diagram dan Grafik

• Download

Sumber : http://bukugratis.info/tutorial-office-excel-2007/

Download Ebook Tutorial Microsoft Office Word 2007 Gratis

Download Ebook Tutorial Microsoft Office Word 2007 Gratis Lengkap - Microsoft office word 2007 merupakan salah satu aplikasi pengolah kata besutan microsoft corporation.Memiliki tampilan yang cukup berbeda dari pendahulunya microsoft office word 2003.Sehingga banyak pula yang kadang kesulitan untuk menggunakannnya.Namun Microsoft office 2007 ini memiliki fungsi yang jauh lebih baik dari pada office 2003,dan jika anda sudah terbiasa pasti akan merasa kalau office word 2007 jauh lebih mudah dari pada office 2003.

Meskipun ebook ini telah saya bagi di postingan panduan microsoft office 2007,akan tetapi untuk memudahkan pencarian melalui search engine jadi saya buat posting tersendiri tentang ebook panduanl office word 2007 ini.

Ebook Gratis Tutorial Office word 2007

• Berikut Urian Uraian Singkat tentang ebook gratis ini :
• Judul : Pengolah kata microsoft word 2007 untuk sma kelas X smester 2
• Jumlah Halaman : 148 halaman
• Bahasa : Indonesia
• Penulis : Bapak Eko purwanto
• Format Ebook : Pdf
• Kategori : Komputer
• Ukuran File : 11 Mb
• Note : Ebook ini dipublikasikan Webmedia

Review Ebook Gratis Tutorial Office word 2007

Ebook Dilengkapi dengan Screenshot dan petuntuk yang jelas sehingga sangat cocok untuk pemula sekalipun.Termasuk salah satu ebook panduan belajar microsoft word yang terlengkap saat ini.

Sebagai Aplikasi pengolah huruf atau word prossesor yang paling banyak digunakan oleh masyarakat baik pelajar maupun karyawan sedah menjadi layak untuk kita bisa menggunakan office suite yang satu ini..Bahkan banyak pula perusahaan yang mewajibkan seluruh karyawannya untuk bisa menggunakan microsoft office word.Untuk jika anda masih awam tentang office word,tutorial office word yang satu ini sangat cocok untuk anda.

logo office 2007

Ebook Tutorial office word ini Terdiri dari 15 modul yaitu :

• Modul 1. Membuat Dan Menyimpan Dokumen Kerja
• Modul 2. Mengedit Dokumen Kerja Dan Memformat Huruf
• Modul 3. Memformat Paragraf, Bullet Dan Numbering, Drop Cap Dan
• Spasi Baris
• Modul 4 Mengatur Jarak Paragraf, Orientasi Halaman Dan
• Menyisipkan tanggal
• Modul 5 Membuat Bingkai Dokumen Dan Pangaturan Tabulasi
• Membuat Bingkai Halaman, Paragraf Dan Teks
• Modul 6. Mencari Teks, Halaman, Menggabungkan Dokumen Dan
• Menggunakan Format Kolom
• Modul 7. Bekerja Dengan Header & Footer Dan Menyisipkan Simbol
• Dan Nomor Halamamn
• Modul 8. Menyisipkan Text Box, Word Art, Dan Clip Art
• Modul 9. Membuat Equation, Hyperlink, Watermark Dan Mencetak
• Dokumen
• Modul 10. Membuat Dan Menghapus Tabel, Konversi Teks Ke Tabel
• Modul 11. Memanipulasi Tabe
• Modul 12. Menyisipkan Gambar, Shape Dalam Dokumen Dan Crop Image
• Modul 13. Membuat Diagram Dan Grafik.
• Modul 14. Membuat Dan Mencetak Mail Merge.
• Modul 15. Membuat Label Amplop Mail Merge.

• Download

Sumber : http://bukugratis.info/tutorial-office-word-2007-ebook-gratis/

Cara Memperpendek URL Agar URL Lebih Singkat

Cara Memperpendek URL Agar URL Lebih Singkat dengan goo.gl gratis, Cara membuat link pendek dengan goo.gl mudah.

goo.gl adalah layanan gratis yang telah disediakan oleh google buat mempersingkat URL atau alamat web/blog anda. Jadi bagi yang suka dengan yang URL pendek atau singkat-singkat, maka tak ada salahnya untuk mencoba layanan yang satu ini cara ini sangatlah mudah.

1. Kunjungi http://goo.gl/
2. Masukan URL yang akan disingkatkan/dipendekan URLnya

3. Klik "shorten URL", tunggu sampai proses selesai, dan copy URL yang sudah jadi, tekan CTRL+C
4. Selesai