tag:blogger.com,1999:blog-43114487122093876542022-06-22T17:36:11.706+07:00Kang Firman Bloggist AnkshanaThe Bloggist Ankshana: Iseng-iseng Sambil Belajar Nge-blog (ISBN) di Area Maya/Digital Media Kang Firman.KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.comBlogger45125tag:blogger.com,1999:blog-4311448712209387654.post-41640662128188331712019-10-18T10:18:00.000+07:002019-12-28T01:37:07.880+07:00Download: Java Runtime Environment 8<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Downloadable Java Runtime Environment (JRE) </h3>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img src="https://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" border="0" height="auto" width="300" style="border: none;vertical-align: top;" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="//kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img src="//1.bp.blogspot.com/-Ln3qDIvL9Dk/XgJck9TkxaI/AAAAAAAAAGw/kdv3RkElR7UHvImpUu5nmoDrXg1_A6rlwCLcBGAsYHQ/s320/java-jre.jpg" alt="Java Runtime Environment" title="KangFirm NoteWork Media & Creations" border="0" data-original-width="1024" data-original-height="546" height="auto" width="210" style="border: none;vertical-align: top;" /></a></div>
<!-- Begin Entri of Post and Pages -->
<p><strong>Java Runtime Environment</strong> (JRE) atau edisi standar dari platform Java adalah salah satu Runtime library yang dikembangkan oleh Oracle Technology Network. Suatu alat yang digunakan untuk mengembangkan, menerapkan atau menggunakan aplikasi Java apapun, baik di desktop maupun server. Merupakan suatu keharusan bagi setiap pengguna browser dan untuk semua pengembang (developers). <br /><br />
Platform ini memiliki teknologi yang canggih; diantaranya kami mengingatkan Anda tentang XML, no-codebase deploying, Java Virtual Machine dan bahasa pemrograman yang mencakup literal binary, string, statement, underscores, kompiler dan masih banyak lagi. <br>
</p><p>Dengan library yang tersedia dan menyertakan beberapa komponen lain, alat ini akan menjalankan applet browser dan aplikasi standalone yang telah ditulis dalam bahasa Java. Dokumentasinya mencakup semua topik tentang fungsi masing-masing dan setiap fungsi software. <br />
</p><p>Untuk dapat menggunakan & menjalankan aplikasi berbasis Java ini, sobat harus meng-instal terlebih dahulu runtime Java-nya, alias Java Runtime Environment (JRE) yang satu ini. <br />
</p><p>
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="//kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img src="//2.bp.blogspot.com/-MNhgtePiifc/XgKAvVj3ecI/AAAAAAAAAHQ/vT-szkywBGgYbacrProJLHRyuBoMTvu-QCLcBGAsYHQ/s320/java-jre_setup1.jpg" alt="Java Runtime Environment" title="KangFirm NoteWork Media & Creations" border="0" data-original-width="400" data-original-height="281" height="auto" width="210" style="border: none;vertical-align: top;" /></a></div>
Software Java Runtime Environment (JRE) yang saya bagikan di sini sudah versi offline installer, jadi ga' perlu nunggu lagi buat download-download komponennya. Versi yang saya bagikan ini juga merupakan versi terakhir dari JRE7, yang nantinya akan dikembangkan lagi menjadi JRE8 <small style="font-weight: 500;font-style: oblique;">(<a title="Java Releases" href="#" onclick="this.href='https://www.java.com/en/download/faq/release_dates.xml'" target="_blank" rel="nofollow">lihat release-nya disini</a>)</small>. <br />
</p><p>Silahkan download JRE-nya dari link dibawah, lalu install dan komputer (PC/Laptop) anda siap digunakan untuk menjalankan aplikasi berbasis Java.. <br /><br /></p>
<!-- End of Entri of Post and Page -->
<center><img src="//3.bp.blogspot.com/-_XV5BnlQRGo/Wq7kCW5tuCI/AAAAAAAACfY/bHdek0BhX3I6HbhQpp5GATuIkE-EFw5eQCKgBGAs/s1600/btn-dload-free10.png" height="21" /><br>[ <a title="Download Software" href="/p/downloadable.html?url=https://drive.google.com/uc?export=download&id=1NCKyUeG7Pp79M9HmN4MyEhkE7Sg9NPR7" onclick="this.href='https://is.gd/jre7w32bykf'" target="_blank" rel="nofollow">JRE7 Windows 32bit</a> | <a title="Download Software" href="/p/downloadable.html?url=https://drive.google.com/file/d/1tegwzSrUfri4tmrN1NFWI5pkI36t7-Bj/view?usp=sharing" onclick="this.href='https://is.gd/jre7w64bykf'" target="_blank" rel="nofollow">JRE7 Windows 64bit</a>] <br />
<strong>Link Update</strong>: <br />[ <a title="Download Software" href="/p/downloadable.html?url=https://drive.google.com/uc?export=download&id=1tKt7Vt2lxD3XHWciAucOUjT45--5JVoJ" onclick="this.href='https://is.gd/jre8w320bykf'" target="_blank" rel="nofollow">JRE8 Online Installer</a> | <a title="Download Download" href="/p/downloadable.html?url=https://drive.google.com/file/d/1971lXG6SlPRezTMPyildjDlRumpgvalh/view?usp=sharing" onclick="this.href='https://is.gd/jre8w32bykf'" target="_blank" rel="nofollow">JRE8 Offline Installer</a> ] </center><br>
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>TheBloggist Ankshanahttp://www.blogger.com/profile/09309821941259712747noreply@blogger.com0Cirebon, Cirebon City, West Java, Indonesia-6.7320229 108.5523164-6.8581733999999992 108.3909549 -6.6058724 108.7136779tag:blogger.com,1999:blog-4311448712209387654.post-15104770451948592172018-04-14T13:21:00.000+07:002019-12-06T18:28:59.118+07:00[Cara] Daftar ICQ Gratis - Untuk Messenger dan Chatting<a href="https://www.blogger.com/null" name="PageUp"></a>
<h3 style="clear: both; margin: 0; padding: 2px 0px 3px 5px;">Daftar ICQ Gratis - Untuk Messenger dan Chatting</h3>
<div style="margin: 0 0 0 0; padding: auto auto 7px auto; text-align: justify;">
<div class="separator" style="clear: both; float: left; margin: 3px 10px 7px 0px; text-align: center;">
<a alt="KangFirm84 Blogspot Com" href="http://kangfirm84.blogspot.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;" title="Kang Firman Bloggist Ankshana"><img alt="Kang Firman Bloggist Ankshana" border="0" height="160" src="//1.bp.blogspot.com/-dWOK7Yn797A/XedVL_oFb6I/AAAAAAAAAEw/VidyFV1XMkMwljYj_nZdX4JgEwpxT31hACPcBGAYYCw/s320/ICQ-Messenger.jpg" style="border: none; vertical-align: top;" title="ICQ Chat Messenger – KangFirm NoteWork Media & Creations" width="210" /></a></div>
<h5 style="margin: 0px 0px 7px 0px; padding: 2px 5px 3px 5px; text-align: center;">
<img alt="salam dari admin blog" border="0" height="auto" src="https://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" style="border: none; vertical-align: top;" title="KangFirm NoteWork Media & Creations" width="300" /></h5>
<center title="KangFirm NoteWork Media & Creations">
<marquee style="font-size: 15px; font-weight: bold; margin: 3px 0px 2px 0px; padding: 2px 5px 3px 5px;"> Welcome to <b><span style="color: red;">K</span><span style="color: #ff4d00;">F</span><span style="color: #ff9a00;">-</span><span style="color: #ffe700;">8</span><span style="color: yellow;">4</span><span style="color: #b2ff00;"> </span><span style="color: #65ff00;">A</span><span style="color: #18ff00;">l</span><span style="color: lime;">-</span><span style="color: #00ff4d;">A</span><span style="color: #00ff9a;">m</span><span style="color: #00ffe7;">b</span><span style="color: cyan;">i</span><span style="color: #00e7ff;">t</span><span style="color: #009aff;">y</span></b> <a href="https://www.blogger.com/blogger.g?rinli=1&pli=1&blogID=4311448712209387654#" target="_self" title="">Bloggist Ankshana</a> </marquee></center>
<!-- Begin Entri of Post and Pages -->
<p>
<em style="font-weight: 600;">ICQ Messenger</em> adalah sebuah klien perpesanan (messenger) instan yang dikembangkan oleh Israel Company Mirabilis. Aplikasi Messaging ini memiliki begitu banyak fitur luar biasa yang sangat bersaing dengan aplikasi perpesanan sosial media dan web messenger lainnya. Messenger ICQ Chat memungkinkan pengguna baru untuk membuat account baru. <br />
</p><p>
Jika Anda sudah tahu tentang <em style="font-weight: 600;">SKYPE Messenger</em> – yang bisa melakukan panggilan video dengan ponsel Anda maupun melalui PC atau sekarang populernya berbicara tentang <em style="font-weight: 600;">WhatsApp Messenger</em> – yang memiliki feature panggilan video dan panggilan audio gratis, ini adalah fitur gratis yang sama; seperti video chat dengan aman, panggilan suara berkualitas tinggi dan sinkronisasi di semua perangkat Anda – memastikan bahwa Anda akan dapat menikmati dalam menggunakan layanan ICQ Messenger untuk Mobile/Ponsel dan PC/Laptop. <br />
</p><p>
<strong>Feature yang ditawarkan ICQ:</strong>
<ul>
<li>Gratis panggilan suara;</li>
<li>Gratis panggilan video;</li>
<li>Group chatting;</li>
<li>Sticker;</li>
<li>Transfer file; dan</li>
<li>masih banyak lagi!</li>
</ul>
</p>
<blockquote style="border-radius: 0px 20px;border: 1px solid grey;padding: 0px 0px;margin: 4px 5px 6px;">
<ul style="padding: 2px 10px 3px 24px;margin: 4px auto 6px;">Tautan alternatif di halaman ini
<li><a href="#ICQ_Login_Chat_on_PC" title="Login ICQ.com Chat Room – menggunakan ICQ Messenger pada PC/Laptop">Login Chat ICQ Messenger pada PC/Laptop</a></li>
<li><a href="#ICQ_Messenger_Registration" title="Full Guide – ICQ Messenger Registration">Panduan Lengkap Cara Mendaftar di ICQ Messenger</a></li>
<li><a href="#What_Is_ICQ_Number" title="What Is “ICQ Number?”">ICQ Number Itu Apa?</a></li>
<li><a href="#Download_ICQ_Messenger" title="Download ICQ Messenger Applications">Download Aplikasi ICQ Messenger</a></li>
</ul>
</blockquote>
<br />
<span class="ez-toc-section" id="ICQ_Login_Chat_on_PC"></span>
<h3>Login Chat Room ICQ.com menggunakan ICQ Messenger pada PC/Laptop</h3>
<p>
Jika anda ingin masuk ke akun perpesanan ruang chat (Chat room messenger) anda di PC/Laptop, hanya memerlukan nomor ponsel anda untuk login ke ICQ. <br /><br />
Simak langkah-langkahnya dibawah ini:
<ol>
<li>Kunjungi <span style="font-weight: 500;"><a href="https://www.icq.com/login/" target="_blank" rel="nofollow noopener noreferrer" class="external external_icon">//www.icq.com/login/</a></span> </li>
<li>Pilih kode negara anda (jika sistem tidak mendeteksi otomatis) dan masukkan nomor ponsel anda, kemudian masukkan kode yang dikirim melalui SMS pada kotak yang tersedia. Atau Anda juga dapat memilih untuk login menggunakan email, yang berarti bahwa Anda harus menggunakan alamat email dan password untuk melakukan ini.
<img src="//2.bp.blogspot.com/-Ho7vRg8-iNQ/XedVY5_FlyI/AAAAAAAAAFM/8nqwHD8KQEI7IOY9pWq9R8MYuaCvehZVQCPcBGAYYCw/s320/ICQ-Chat-Login.png" width="420px" border="0">
</li>
<li>Lalu klik “<span style="font-weight: 600;">Log in</span>”. </li>
<li>Selanjutnya, Anda akan diarahkan langsung ke halaman Chat Room ICQ. </li>
</ol>
<br />
</p>
<span class="ez-toc-section" id="ICQ_Messenger_Registration"></span>
<h3>Panduan Lengkap Cara Mendaftar di ICQ Messenger </h3>
<p>
Membuat akun baru untuk video call & chat pada ICQ free messenger ini <em style="font-weight: 600;">gratis dan cepat</em>. Nama lengkap dan nomor ponsel Anda diperlukan untuk melengkapi syarat pendaftarannya, kemudian SMS yang berisi kode verifikasi akan dikirim ke nomor ponsel Anda. <br /><br />
Ikuti panduannya dibawah ini:
<ol>
<li>Kunjungi <span style="font-weight: 500;"><a href="https://www.icq.com/join/" target="_blank" rel="nofollow noopener noreferrer" class="external external_icon">//www.icq.com/join/</a></span> – halaman resminya adalah //icq.com/</li>
<li>Masukkan nama lengkap dan nomor ponsel Anda.
<img src="//4.bp.blogspot.com/-hl4c8yCv7_0/XedVVld9_lI/AAAAAAAAAFI/j_n-oGFXFhM5s_rmEJxMzLWupKWjy2digCPcBGAYYCw/s320/ICQ-Form-Registration.png" width="420px" border="0">
</li>
<li>Selanjutnya, klik “<span style="font-weight: 600;">Request SMS</span>”. </li>
<li>Lalu lengkapi pendaftaran Anda (verifikasi) dengan menggunakan kode yang dikirimkan melalui SMS ke nomor ponsel Anda.</li>
</ol>
<br />
</p>
<span class="ez-toc-section" id="What_Is_ICQ_Number"></span>
<h3><em>ICQ Number</em> Itu Apa? </h3>
<p>
Sebagian besar dari Anda mungkin berpikir atau bertanya-tanya <span style="font-style: italic;">apa sih</span> nomor ICQ Anda dan jika ada Apakah itu dapat dihasilkan? Selama pendaftaran ICQ Messenger Anda, Anda akan diminta untuk memasukkan nomor ponsel berikut dengan kode negara Anda. Apa mungkin itu yang Anda maksud dengan ICQ Number?!? Jawabannya adalah “BUKAN”. <br />
<blockquote style="border-radius: 0px 0px 20px 20px;border: 1px solid grey;padding: 7px 15px 8px;margin: 4px 5px 6px;text-align: center;">
ICQ Number adalah nomor ID unik yang diberikan kepada setiap user ICQ saat melakukan pendaftaran. Nomor identifikasi pengguna (User Identification Numbers/UIN) ini di distribusikan secara berurutan, yang juga dibedakan antara satu dengan yang lainnya.
</blockquote>
<br />
</p><p>
<strong>Bagaimana Cara Mendapatkan ICQ Number/UIN Saya?</strong> <br />
<ul>
<li>Silahkan login ke akun ICQ Anda dengan menggunakan ponsel atau melalui website resmi-nya</li>
<li>Klik/tap username Anda (your displayed name)</li>
<li>Dibawah tampilan nama anda, itu adalah UIN (lihat gambar dibawah untuk dapat mengidentifikasi dan menemukan nomor identifikasi pengguna/akun ICQ Anda).
<img src="//4.bp.blogspot.com/-1VHsT6_GsCk/XedVfTszqfI/AAAAAAAAAFQ/RNjF3yXjF2YE4l_JACCg7KzgmKKdJ0qywCPcBGAYYCw/s320/ICQ-UIN.png" width="420px" border="0">
</li>
</ul>
<br />
</p>
<span class="ez-toc-section" id="Download_ICQ_Messenger"></span>
<h3>Download Aplikasi ICQ Messenger</h3>
<p>
Israel Company Mirabilis telah melakukan hal yang baik untuk memastikan bahwa aplikasinya kompatibel di semua jenis ponsel (no-matter grade). Download aplikasi ICQ secara gratis dengan link di bawah ini:
<fieldset style="padding: 0px 5px 1px;margin: 4px 5px 6px;">
<legend style="padding: 0px 5px 1px;margin: 0px 0px -5px;">[Silahkan di download]</legend>
<ul style="padding: 2px 10px 3px 22px;margin: 4px auto 6px;">
<li>Ponsel Android [<a href="http://app.appsflyer.com/com.icq.mobile.client?pid=icq_site" target="_blank" rel="nofollow noopener noreferrer" class="external external_icon">klik disini</a>]</li>
<li>iOS (iPhone and iPad) [<a href="http://app.appsflyer.com/id302707408?pid=icq_site_wp_link_placeholder" target="_blank" rel="nofollow noopener noreferrer" class="external external_icon">klik disini</a>]</li>
<li>ICQ for Windows PC/Laptop [<a href="https://r.mail.ru/clo12053242/icq.mail.ru/exe.icq.com/icqsetup.exe" target="_blank" rel="nofollow noopener noreferrer" class="external external_icon">klik disini</a>]</li>
<li>ICQ for Mac OS-X [<a href="https://icq.com/mac/en" target="_blank" rel="nofollow noopener noreferrer" class="external external_icon">klik disini</a>]</li>
<li>Linux OS [<a href="https://icq.com/linux/en" target="_blank" rel="nofollow noopener noreferrer" class="external external_icon">klik disini</a>]</li>
<li>Untuk platform lainnya [<a href="https://icq.com/mobilephone/en" target="_blank" rel="nofollow noopener noreferrer" class="external external_icon">klik disini</a>] (Anda akan diminta untuk memasukkan nomor ponsel dan akan mendapatkan SMS berisi link untuk mendownload ICQ untuk platform/OS Anda).</li>
</ul>
</fieldset>
<br />
</p><p>
Demikian tutorial tentang Daftar ICQ Gratis - Untuk Messenger dan Chatting ini saya sajikan, semoga bermanfaat..
</p>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px; padding: 2px 5px 3px 5px; text-align: center;">
<img alt="salam dari admin blog" border="0" height="auto" src="https://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" style="border: none; vertical-align: top;" title="KangFirm NoteWork Media & Creations" width="320" /></h5>
</div>
<div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>TheBloggist Ankshanahttp://www.blogger.com/profile/09309821941259712747noreply@blogger.com0Bekasi, Bekasi City, West Java, Indonesia-6.2382699 106.97557260000008-6.4908014 106.65284910000008 -5.9857384 107.29829610000007tag:blogger.com,1999:blog-4311448712209387654.post-35941717790856595262018-03-18T02:03:00.000+07:002019-12-25T05:40:04.594+07:00Cara Membuat Image Captcha AntiSpam dengan PHP<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Cara Membuat Image Captcha AntiSpam dengan PHP</h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="//kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img src="" alt="Kang Firman Bloggist Ankshana" title="KangFirm NoteWork Media & Creations" border="0" height="160" width="210" style="border: none;vertical-align: top;" /></a></div>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img src="//lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" border="0" height="auto" width="300" style="border: none;vertical-align: top;" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<!-- Begin Entri of Post and Pages -->
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img src="//2.bp.blogspot.com/-4pjwVeyvaaA/Wq7OIWWqeZI/AAAAAAAACe0/NFCDIR8MBcoNkzE3pxdT27vB3YrVGuuAgCLcBGAs/s320/membuat-captcha.jpg" alt="KangFirm84 Bloggist Ankshana" border="0" height="160" width="210" style="border: none;vertical-align: top;" /></a></div>
<p>Hallo Guys!! Good morning selamat pagi untuk kalian yang berada di Wilayah Negara Kesatuan Republik Indonesia dan sekitarnya.. :-D) <br></p>
<p>Untuk edisi postingan kali ini, saya coba share tutorial cara membuat image captcha AntiSpam sederhana dengan menggunakan bahasa pemrograman PHP. Di dalamnya, sudah saya coba dengan menyertakan fitur session. Hasilnya, lumayan memuaskan laah untuk sementara.. <br></p>
<p>OK guys, langsung saja kita ke pembahasan utama postingan ini. <br><br>Sebagai informasi awal, disini saya menggunakan software RapidPHP yang di integrasikan dengan PHP versi 7.19 sebagai bahan pelengkap saat mencoba hasil codding PHP-nya. Jika kalian memiliki tools editor yang lain, silahkan saja. › lagian, siapa juga yang larang.. <i>iya ngga?!?</i> <br></p>
<p>Pertama-tama, buatlah file baru lalu mulai codding dengan deklarasi variable-nya: <br></p>
<pre class="php view-code" style="max-height: 480px;"><?php
/** Belajar Pemrograman PHP
* Cara Membuat Anti-Spam (Image Captcha) Sederhana
*
* untuk medowload hasil programnya, silahkan kunjungi
* http://kangfirm84.blogspot.com/
*/
### BEGIN SETTINGS
$imgType= (isset($_GET['type']) && !empty($_GET['type'])) ? $_GET['type'] : 'default';
$imageH = (isset($_GET['h']) && !empty($_GET['h'])) ? $_GET['h'] : 20; //ukuran tinggi gambar
$imageW = (isset($_GET['w']) && !empty($_GET['w'])) ? $_GET['w'] : 80; //ukuran lebar gambar
//Jenis huruf yang akan di gunakan, pastikan file huruf di upload ke server dalam path yang sama.
//sebagai contoh, saya menggunakan huruf yang saya miliki dengan nama zombnze.ttf
$fntName= (isset($_GET['font']) && !empty($_GET['font'])) ? $_GET['font'] : 'zombnze.ttf';
//ukuran huruf yang di tampilkan
$fntSize= $imageH*0.8;
//berapa banyak karakter yang akan ditampilkan dalam captcha?
$lenCode= 6;
//karakter apa saja yang diijinkan dalam captcha?
$charset= '0123456789abcdefghijklmnopqrstuvwxyz';
### END OF SETTINGS
</pre> gimana, sikut anda lumayan panas khan?!? hehehe.. <br><br>
Kode di atas adalah sebagai perwakilan untuk menghindari terjadinya error jika file ini dipanggil/akan digunakan oleh file skrip lain. <br>
<p>Masih sanggup mengetik kode programnya?!? OK, kita lanjutkan ke baris selanjutnya.. <br>
</p><pre>### BEGIN PROGRAM
//Memulai sesi program
if (function_exists('session_start')) @session_start();
$code = '';
for ($i=0; $i<$lenCode; $i++) {
$code .= substr($charset, mt_rand(0, strlen($charset)-1), 1);
}
$image_ = @ImageCreate($imageW, $imageH);
$groun_color= @ImageColorAllocate($image_, 255, 255, 255);
$noise_color= @ImageColorAllocate($image_, 180, 180, 180);
//tambahkan noise pada gambar
for ($i=0; $i<($imageW*$imageH)/6; $i++) {
@ImageEllipse($image_, mt_rand(0, $imageW), mt_rand(0, $imageH), 1, 1, $noise_color);
}
//render text
$render_text= @imagecolorallocate($image_, 40, 80, 120);
@imagettftext($image_, $fntSize, 0, 6, 15, $render_text, $fntName, $code)
or die('Sorry, system can\'t render text or TTF files');
</pre> Perhatikan kode di atas, itu adalah persiapan sebelum output program di tampilkan. Periksa ulang dan <b>jangan sampai ketinggalan</b> ya, nanti hasil programnya error lho! wkwkwk.. <br>
<pre>//output image
header('Control-cache: private, no-cache, must-revalidation');
header('Expires: 0');
switch (strtolower($imgType)) {
case 'jpeg' ? 'jpg' : function_exists('ImageJPEG'):
header('Content-type: image/jpeg');
@imagejpeg($image_) or die('Sorry, ImageJPEG error!');
break;
case 'wmf' ? 'gif' : function_exists('ImageGIF'):
header('Content-type: image/gif');
@imagegif($image_) or die('Sorry, ImageGIF error!');
break;
default:
header('Content-type: image/png');
@imagepng($image_) or die('Sorry, ImagePNG error!');
break;
}</pre> inilah kode pamungkas dari program yang kalian buat, yang nantinya hasil program tersebut akan di tampilkan dalam halaman pengguna (seperti hubungi kami, contact us, pendaftaran member, dll, dsb, dst..)
<pre>@imagedestroy($image_);
$_SESSION['AntiSpamImage'] = $code;
exit();
### END PROGRAM
?></pre> yang barusan adalah kode penutup program. <br>
<p>Horeeeeeeee <br><br>Jadi, anda dinyatakan sudah sukses membuat program captcha sederhana dengan menggunakan bahasa pemrograman PHP ini. <br><br>Selamat Ya!! <br></p>
<p>tutorial visual step-by-step-nya, dapat kalian lihat di https://youtu.be/1utPYsu2mg0</p><p>Khusus buat yang ga' mau susah-susah ngetik, saya sediakan link downloadnya di bawah. <br>
</p>
<!-- End of Entri of Post and Page --><br>
<center><img src="//3.bp.blogspot.com/-_XV5BnlQRGo/Wq7kCW5tuCI/AAAAAAAACfY/bHdek0BhX3I6HbhQpp5GATuIkE-EFw5eQCKgBGAs/s1600/btn-dload-free10.png" height="21" /><br>[ <a title="Download Skrip" href="/p/downloadable.html?url=https://is.gd/aulMKN" onclick="this.href='https://drive.google.com/file/d/1Yb4nXWuSQshxmDoNZVCeImPsXYip6QYa/view?usp=sharing'" target="_blank" rel="nofollow">Skripnya Disini</a> ] </center><br>
</div>
<div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com2Waled, Cirebon, West Java, Indonesia-6.9118249999999994 108.68288380000001-6.9748784999999991 108.60220280000001 -6.8487715 108.76356480000001tag:blogger.com,1999:blog-4311448712209387654.post-34194621136689740652014-12-13T23:49:00.000+07:002018-03-31T23:42:34.466+07:00Enkripsi Gambar Dengan Metode Base64<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Enkripsi Gambar Dengan Metode Base64 di halaman HTML</h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="" alt="Kang Firman Bloggist Ankshana" title="KangFirm NoteWork Media & Creations" /></a></div>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="https://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<!-- Begin Entri of Post and Pages -->
<p>Selamat malam semua!! <br /><br />
Sebenarnya sih sambil iseng-iseng saja, saya bikin postingan <a href="/search/label/Tips-Trik">Tips & Trik Kode</a> untuk meng<a href="/2014/12/enkripsi-gambar-dengan-metode-base64.html">enkripsi gambar dengan metode base64 di halaman HTML</a> ini. Jadi nantinya bila gambar yang kita enkripsi, tak perlu upload ke server. Cukup dengan menyalin (copy) hasil enkripsinya pada atribut <b>src</b> di elemen <code><IMG></code> saat codding halaman web berbasis HTML. <br /></p>
<h5>Apa sih HTML itu? </h5>
<p><strike>Untuk yang masih newbie</strike> ;-) Saya cuma bisa kasih sedikit keterangan bahwa, HTML adalah salah satu bahasa pemrograman untuk membuat website/blog. <br /><br />Naah, kalo maksud dari kode enkripsi gambarnya itu sendiri apa? <br />
Maksudnya adalah agar alamat/url sumber asli gambar tersebut tidak diketahui orang lain, faham?!? <br /></p>
<p>OK, kita langsung ke pembahasan yaa.. #CheckItOut <br /><br />
Contoh script code HTML-nya adalah sebagai berikut: <br /></p>
<pre class='html'><img src="data:image/png;base64,PasteHasilEnkripsiDisini"/> </pre>
<p>Isi nilai string SRC hasil enkripsi ini juga bisa di copy-paste di kolom url pada browser kesayangan kalian, nanti gambarnya akan di tampilkan. <br />
Contoh skrip program-nya untuk yang suka pake javascript adalah: <br /><br /></p>
<hr size="1" />
<div style="max-width: 480px;">
Pilih gambar untuk di enkripsi:
<table cellspacing="1" cellpadding="2" border="0">
<tbody>
<tr><td valign="top"><input type="file" id="imgloc_" style="" /> </td></tr>
<tr><td valign="top"><textarea wrap="virtual" rows="5" id="imgcod_" style="width: 230px;"></textarea> </td>
<td valign="top" rowspan="2"><img src="data:image/png;base64,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" id="imgview" style="width: 240px;height: auto;" /> </td></tr>
</tbody>
</table>
<script type="text/javascript">
var imgCod = document.getElementById('imgcod_');
var imgOut = document.getElementById('imgview');
if(imgOut.src=='') {imgOut.style.display='none';}
function readFile() {
if(imgOut.src==''){imgOut.style.display='none';}else{imgOut.style.display='block';}
if (this.files && this.files[0]) {
var FRid= new FileReader();
FRid.addEventListener('load', function(e) {
imgOut.src = e.target.result;
imgCod.innerHTML = e.target.result;
});
FRid.readAsDataURL(this.files[0]);
}
}
document.getElementById('imgloc_').addEventListener('change', readFile);
</script>
</div>
<hr size="1" />
<p>Source code javasript untuk program di atas : <br /></p>
<pre class="html view-code" style="max-height: 480px;"><!-- Bagian untuk memilih lokasi gambar !-->
Pilih gambar untuk di enkripsi: <input type="file" id="loc" style="" />
<!-- Ini bagian untuk menampilkan hasil enkripsi !-->
<textarea wrap="virtual" rows="5" id="cod" style="width: 230px;"></textarea>
<!-- Ini bagian untuk menampilkan gambar secara otomatis setelah lokasi gambar ditentukan !-->
<img id="img" src="" height="auto" />
<!-- Kalau ini, bagian kode javasript program enkripsi-nya !-->
<script type="text/javascript">
var imgOut = document.getElementById('img');
var imgCod = document.getElementById('cod');
function readFile() {
if (this.files && this.files[0]) {
var FRid= new FileReader();
FRid.addEventListener('load', function(e) {
imgOut.src = e.target.result;
imgCod.innerHTML = e.target.result;
});
FRid.readAsDataURL(this.files[0]);
}
}
document.getElementById('loc').addEventListener('change', readFile);
</script></pre>
<p>Untuk yang suka pake PHP (tapi ga' mau di PHP-in), contoh skrip program-nya adalah: <br />
<pre class="phpx view-code" style="width: 95%;max-height: 480px;" onclick="this.focus();this.select();"><?php
function imageBase64FromURL($location){
$urlParts = pathinfo($location);
$extension = $urlParts['extension'];
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $location);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_HEADER, 0);
$response = curl_exec($ch);
curl_close($ch);
$base64 = 'data:image/'.$extension.';base64,'.base64_encode($response);
return $base64;
}
?></pre>Untuk penggunaan/kode pemanggilnya, adalah sebagai berikut: <br />
<pre class="phpx view-code" style="width: 95%;max-height: 480px;"><?php
$urlImages = 'https://4.bp.blogspot.com/-fKmEY2XttV8/UQKsFBinkRI/AAAAAAAAAYU/cgDdYR82VPA/s1600/Screenshot-3.png';
$encodeImg = imageBase64FromURL($urlImages);
echo $encodeImg;
?></pre> Silahkan ganti string pada variabel <b>$urlImages</b> dengan alamat gambar yang akan di enkripsi.<br /><br /></p>
<p>Hmm.. bagi yang masih kurang mengerti, silahkan tanyakan melalui kolom komentar. Terima kasih sebelum dan sesudahnya. Untuk selebihnya silahkan anda kreasikan sendiri sesuai selera, OK?!? <br /><br />Selamat Mencoba!! </p>
<div style='clear: both;'></div>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="https://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div>
<div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-25652825840953482792013-07-11T03:49:00.000+07:002018-04-05T05:29:28.084+07:00MS-DOS All Commands List with Definitions<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">MS-DOS All Commands List with Definitions</h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="auto" src="https://4.bp.blogspot.com/-rn3vgdIeq1M/WsVPj9HrzjI/AAAAAAAACgQ/maz5VNLq11c2WM0sH7GCYOtjLMugSd8uwCLcBGAs/s200/msdos-cprompt1.jpg" alt="Kang Firman Bloggist Ankshana" title="KangFirm NoteWork Media & Creations" /></a></div>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="https://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<p>Here in this article I will list <strong>MSDOS all Commands with definitions</strong>, you can view all these commands in your CMD just by typing <strong>help</strong> and hit <strong>enter</strong> but here it is visually good looking and easy to locate and read. you can open Command Line Interface in windows by many different methods</p>
<h2>Open CMD method 1</h2>
<ol>
<li>Click Start menu</li>
<li>type <b>cmd</b> or <b>search</b> Command Prompt</li>
</ol>
<h2>Open CMD method 2</h2>
<ol>
<li>Press <b>Window key + R</b></li>
<li>type <b>cmd</b></li>
<li>hit enter</li>
</ol>
<div class="table-responsive">
<table class="table table-condensed table-striped table-hover table-bordered">
<thead>
<tr>
<th>COMMAND</th> <th>Definition</th>
</tr>
</thead>
<tbody>
<tr><td>ASSOC</td> <td>Displays or modifies file extension associations.</td></tr>
<tr><td>ATTRIB</td> <td>Displays or changes file attributes.</td></tr>
<tr><td>BREAK</td> <td>Sets or clears extended CTRL+C checking.</td></tr>
<tr><td>BCDEDIT</td> <td>Sets properties in boot database to control boot loading.</td></tr>
<tr><td>CACLS</td> <td>Displays or modifies access control lists (ACLs) of files.</td></tr>
<tr><td>CALL</td> <td>Calls one batch program from another.</td></tr>
<tr><td>CD</td> <td>Displays the name of or changes the current directory.</td></tr>
<tr><td>CHCP</td> <td>Displays or sets the active code page number.</td></tr>
<tr><td>CHDIR</td> <td>Displays the name of or changes the current directory.</td></tr>
<tr><td>CHKDSK</td> <td>Checks a disk and displays a status report.</td></tr>
<tr><td>CHKNTFS</td> <td>Displays or modifies the checking of disk at boot time.</td></tr>
<tr><td>CLS</td> <td>Clears the screen.</td></tr>
<tr><td>CMD</td> <td>Starts a new instance of the Windows command interpreter.</td></tr>
<tr><td>COLOR</td> <td>Sets the default console foreground and background colors.</td></tr>
<tr><td>COMP</td> <td>Compares the contents of two files or sets of files.</td></tr>
<tr><td>COMPACT</td><td>Displays or alters the compression of files on NTFS partitions.</td></tr>
<tr><td>CONVERT</td><td>Converts FAT volumes to NTFS. You cannot convert the current drive.</td></tr>
<tr><td>COPY</td><td>Copies one or more files to another location.</td></tr>
<tr><td>DATE</td><td>Displays or sets the date.</td></tr>
<tr><td>DEL</td><td>Deletes one or more files.</td></tr>
<tr><td>DIR</td><td>Displays a list of files and subdirectories in a directory.</td></tr>
<tr><td>DISKPART</td><td>Displays or configures Disk Partition properties.</td></tr>
<tr><td>DOSKEY</td><td>Edits command lines, recalls Windows commands, and creates macros.</td></tr>
<tr><td>DRIVERQUERY</td><td>Displays current device driver status and properties.</td></tr>
<tr><td>ECHO</td><td>Displays messages, or turns command echoing on or off.</td></tr>
<tr><td>ENDLOCAL</td><td>Ends localization of environment changes in a batch file.</td></tr>
<tr><td>ERASE</td><td>Deletes one or more files.</td></tr>
<tr><td>EXIT</td><td>Quits the CMD.EXE program (command interpreter).</td></tr>
<tr><td>FC</td><td>Compares two files or sets of files, and displays the differences between them.</td></tr>
<tr><td>FIND</td><td>Searches for a text string in a file or files.</td></tr>
<tr><td>FINDSTR</td><td>Searches for strings in files.</td></tr>
<tr><td>FOR</td><td>Runs a specified command for each file in a set of files.</td></tr>
<tr><td>FORMAT</td><td>Formats a disk for use with Windows.</td></tr>
<tr><td>FSUTIL</td><td>Displays or configures the file system properties.</td></tr>
<tr><td>FTYPE</td><td>Displays or modifies file types used in file extension associations.</td></tr>
<tr><td>GOTO</td><td>Directs the Windows command interpreter to a labeled line in a batch program.</td></tr>
<tr><td>GPRESULT</td><td>Displays Group Policy information for machine or user.</td></tr>
<tr><td>GRAFTABL</td><td>Enables Windows to display an extended character set in graphics mode.</td></tr>
<tr><td>HELP</td><td>Provides Help information for Windows commands.</td></tr>
<tr><td>ICACLS</td><td>Display, modify, backup, or restore ACLs for files and directories.</td></tr>
<tr><td>IF</td><td>Performs conditional processing in batch programs.</td></tr>
<tr><td>LABEL</td><td>Creates, changes, or deletes the volume label of a disk.</td></tr>
<tr><td>MD</td><td>Creates a directory.</td></tr>
<tr><td>MKDIR</td><td>Creates a directory.</td></tr>
<tr><td>MKLINK</td><td>Creates Symbolic Links and Hard Links</td></tr>
<tr><td>MODE</td><td>Configures a system device.</td></tr>
<tr><td>MORE</td><td>Displays output one screen at a time.</td></tr>
<tr><td>MOVE</td><td>Moves one or more files from one directory to another directory.</td></tr>
<tr><td>OPENFILES</td><td>Displays files opened by remote users for a file share.</td></tr>
<tr><td>PATH</td><td>Displays or sets a search path for executable files.</td></tr>
<tr><td>PAUSE</td><td>Suspends processing of a batch file and displays a message.</td></tr>
<tr><td>POPD</td><td>Restores the previous value of the current directory saved by PUSHD.</td></tr>
<tr><td>PRINT</td><td>Prints a text file.</td></tr>
<tr><td>PROMPT</td><td>Changes the Windows command prompt.</td></tr>
<tr><td>PUSHD</td><td>Saves the current directory then changes it.</td></tr>
<tr><td>RD</td><td>Removes a directory.</td></tr>
<tr><td>RECOVER</td><td>Recovers readable information from a bad or defective disk.</td></tr>
<tr><td>REM</td><td>Records comments (remarks) in batch files or CONFIG.SYS.</td></tr>
<tr><td>REN</td><td>Renames a file or files.</td></tr>
<tr><td>RENAME</td><td>Renames a file or files.</td></tr>
<tr><td>REPLACE</td><td>Replaces files.</td></tr>
<tr><td>RMDIR</td><td>Removes a directory.</td></tr>
<tr><td>ROBOCOPY</td><td>Advanced utility to copy files and directory trees</td></tr>
<tr><td>SET</td><td>Displays, sets, or removes Windows environment variables.</td></tr>
<tr><td>SETLOCAL</td><td>Begins localization of environment changes in a batch file.</td></tr>
<tr><td>SC</td><td>Displays or configures services (background processes).</td></tr>
<tr><td>SCHTASKS</td><td>Schedules commands and programs to run on a computer.</td></tr>
<tr><td>SHIFT</td><td>Shifts the position of replaceable parameters in batch files.</td></tr>
<tr><td>SHUTDOWN</td><td>Allows proper local or remote shutdown of machine.</td></tr>
<tr><td>SORT</td><td>Sorts input.</td></tr>
<tr><td>START</td><td>Starts a separate window to run a specified program or command.</td></tr>
<tr><td>SUBST</td><td>Associates a path with a drive letter.</td></tr>
<tr><td>SYSTEMINFO</td><td>Displays machine specific properties and configuration.</td></tr>
<tr><td>TASKLIST</td><td>Displays all currently running tasks including services.</td></tr>
<tr><td>TASKKILL</td><td>Kill or stop a running process or application.</td></tr>
<tr><td>TIME</td><td>Displays or sets the system time.</td></tr>
<tr><td>TITLE</td><td>Sets the window title for a CMD.EXE session.</td></tr>
<tr><td>TREE</td><td>Graphically displays the directory structure of a drive or path.</td></tr>
<tr><td>TYPE</td><td>Displays the contents of a text file.</td></tr>
<tr><td>VER</td><td>Displays the Windows version.</td></tr>
<tr><td>VERIFY</td><td>Tells Windows whether to verify that your files are written correctly to a disk.</td></tr>
<tr><td>VOL</td><td>Displays a disk volume label and serial number.</td></tr>
<tr><td>XCOPY</td><td>Copies files and directory trees.</td></tr>
<tr><td>WMIC</td><td>Displays WMI information inside interactive command shell.</td></tr>
</tbody>
<tfoot>
</tfoot>
</table>
</div>
<p></p>
<p>These are all commands, to view detailed definition and explanation of all possible parameters of a command. You can write help command-name <br />e.g. to view detail of <strong>dir</strong> command, just typping :</p>
<blockquote><code>help dir</code><p>or use </p><code>dir /?</code></blockquote>
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;text-align: center;"><a href="https://4.bp.blogspot.com/-wfkZ29tPBHE/WsVOrWeXUWI/AAAAAAAACgI/xV023YG-oFMoVzk-iIj6cHI1oCYkFn9kQCLcBGAs/s1600/msdos-cprompt2.jpg" imageanchor="1" ><img border="0" src="https://4.bp.blogspot.com/-wfkZ29tPBHE/WsVOrWeXUWI/AAAAAAAACgI/xV023YG-oFMoVzk-iIj6cHI1oCYkFn9kQCLcBGAs/s320/msdos-cprompt2.jpg" width="320" height="95" data-original-width="640" data-original-height="190" /></a></div>
<p>and You will get definition as below</p>
<pre>Displays a list of files and subdirectories in a directory.
DIR [drive:][path][filename] [/A[[:]attributes]] [/B] [/C] [/D] [/L] [/N]
[/O[[:]sortorder]] [/P] [/Q] [/R] [/S] [/T[[:]timefield]] [/W] [/X] [/4]
[drive:][path][filename]
Specifies drive, directory, and/or files to list.
/A Displays files with specified attributes.
attributes D Directories R Read-only files
H Hidden files A Files ready for archiving
S System files I Not content indexed files
L Reparse Points - Prefix meaning not
/B Uses bare format (no heading information or summary).
/C Display the thousand separator in file sizes. This is the
default. Use /-C to disable display of separator.
/D Same as wide but files are list sorted by column.
/L Uses lowercase.
/N New long list format where filenames are on the far right.
/O List by files in sorted order.
sortorder N By name (alphabetic) S By size (smallest first)
E By extension (alphabetic) D By date/time (oldest first)
G Group directories first - Prefix to reverse order
/P Pauses after each screenful of information.
/Q Display the owner of the file.
/R Display alternate data streams of the file.
/S Displays files in specified directory and all subdirectories.
/T Controls which time field displayed or used for sorting
timefield C Creation
A Last Access
W Last Written
/W Uses wide list format.
/X This displays the short names generated for non-8dot3 file
names. The format is that of /N with the short name inserted
before the long name. If no short name is present, blanks are
displayed in its place.
/4 Displays four-digit years
Switches may be preset in the DIRCMD environment variable. Override
preset switches by prefixing any switch with - (hyphen)--for example, /-W.
</pre>
<p></p>
<p>the same way you can view detailed explanation of any command listed above. <br/></p>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="https://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com2tag:blogger.com,1999:blog-4311448712209387654.post-53867578655778878462013-06-12T15:45:00.000+07:002019-06-12T18:37:38.574+07:00Memasang Related Post (bergambar dan responsive)<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Memasang Related Post (Bergambar dan Responsive)</h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="//kangfirm84.blogspot.com" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="" alt="Kang Firman Bloggist Ankshana" title="KangFirm NoteWork Media & Creations" /></a></div>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="//lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<!-- Begin Entri of Post and Pages -->
<p>Salah satu widget pada blog adalah <strong>Related Post</strong>. Biasanya ditampilkan di bagian bawah setiap postingan pada blog, berisi posting terkait, artikel dengan label/tag atau kategori yang sama, sekaligus internal link dan navigasi yang baik untuk meningkatkan page-views. <br></p>
<p>Jenis atau desain widget related post untuk blogger sangat beragam, salah satunya adalah seperti gambar di bawah ini. Terdiri dari judul tulisan dan gambar (image thumbnail). Kelebihannya adalah responsive atau mobile-friendly.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="//4.bp.blogspot.com/-CKqcJZh1Y_A/WH9yYnqjTbI/AAAAAAAAbOY/DB5UCO-iAXcUw9fegRUuGL2HJOuv4KOqQCLcB/s1600/related%2Bposts%2Bwidget%2Bfor%2Bblogger.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Related Posts Gambar Responsive" border="0" height="279" src="//4.bp.blogspot.com/-CKqcJZh1Y_A/WH9yYnqjTbI/AAAAAAAAbOY/DB5UCO-iAXcUw9fegRUuGL2HJOuv4KOqQCLcB/s320/related%2Bposts%2Bwidget%2Bfor%2Bblogger.PNG" title="Related Posts Gambar Responsive" width="320" /></a></div><p>
<h4 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Bagaimana Cara Memasang Related Post Pada Blogger?!?</h4>
<p>Berikut ini adalah cara memasang widget related post pada blogger: <br>
<ol>
<li />Dihalaman administrasi blogger anda, pilih <b>Template/Theme</b> > <b>Edit HTML</b><br>.
<li />Di atas baris/sebelum kode <b>]]></b:skin></b>, ketik kode berikut ini
<pre style="padding: 5px 5px;">
/* Related Posts */<br />.related-post{margin:30px 0 0;position:relative;padding:0 0 10px}<br />.related-post h4 {color:#333;text-align:center;letter-spacing:1px;font-size:120%;font-weight:700;text-transform:uppercase;position:relative;padding:15px 20px;margin:0 0 20px}<br />.related-post h4:after {content:"";position:absolute;width:4px;height:4px;background:#E73037;border-radius:50%;bottom:0;left:46%;box-shadow:1em 0 0 0 #E73037,2em 0 0 0 #E73037}<br />.related-post ul{margin:0;padding:0}<br />.related-post-style-3,.related-post-style-3 li{margin:auto;text-align:left;padding:0;list-style:none;word-wrap:break-word}<br />.related-post-style-3 li a{color:#64707a;font-weight:700;font-size:13px;line-height:1.4em}<br />.related-post-style-3 li:hover a,.related-post-style-3 li a:hover{color:#E73037}<br />.related-post-style-3 .related-post-item{display:inline-block;float:left;width:29.2%;height:220px;padding:0;margin-left:3%;margin-bottom:15px;position:relative;overflow:hidden}<br />.related-post-style-3 .related-post-item:focus{outline:none;border:none}<br />.related-post-style-3 .related-post-item-thumbnail{display:block;margin:0 0 10px;width:100%;height:125px;}<br />/* CSS Item Responsive */<br />@media only screen and (max-width:640px){.related-post-style-3 .related-post-item {width:45.4%;}}<br />@media screen and (max-width:414px){.related-post-style-3 .related-post-item {width:100%;margin:0;padding:10px;}}
</pre>
<li />Ketik/pasang kode HTML & Javascript berikut (pada widget baru atau yang sudah ada) di atas kode <b><div class='post-footer'></b> yang kedua, untuk menampilkan Related Post blog anda
<pre style="padding: 5px 5px;">
<div class='related-post' id='related-post'><br /><script type='text/javascript'><br />var mql = window.matchMedia(&#39;screen and (min-width: 992px)&#39;);if (mql.matches){<br />var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><br />&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br /></b:loop></b:if>];<br />var relatedPostConfig = {<br />homePage: &quot;<data:blog.homepageUrl/>&quot;,<br />widgetTitle: &quot;<h4><span style="color: red;">You Might Also Like</span></h4>&quot;,<br />numPosts:6,<br />summaryLength:0,<br />titleLength: &quot;auto&quot;,<br />thumbnailSize: 200,<br />noImage: &quot;//2.bp.blogspot.com/-pcWHSqKq44g/U6ZtZ5js6SI/AAAAAAAADu0/iR9lOJhGLKE/s1600/no-image.png&quot;,<br />containerId: &quot;related-post&quot;,<br />newTabLink: false,<br />moreText: &quot;Read More&quot;,<br />widgetStyle: 3,<br />callBack: function() {}<br />};}<br /></script><br /><script type='text/javascript'><br />removeRelatedDuplicates();<br />printRelatedLabels();<br /></script><script type='text/javascript'><br />//<![CDATA[<br />/*! Related Post Widget for Blogger */<br />var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>You Might Also Like</h4>",widgetStyle:1,homePage:"<span style="color: red;">http://namabloganda.blogspot.com</span>",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(//$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(//s[0-9]+(-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(//$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);<br />//]]><br /></script><br /></div></pre>» Ganti/sesuaikan kode yang <span style="color: red;">berwarna merah</span>.
<li />Simpan template anda dan lihat perubahannya.
</ol>Demikian <em>cara memasang related post (bergambar dan responsive)</em> ini admin bagikan, selamat mencoba!!
<br></p>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="//lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0Waled, Cirebon, West Java, Indonesia-6.9118249999999994 108.68288380000001-6.9748784999999991 108.60220280000001 -6.8487715 108.76356480000001tag:blogger.com,1999:blog-4311448712209387654.post-18744608743138926542013-05-30T20:08:00.000+07:002019-06-12T18:06:31.816+07:00Mengedit Template Blogger/Blogspot Agar SEO Friendly<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Mengedit Template Blogger/Blogspot Agar SEO Friendly </h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="//kangfirm84.blogspot.com" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="auto" src="//3.bp.blogspot.com/-pwqfApBEBoE/VO9Z3gEeDgI/AAAAAAAAB4w/PlDF_7KU7M8/s1600/blog-seo-friendly.jpg" alt="Mengedit Template Blogger/Blogspot Agar SEO Friendly" title="KangFirm NoteWork Media & Creations" /></a></div>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="//lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<!-- Begin Entri of Post and Pages -->
<b>Template Blogger/Blogspot SEO Friendly</b> - Sepertinya admin sedang tergila-gila belajar tentang SEO, jadi kali ini postingnya juga masih tentang tips search engine optimization (SEO). Postingan kali adalah kumpulan dari semua cara yang admin ketahui tentang men-SEO-kan template blogger/blogspot kita. Jadi kalo ada yang kurang, silahkan sobat-sobat blogger tambahkan ilmu yang sobat miliki pada kolom komentar. <br/><br/>
Tutorial step by step mengedit template blogger/blogspot agar SEO Friendly ini hanya salah satu cara untuk meningkatkan SERP (apa itu SERP? dapat sobat <a href="//beklingratis.blogspot.com/2013/05/info-tentang-pagerank-dan-serp.html" title="Tentang Google Pagerank dan SERP">baca disini</a>). Dari pada sobat ketiduran dengerin ocehan admin yang gak jelas, lebih baik langsung kita bahas step by step Complete SEO Guide untuk blogger templates: <br/>
<ol>
<li /><b>Page Title</b> <br>
Biasanya format page title dari blogger itu khan seperti ini <br>
<blockquote style="font-weight: bold;text-align: center;">JUDUL BLOG : JUDUL POSTING </blockquote>
Naaah.. agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standard-nya itu menjadi seperti ini <br>
<blockquote style="font-weight: bold;text-align: center;">JUDUL POSTING | JUDUL BLOG </blockquote>
Caranya, di EDIT HTML cari kode berikut (cara mudahnya dengan menekan Ctrl+F): <br>
<blockquote style="font-weight: bold;"><title><data:blog.pageTitle/></title></blockquote>
Kalo sudah dapat kodenya, hapus dan ganti dengan kode berikut ini: <br>
<pre style="padding: 5px 5px;">
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
</pre>
atau, sobat juga bisa menambahkan beberapa kata kunci (keyword) seperti ini: <br>
<pre style="padding: 5px 5px;">
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | <font style="font-weight: bold;color: red;">kata_kunci</font> | <font style="font-weight: bold;color: red;">kata_kunci</font> </title>
</b:if>
</pre>
Ganti kode "kata_kunci" dengan keyword yang sobat incar. Setelah semua selesai, jangan lupa di save template-nya.
<li /><b>Meta keyword dan description</b> <br>
Suatu mesin pencari seperti google sangat menyukai sebuah website/blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/* <br>
<pre style="padding: px px;">
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="<font style="font-weight: bold;color: red;">Kata kunci, kata kunci, kata kunci, kata kunci, kata kunci</font>" />
</b:if>
</pre>
Lalu, save aja template-nya.
<li /><b>Pasang Breadcrumbs</b> <br>
Breadcrumbs adalah menu navigasi yang berada diatas sebuah artikel atau posting-an, contohnya bisa dilihat pada blog ini. Cara memasangnya juga sudah banyak dibahas di blog-blog para guru blogging. Silahkan sobat cari di google dengan kata kunci "cara membuat menu breadcrumbs".
<li /><b>Pasang Related Post</b> <br>
Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi, pasanglah related post di blog sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging. Silahkan sobat cari di google dengan kata kunci "cara membuat related post di blogger".
<li /><b>Mematikan settingan arsip (archive)</b> <br>
Lho, buat apa? Begini nih.. seperti yang admin katakan tadi, bahwa google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya berikut: <br>
sobat membuat sebuah blog di blogger.com, lalu membuat 3 postingan dan 1 kategori setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti
<blockquote style="font-weight: bold;text-align: center;">http://NAMABLOG.blogspot.com/2007_03_01_archive.html </blockquote>
pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage. <br>
Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine (apa lagi mbah google), ini adalah masalah yang serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya: setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. Setelah itu, simpan settingannya. <br>
atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head>: <br>
<pre style="padding: 5px 5px;">
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
</pre>
Save template dan selesai
<li /><b>Menambahkan kode 'rel=canonical'</b> <br>
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content (*jadi buat yang kerjanya cuma bisa copas, hati-hati nih sebelum didepak dari gugel.. xixixi*). Caranya, di edit html: tambahkan kode berikut setelah kode <head>:
<pre style="padding: 5px 5px;">
<link expr:href='data:blog.url' rel='canonical'/>
</pre>
Save template dan selesai
<li /><b>Tag Heading</b> <br>
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu, ubahlah ukuran judul posting sobat dengan tag H1. Caranya, cari kode berikut:
<pre style="padding: 5px 5px;">
<b:if cond='data:post.title'> <font style="font-weight: bold;color: red;">
<h3 class='post-title entry-title'> </font>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if> <font style="font-weight: bold;color: red;">
</h3> </font>
</b:if>
</pre>
Kode yang dicetak tebal berwarna <font style="font-weight: bold;color: green;">hijau</font> dihapus dan ubah dari h3 (atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>:
<pre style="padding: 5px 5px;">
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {font-size:1.5em;}
</pre>
</ol>
Naaah.. Cuma segitu yang admin tahu tentang bagaimana meng-edit template blogger/blogspot kita biar jadi lebih SEO Friendly. Silahkan dicoba! Ooo iya, hampir aja lupa. Lebih bagus lagi jika blog sobat dipasang read more-nya. Tapi tidak admin bahas karena rata-rata para blogger sudah memasang read more pada -nya. Hmm, yang masih kurang ngerti, silahkan tanya melalui kolom komentar. Terima kasih sebelum dan sesudahnya.
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="//lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com5Cirebon City, Cirebon City, West Java, Indonesia-6.7372457 108.55065620000005-6.8633961999999995 108.38929470000005 -6.6110952 108.71201770000005tag:blogger.com,1999:blog-4311448712209387654.post-11880085756697235422013-03-08T07:08:00.000+07:002015-02-14T16:47:20.061+07:00Review: URL Shortener Media<a name="PageUp"></a>
<h2 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Review: URL Shortener Media </h2>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana" title="KangFirm NoteWork"><img style="border: none;vertical-align: top;" border="0" width="240" height="180" src="http://www.toprankblog.com/wp-content/uploads/2009/01/11-url-shorten1.jpg" alt="KangFirm84 Bloggist Ankshana" title="KangFirm NoteWork" /></a></div>
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">KangFirm NoteWork Creations</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<!-- Begin Entri of Post and Pages -->
URL shorteners turn those long website addresses into condensed versions of themselves. It is a method in which allows you to easily submit small links to email, blogs, and more without having to type in the entire address or worry about copy and pasting the information. <br>
<br>
As these shorteners are essentially using a redirected link, virtually any address can be shortened by these services. Simply place the condensed link on a page or email message Once these are clicked, the visitor is redirected to the page you assigned for that URL. <br>
<br>
Using these shorter links also allows you to disguise the actual link information if you wish to keep particular coding privately hidden. Many find this useful when when dealing with affiliate programs or drop-shipping concerns in certain eCommerce applications. The visitor doesn't see the affiliate coding within the link, which sometimes will contain your account and tracking information for these kinds of sales. <br>
<br>
What to Look For in a Shortener <br>
** Pricing per Link <br>
** User Friendly <br>
** Secured Redirects <br>
<br>
Redirected shortened URLs can have a wide range of uses. Find the one that works best for you. <br>
<br>
<h4>All URL Shortener Reviews </h4>
<ul style="list-style: none;">
<li style="margin: 3px 0 7px;" />Bit.ly &mdash Bitly, Inc.
<div class="separator" style="clear: both;text-align: left;float: left;margin-right: 10px;"><img style="border: none;vertical-align: top;" border="0" width="64" height="64" src="http://blinklist.com/files/styles/logo/public/logos/bitly-logo.png?itok=7SqTksvR" alt="URL Shortener Bit.ly" title="KangFirm NoteWork" /></div>
Creating a small URL is only part of the features found in Bit.ly as you are also able to share these links using your Facebook and Twitter accounts.
<li style="margin: 3px 0 7px;" />Goo.gl — Google, Inc.
<div class="separator" style="clear: both;text-align: left;float: left;margin-right: 10px;"><img style="border: none;vertical-align: top;" border="0" width="64" height="64" src="http://blinklist.com/files/styles/logo/public/logos/google.png?itok=Cf1oY1CY" alt="URL Shortener Goo.gl" title="KangFirm NoteWork" /></div>
Create shortened URLs and track the usage with Goo.gl’s free service. With or without a Google account, you can use the features provided to be used any way you wish.
<li style="margin: 3px 0 7px;" />TinyUrl — TinyURL, LLC.
<div class="separator" style="clear: both;text-align: left;float: left;margin-right: 10px;"><img style="border: none;vertical-align: top;" border="0" width="64" height="64" src="http://blinklist.com/files/styles/logo/public/logos/tinyurl-logo.png?itok=r1vm7J_W" alt="URL Shortener Tiny.url" title="KangFirm NoteWork" /></div>
TinyURL is a free method that allows anyone to create condensed URLs for a variety of purposes such as hiding private information within affiliate links.
<li style="margin: 3px 0 7px;" />Ow.ly — HootSuite Media Inc.
<div class="separator" style="clear: both;text-align: left;float: left;margin-right: 10px;"><img style="border: none;vertical-align: top;" border="0" width="64" height="64" src="http://blinklist.com/files/styles/logo/public/logos/owly-logo.png?itok=hV0Jq2ax" alt="URL Shortener Tiny.url" title="KangFirm NoteWork" /></div>
Ow.ly allows users to quickly shortened URLs to be used in a variety of methods. One of the most notable of uses is that of posting these links in Twitter.
<li style="margin: 3px 0 7px;" />Tr.im — Tr.im
<div class="separator" style="clear: both;text-align: left;float: left;margin-right: 10px;"><img style="border: none;vertical-align: top;" border="0" width="64" height="64" src="http://blinklist.com/files/styles/logo/public/logos/trim-logo.jpg?itok=Y4yH7xqz" alt="URL Shortener Tiny.url" title="KangFirm NoteWork" /></div>
Quickly create a shortened link using Tr.im and then share those links using social media sites such as Twitter, Facebook, and Google+.
</ul> <br>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-55448518088022550852013-02-12T12:02:00.000+07:002015-02-14T16:45:47.921+07:00Putar dan Mainkan Musik di Blog<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;"></h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="180" height="120" src="http://4.bp.blogspot.com/_iMpj32Ztd9k/THA9VOuJ0AI/AAAAAAAAABI/9Za6ROmK7fE/s400/music-notes.jpg" alt="Putar dan mainkan musik di blog" title="KangFirm NoteWork Media & Creations" /></a></div>
<center><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;background: rgb(0,0, 153);color: #ffc600;font-weight: bold;font-size: 15px;">KangFirm NoteWork Media & Creations</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<!-- Begin Entri of Post and Pages -->
<u>to the point</u> aja <font style="font-style: italic;">lah</font>.. <br>
<ul style="list-style: square;">
<li><b>Memutar lagu secara otomatis</b><br>
<ol style="list-style: decimal-leading-zero outside;">
<li>Pertama, tentunya terlebih dahulu tentukan lagu/mp3 apa yang ingin kalian putar di blog (kalian bisa pilih lagunya di <a href="http://divine-music.info/newtemp/browse.php" title="Divine Music" style="background-color: white;color: #111111;font: normal normal 16px 'PT Sans Narrow';line-height: 1.2em;text-decoration: none;" target="_blank" rel="nofollow">zivine-music.info</a>) </li>
<li>Search lagu yang diinginkan, selanjutnya copy code yang diberikan. </li>
<li>Masuk ke Dashboard blog kalian, pilih tata letak. Tambahkan Gadget, pilih HTML/JavaScript lalu Paste code tadi pada dan Simpan </li>
<li>Buka blogmu sekarang dan nikmati musiknya. </li>
</ol> <br>
</li>
<li><b>Memutar lagu secara manual</b><br>
<ol style="list-style: decimal-leading-zero outside;">
<li>Pertama, tentunya terlebih dahulu tentukan lagu/mp3 apa yang ingin kalian putar di blog (kalian bisa pilih lagunya di <a href="https://soundcloud.com/" title="SoundCloud" style="background-color: white;color: #111111;font: normal normal 16px 'PT Sans Narrow';line-height: 1.2em;text-decoration: none;" target="_blank" rel="nofollow">soundcloud.com</a>) </li>
<li>Search lagu yang diinginkan, selanjutnya klik lagu yang dipilih dan klik menu share copy code yang diberikan pada tab "<b>widget share</b>". </li>
<li>Masuk ke Dashboard blog kalian, pilih tata letak. Tambahkan Gadget, pilih HTML/JavaScript lalu Paste code tadi pada dan Simpan </li>
<li>Buka blognya, nikmati musiknya langsung dari blog kalian. </li>
<li>Jika ingin memutar ulang lagu tadi, klik Play. </li>
</ol> <br>
</li>
</ul>
Bisa juga kalian coba dengan <a href="/search/label/Tips-Trik" title="tips and trick">trik</a> berikut (blogger tingkat menengah): <br>
<h4>Embed audio with FlashPlayer </h4>
<center><textarea class="view-code" style="width: 80%;padding: 2px 5px 3px 5px;border: 3px outset #d4e5f6;" rows="5" cols="25" readonly onmouseover="this.select()" onfocus="this.select()" onclick="this.focus();this.select()" id="codebl2" name="code-link-barter2">
<!-- Embed audio with FlashPlayer -->
<embed flashvars="audioUrl=" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" type="application/x-shockwave-flash" quality="best" wmode="transparent" width="400" height="27"></embed>
</textarea></center>
<h4>Embed audio with Google Audio Player </h4>
<center><textarea class="view-code" style="width: 80%;padding: 2px 5px 3px 5px;border: 3px outset #d4e5f6;" rows="5" cols="25" readonly onmouseover="this.select()" onfocus="this.select()" onclick="this.focus();this.select()" id="codebl2" name="code-link-barter2">
<!-- Embed audio with Google Audio Player -->
<div style="float: center;text-align: center;">
<object id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" data="http://sites.google.com/a/bloggertipspro.com/mediafiles/mp3/dewplayer.swf" width="240" height="20">
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=" />
<param name="wmode" value="transparent" />
</object>
</div>
</textarea></center>
<h4>Embed audio with Compatible Code </h4>
<center><textarea class="view-code" style="width: 80%;padding: 2px 5px 3px 5px;border: 3px outset #d4e5f6;" rows="5" cols="25" readonly onmouseover="this.select()" onfocus="this.select()" onclick="this.focus();this.select()" id="codebl2" name="code-link-barter2">
<!-- Embed audio with Javascript -->
<a href="sample_audio.mp3" target="_self" title="Play Song">Play Song</a><script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
<!-- Embed audio with IFrame -->
<textarea class="view-code" style="width: 80%;padding: 2px 5px 3px 5px;border: 3px outset #d4e5f6;" rows="5" cols="25" readonly onmouseover="this.select()" onfocus="this.select()" onclick="this.focus();this.select()" id="codebl2" name="code-link-barter2">
<iframe title="Embed Music" id="Audio-on-iFrame" name="1321430542" class="igm" src="//urlaacjrode9jse93p741t2n1ibbufaq-a-sites-opensocial.googleusercontent.com/gadgets/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/105629041657992777031/embed-music.xml&container=enterprise&view=default&lang=en&country=ALL&sanitize=0&v=6ced7fd38a9bccd&up_hide&up_loop=false&up_auto=false&up_bg&up_mime=audio/mpeg&up_url=
&libs=core:dynamic-height:idi&mid=144&parent=https://sites.google.com/site/mori79/html-gadgets/media-players#st=e%3DAIHE3cCkXTmVvxP0ZRAHEXp17OlOvBFg6Xw008LDGZSE%252F1fBKexUW%252BeMXTo%252FSYAabcN%252FtKDMOM8MqiEQfTIjSiO6W77yTW9QlA%252F%252Bz7Yl0dVKwOWuo5uu7TPbl%252FtDNjfh5HX0J%252FceG%252Fjn%26c%3Denterprise&rpctoken=1639199637196496882" frameborder="0" scrolling="no" allowtransparency="true" width="300" height="45"></iframe>
<iframe title="Embed Music" id="11835596" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/11835596&auto_play=false&hide_related=false&visual=true" frameborder="no" scrolling="no" allowtransparency="true" width="100%" height="30"></iframe>
<iframe title="Embed Music" id="29510125" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/29510125&auto_play=false&hide_related=false&visual=true" frameborder="no" scrolling="no" allowtransparency="true" width="100%" height="30"></iframe>
<!-- Embed audio with HTML5 -->
<audio controls="controls" style="float: center;text-align: center;"><source src="" type="audio/mpeg" />Your browser does not support this audio</audio>
</textarea></center>
<h4>Embed audio with PHP Code </h4>
<center><textarea class="view-code" style="width: 80%;padding: 2px 5px 3px 5px;border: 3px outset #d4e5f6;" rows="5" cols="25" readonly onmouseover="this.select()" onfocus="this.select()" onclick="this.focus();this.select()" id="codebl2" name="code-link-barter2">
<?php
/*
Plugin Name: Google MP3 Player
Version: 1.0
Description: Turn MP3 links into an embedded audio player
Plugin URI: http://kangfirm.wap.sh/
Author: Kang Firman Bloggist Ankshana
Author URI: http://kangfirm84.blogspot.com/
*/
add_filter ( 'the_content', 'googlemp3_embed' );
function googlemp3_embed($text) {
// change links created by the add audio link system
$text = preg_replace_callback ('#^(<p>)?<a.*href=[\'"](http://.*/.*\.mp3)[\'"].*>.*</a>(</p>|<br />)?#im', 'googlemp3_callback', $text);
return $text;
}
function googlemp3_callback($match) {
// edit width and height here
$width = 400;
$height = 27;
return "{$match[1]
}
<!-- Embed audio with PHP Code -->
<embed src='http://www.google.com/reader/ui/3523697345-audio-player.swf' flashvars='audioUrl={$match[2]}' width='{$width}' height='{$height}' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed><br /><a href='{$match[2]}'>Download MP3 file</a>
{$match[3]}";}
?>
</textarea></center>
<br>
Selamat Mencoba dan Semoga Bermanfaat! <br>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-14212714710793533262013-02-02T01:30:00.000+07:002015-02-14T16:42:03.843+07:00Media Online: Membuat CV/Resume<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Menambahkan Widget Traffic Rank Alexa di Blog Sendiri </h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="240" height="180" src="http://www.liberatemedia.com/wp-content/uploads/2008/12/cv-resume-image.jpg" title="Membuat CV/Resume" alt="KangFirm84 Blogspot Com" /></a></div>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<!-- Begin Entri of Post and Pages -->
<h4 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;">Online: Membuat CV/Resume </h4>
Berikut saya bagikan beberapa informasi alamat situs untuk <a href="#PageUp">Membuat CV/Resume</a> secara online dan tentunya <a href="/search/label/Gratisan">GRATIS</a> laaah... silahkan pilih sendiri ya!
<ol>
<li /><a href="http://cvmkr.com/" target="_blank" rel="nofollow">CVMkr</a> <br>
<img style="border: none;vertical-align: top;" border="0" width="320" src="https://lh6.googleusercontent.com/-mxsOF2ZP_00/Uao2daey0_I/AAAAAAAAA7s/eTpokLt8xro/s800/cv-resume-maker1.JPG" title="CVMkr" alt="KangFirm84 Blogspot Com" />
<li /><a href="http://resume-fix.com/" target="_blank" rel="nofollow">Resume Fix</a> <br>
<img style="border: none;vertical-align: top;" border="0" width="320" src="https://lh4.googleusercontent.com/-smhgIiA_ouI/Uao2eD2p22I/AAAAAAAAA70/LONxY7o8Pnc/s912/cv-resume-maker2.JPG" title="Resume Fix" alt="KangFirm84 Blogspot Com" />
<li /><a href="http://cvwriting.net/products.php" target="_blank" rel="nofollow">CVWriting</a> <br>
<img style="border: none;vertical-align: top;" border="0" width="320" src="https://lh5.googleusercontent.com/-CqiVY_Z_5wU/Uao2e02PZvI/AAAAAAAAA78/vIIDSP3jgQU/s720/cv-resume-maker3.JPG" title="CVWriting" alt="KangFirm84 Blogspot Com" />
<li /><a href="http://www.jobsvitae.co.uk/cv-wizard.php" target="_blank" rel="nofollow">JobsVitae</a> <br>
<img style="border: none;vertical-align: top;" border="0" width="320" src="https://lh6.googleusercontent.com/-OtOgtRxzztQ/Uao2fR4ScwI/AAAAAAAAA8E/HuAaMSFGJtw/s720/cv-resume-maker4.JPG" title="JobsVitae" alt="KangFirm84 Blogspot Com" />
<li /><a href="http://www.thepcmanwebsite.com/free_resume_creator.shtml" target="_blank" rel="nofollow">The PCman Website</a> <br>
<img style="border: none;vertical-align: top;" border="0" width="320" src="https://lh5.googleusercontent.com/-5YEIy084yr4/Uao2gL_-iAI/AAAAAAAAA8M/6VArXDwJmGQ/s912/cv-resume-maker5.JPG" title="The PCman Website" alt="KangFirm84 Blogspot Com" />
</ol>
Ada yang punya info lain/mau menambahkan, silahkan komentar..
<!-- End of Entri of Post and Page -->
<h4 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;">Wassalaamu'alaikum Warohmatullaahi Wabarokaatuh</h4>
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-17543927871759218362012-12-23T02:29:00.000+07:002015-02-13T06:50:33.353+07:00Mengapa Harus Membuat Komentar dan Backlink "dofollow" di Blog Anda?<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Mengapa Anda Harus Membuat Komentar "dofollow" di Blog Anda </h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://4.bp.blogspot.com/-ueFxUg3b8Zs/UMvtGp1izCI/AAAAAAAAAZY/TS7b9z82Uwg/s1600/Increase-Blog-Comments1.jpg" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="http://4.bp.blogspot.com/-ueFxUg3b8Zs/UMvtGp1izCI/AAAAAAAAAZY/TS7b9z82Uwg/s1600/Increase-Blog-Comments1.jpg" alt="Kang Firman Bloggist Ankshana" title="KangFirm NoteWork Media & Creations" /></a></div>
<center><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;background: rgb(0,0, 153);color: #ffc600;font-weight: bold;font-size: 15px;">KangFirm NoteWork Media & Creations</marquee></center>
<h4 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h4>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
Komentar adalah jantung dari sebuah blog atau website. Tanpa komentar di dalam postingan, pengguna akan berpikir negatif tentang postingan blog Anda. Saya yakin kepada Anda, jika membuat komentar dofollow pasti akan meningkatkan komentar dan lalu lintas (trafic) dari blog Anda. Banyak para blogger yang mencari blog dofollow untuk meninggalkan backlink mereka di kolom komentar. Mereka juga akan mencoba untuk komentar setidaknya di semua posting. Jadi, ini juga akan membantu dalam lalu lintas blog. Mari kita lihat informasi detail tentang dofollow komentar di blogger. <br><br>
Dalam Blogger/Blogspot, pengaturan standar yang disebut "no-follow" mendefinisikan bahwa link dalam komentar dan backlink tidak akan diikuti oleh bots crawler mesin pencari saat masuk ke url blog atau website anda, sehingga mengurangi kesempatan para komentator dan backlinkers dalam mendapatkan kenaikan peringkat setiap halaman mereka dari link yang mereka tinggalkan. Hal ini mencegah suasana kondusif komentar dan backlinking di blog sebagaimana mestinya. Itulah sebabnya menghapus no-follow di blog komentar dan backlink adalah saran yang baik; itu berlaku untuk Blogger/Blogspot juga. <br><br>
Mitra no-follow, do-follow, akan memberikan stimulus (rangsangan) positif bagi pengunjung Anda untuk turut terlibat; baik di bagian komentar dan link balik. Hal ini juga akan menghasilkan nilai mutu untuk saling berargumen antara pemilik blog dan komentator, dengan memberikan umpan balik kepada si 'tuan rumah' dan mengikuti link ke pengunjung. Secara keseluruhan, ini akan sangat membantu Anda dalam mengembangkan situasi yang sehat di sekitar blog. Perangi spam, bukan blog! <br>
<br>
<h4>Cara Membuat komentar "dofollow" </h4>
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://2.bp.blogspot.com/-9hpU1uS0tk8/UMv3ykv4ddI/AAAAAAAAAZw/LI1RaWStKAM/s320/I-Follow.gif" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="http://2.bp.blogspot.com/-9hpU1uS0tk8/UMv3ykv4ddI/AAAAAAAAAZw/LI1RaWStKAM/s320/I-Follow.gif" alt="Kang Firman Bloggist Ankshana" title="KangFirm NoteWork Media & Creations" /></a></div>
Untuk menghapus no-follow dalam komentar Blogger/Blogspot, tag yang terletak di dalam kode template perlu disesuaikan sedikit. Untuk menemukannya, akses "edit HTML" di bagian "tata letak" dari dashboard Anda terlebih dahulu. Harap dicatat bahwa Anda perlu mencentang "expand widget template" karena kode yang kita cari terletak didalam salah satu widget. <br><br>
Kemudian cari tag ini, yang bertanggung jawab dalam mengesahkan (otorisasi) bot crawler apakah akan mengikuti link atau tidak. <br>
<blockquote><span class="fullpost"><a href='data:comment.authorUrl' rel=’nofollow’><data:comment.author/></a></span></blockquote>
<br>
Untuk hasil yang lebih cepat, Anda dapat menggunakan alat pencarian browser Anda (biasanya CTRL+F) lalu cari kata "nofollow". Anda akan menemukan bahwa ada 2 (dua) kata "nofollow" dalam kode, yang pertama terletak di dalam kode <u>comments-block</u> dan yang kedua terletak di dalam kode <u>backlinks</u>. Yang kita bicarakan disini adalah tentang cara menghapus yang pertama, yaitu yang berhubungan dengan bagian komentar. <br><br>
Kemudian sesuaikan kode untuk tidak mengaktifkan "nofollow" ini, cukup dengan menghapus kode yang di pertebal (berwarna merah) ini: <br />
<blockquote><span class="fullpost"><a href='data:comment.authorUrl' <span style="color: red;">rel=’nofollow’</span>><data:comment.author/></a></span></blockquote>
hingga hasilnya akan tampak seperti ini: <br />
<blockquote><span class="fullpost"><a href='data:comment.authorUrl’><data:comment.author/></a></span></blockquote>
<br />
Kemudian, silakan Simpan Template dan sekarang blog Anda akan secara resmi do-follow. Jangan lupa untuk menginformasikan kepada pembaca Anda, atau jika tidak mereka tidak akan tahu tentang ini (bahwa blog anda berstatus do-follow) dan usaha Anda akan menjadi sia-sia. <br />
<h4>DoFollow on Backlinks </h4>
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://2.bp.blogspot.com/-XP4aYmNClP8/UMv44v8UB5I/AAAAAAAAAZ4/H9Zca8CtFH4/s320/39-1.jpg" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="http://2.bp.blogspot.com/-XP4aYmNClP8/UMv44v8UB5I/AAAAAAAAAZ4/H9Zca8CtFH4/s320/39-1.jpg" alt="Kang Firman Bloggist Ankshana" title="KangFirm NoteWork Media & Creations" /></a></div>
Pengaturan default blogger untuk Backlinks (link balik) juga berlaku settingan yang sama, yakni "no-follow". Anda dapat menonaktifkannya dengan menggunakan metode yang sama jika Anda menginginkannya. Namun tidak seperti komentar, Anda tidak memiliki kontrol atau dapat memoderasi salah satu dari mereka. Mereka dihasilkan secara otomatis berdasarkan ping dan pelacakan. <br><br>
Saya pribadi lebih suka menonaktifkan backlink dari pengaturan dashboard, karena penampilan mereka membuat blog saya tampak berantakan. <br><br>
Tag berikut ini harus disesuaikan untuk menonaktifkan no-follow pada backlink, sobat hanya perlu menghapus kode yang di pertebal (berwarna merah) berikut ini <br />
<blockquote><span class="fullpost"><a href='data:backlink.url' <span style="color: red;">rel='nofollow'</span>><data:backlink.title/></a></span></blockquote>
Untuk mengaktifkan kembali settingan "no-follow" di komentar atau backlink, hanya dengan menempatkan kembali kode yang dihapus tadi ke posisi semula. <br>
<br>
<b><u>Catatan</u></b>: <br>
membuat komentar dofollow dapat menurunkan pagerank dan risiko diserang oleh spammer, jangan lupa pula untuk memberikan komentar pada postingan ini! <br><br>
Terima kasih <br>
<span style="font-size: 7pt;color: #ddd;">Sumber -> http://www.atozbuzz.com/2012/12/why-you-should-make-blog-comments.html</span> <br><br>
<h4 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h4>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0Waled, Cirebon, West Java, Indonesia-6.9118249999999994 108.68288380000001-6.9118249999999994 108.68288380000001 -6.9118249999999994 108.68288380000001tag:blogger.com,1999:blog-4311448712209387654.post-19031144984361314562012-12-21T15:15:00.000+07:002015-02-19T17:46:46.001+07:00Mencegah Link Aktif Di Komentar Blog Anda<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;"></h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="http://4.bp.blogspot.com/-Yl5W-obQsoo/VJR9ppFL32I/AAAAAAAADFE/XRHdfycygus/s1600/spamcomment-737537.png" alt="Mencegah Link Aktif Di Komentar Blog Anda" title="KangFirm NoteWork Media & Creations" /></a></div>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<!-- Begin Entri of Post and Pages -->
<b><span class="font-awal">K</span>omentar SPAM/SPAMMING/SPAMMER</b> [MAHO] - Kali ini saya ingin berbagi tutorial yang rasanya cukup penting. Sering terdapat di dalam blog-blog anyar/terkenal. Biasanya Itu dilakukan para SPAMMER hanya untuk mendapatkan BackLink untuk Web/Blog mereka. <br><br>
Sebenarnya kalau dilihat lebih detail lagi, cara untuk mendapatkan Backlink itu banyak. Antara lain membiasakan berkomentar dengan Name/URL, dll. <br><br>
Disini saya akan share langkah-langkah memasang Kode demi kode di template blog Anda agar bisa <a href="/2012/12/cegah-link-aktif-pada-komentar-blog-anda.html" title="komentar spam">Menghapus Komentar SPAM di Blog</a> secara Otomatis. Jika sebelumnya kita hanya dapat menghapus link aktif yang disertakan dalam sebuah komentar, maka kali ini kita dapat menampilkan salinan dari komentar aslinya. <br><br>
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="" alt="Kang Firman Bloggist Ankshana" title="KangFirm NoteWork Media & Creations" /></a></div>
OK langsung saja, ini dia langkah-langkahnya:
<ol>
<li>Silahkan Login ke Blogger.
<li>Buka Dashboard Blog anda lalu pilih Template - Edit HTML.
<li>Cari kode <span style="color: blue;font-weight: bold;">]]></b:skin></span> dan letakkan kode berikut tepat diatasnya. <br>
<pre rows="5" onclick="this.focus();this.select();" class="view-code">/*--- Spam Comments ----*/
p .spammer-detected {background-color: <span style="padding: 0 1px;background-color: red;">#ffffff</span>;}
textarea {
width: 98%;
height: 100px;
margin: 10px auto;
display: block;
overflow: auto;
background-color: #ff0000;
}</pre>
<li>Masukkan kode Javascript berikut di atas kode <span style="color: blue;font-weight: bold;"></body></span> <br>
<pre rows="5" onclick="this.focus();this.select();" class="view-code"><script type="text/javascript">//<![CDATA[
/* Spammer Detected */
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for (var i = 0; i < content.length; i++) {
if (content[i].innerHTML.indexOf('</a>') !== -1) {
var salinan = content[i].innerHTML;
content[i].innerHTML = "<div><mark><span style="background-color: lime;">LINK LIFE DETECTED!!!</span></mark><br/><span style="background-color: lime;">Sorry, Your comment has been hidden because you insert an active link that does not comply with the rules of this blog. This is a copy of your comments:</span></div><div><textarea>" + salinan + "</textarea> <span style="background-color: lime;">Thank you for your attention and your comments.</span><div align=right><img alt='Follow The Rules' src='http://1.bp.blogspot.com/-TCrD-KMUimQ/UbFIxansx_I/AAAAAAAABc4/nMP8r7xAlBk/s1600/kartu+kuning.gif' style='border:0;'/></div></div>";
content[i].className = 'spammer-detected';
}
}
}
/* Jalankan fungsi! */blockLinks('comments', 'p');
//]]></script>
<!--
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for (var i = 0; i < content.length; i++) {
if (content[i].innerHTML.indexOf('</a>') !== -1) {
content[i].innerHTML = "<mark>Maaf Bukannya Pelit</mark> Link Aktif Tidak Diterima";
content[i].className = "spammer-detected";
}
}
}
blockLinks('comment-holder', 'p');
//]]></script>--></pre>
<li>Simpan Template Anda.
</ol>
Catatan: <br>
* Untuk warna background ganti kode #ffffff. <br>
* Sesuaikan teks yang hijau sesuai selera sobat. <br>
<br>
Kode-kode diatas dapat di edit sesuai dengan selera masing-masing, termasuk warna dan kalimatnya. Jika anda ingin mencobanya, silahkan <b>test</b> dengan berkomentar dan memasukkan link aktif di kolom komentar. Semoga bermanfaat. <br><br>
<!-- view-source:http://area-share.blogspot.com/2013/07/cara-mencegah-link-aktif-dengan-menampilkan-salinan-komentar.html view-source:http://pengkajiseo.blogspot.com/2015/01/cara-mencegah-link-aktif-di-komentar.html -->
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com1Waled, Cirebon, West Java, Indonesia-6.9118249999999994 108.68288380000001-6.9748784999999991 108.60220280000001 -6.8487715 108.76356480000001tag:blogger.com,1999:blog-4311448712209387654.post-27764562088361944462012-09-22T16:17:00.000+07:002015-02-14T16:38:46.408+07:00SEO Tools: Claim Token Technorati<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Claim Token Technorati </h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="180" height="160" src="http://1.bp.blogspot.com/-W0aCvGgjeCg/UKRhn6-NAAI/AAAAAAAAAjU/wVJIlBB8LNQ/s1600/logo+technorati.png" alt="SEO Tools" title="KangFirm NoteWork Media & Creations" /></a></div>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<!-- Begin Entri of Post and Pages -->
<b><a href="/search/label/Belajar%20nge-Blog" title="Belajar nge-Blog">Belajar nge-Blog</a></b> – Technorati yang katanya sich ini adalah situs Direktori Blog terbesar di dunia maya :D :D :D , tapi apa salahnya mencoba demi Blog yang tercinta ini. Setelah mendaftar menjadi member di situsnya, lalu pihak Technorati mengirim email seperti ini: <br />
<blockquote class="tr_bq"><i>This is an automatically-generated email.</i> <br />
<br />
<i>Thank you for submitting your blog claim on Technorati. Technorati will need to verify that you are an author of the site <a href="http://kangfirm84.blogspot.com/" title="Kang Firman Bloggist Ankshana">http://kangfirm84.blogspot.com/</a> by looking for a unique code. We have just assigned the claim token <b>925HVZJXVMRU</b> to this claim. <br />
<br />
Please visit <a href="http://technorati.com/account/" target="_blank" rel="nofollow">http://technorati.com/account/</a> for more details, including how to use the claim token.</i> <br />
<br />
<br /><i>Thank you.</i>
</blockquote> <br />
Setelah membaca email tersebut, saya hanya memasukan token yang diberikan ke dalam akun yang sudah saya buat. E-e-eeh.. nyatanya saya harus membuat sebuah postingan dengan mencantumkan <i>claim token</i> <span class="status action">(kode yang berisi huruf dan angka)</span> itu, yaa seperti yang saya buat sekarang ini. <br />
<br />
OK-lah kalo beg-beg-begitu, saya coba dulu! Setelah ini apa lagi ya.. <br />
<br />
Dan ternyata mudah juga setelah kita membuat postingan seperti ini, lalu <i>Check Claim </i> dan <i>Update RSS blog</i> --E-e-eeh.. malah dapat email lagi yang isinya seperti ini: <br />
<blockquote class="tr_bq">
Thank you for submitting your blog claim on Technorati. We have successfully crawled your blog and found the claim token, and your claim is now awaiting review. </blockquote> <br />
And so, bagaimana dengan website/blog anda? <br />
<br />
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com2tag:blogger.com,1999:blog-4311448712209387654.post-84077643475901509552012-08-25T21:12:00.000+07:002018-03-31T23:15:40.647+07:00Tips-n-Trik | Blogger — Cara Membuat Form Contact Us<a name="PageUp"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 5px;">Blogger — Cara Membuat Form Contact Us</h3>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both;margin: 3px 10px 7px 0px;float: left;text-align: center;"><a href="http://kangfirm84.blogspot.com/" alt="KangFirm84 Blogspot Com" title="Kang Firman Bloggist Ankshana" style="clear: left;float: left;margin-right: 1em;margin-bottom: 1em;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="" alt="Cara Membuat Form Contact Us" title="KangFirm NoteWork Media & Creations" /></a></div>
<a href="https://3.bp.blogspot.com/-vKPWTt7tTU8/Wr-opCnyvtI/AAAAAAAACf4/oOZ0070hXAUHuXCjpukgd-GFw8E7svixgCLcBGAs/s1600/cara-membuat-form-contact-us.png" imageanchor="1" ><img border="0" src="https://3.bp.blogspot.com/-vKPWTt7tTU8/Wr-opCnyvtI/AAAAAAAACf4/oOZ0070hXAUHuXCjpukgd-GFw8E7svixgCLcBGAs/s320/cara-membuat-form-contact-us.png" width="320" height="320" data-original-width="320" data-original-height="320" /></a>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="https://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<center title="KangFirm NoteWork Media & Creations"><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;font-weight: bold;font-size: 15px;">
Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a>
</marquee></center>
<!-- Begin Entri of Post and Pages -->
<p><strong>The Bloggist Ankshana</strong>; Dalam hal memudahkan para pengunjung (sebagai pembaca artikel) menghubungi author (si penulis artikel) dalam sebuah website/blog, biasanya disediakan formulir kontak pada halaman Contact Us atau Contact Me. Secara default - Blogger tidak menyediakan kebutuhan ini, tak seperti pada flatform Wordpress yang sudah menyediakan plugins untuk mengaktifkan form tersebut. <br /></p>
<p>Ini berarti bahwa Anda harus <a href="#cara-membuat-formulir">membuat formulir kontak</a> secara manual untuk keperluan tersebut, beberapa diantaranya juga bisa menyertakan bahasa pemrograman javascript pada halaman kontaknya. <br /></p>
<p>Dalam bahasan kali ini, saya akan coba jelaskan tentang <a href="/2012/08/cara-membuat-form-contact-us.html" alt="cara membuat formulir kontak">bagaimana cara membuat formulir kontak</a> dalam flatform blogger yang mengintegrasikan bahasa pemrograman javascript (<i>sebagai eksperimen</i>, saya menggunakan bahan dengan contoh script dari situs SnapHost.com). Caranya sangat sederhana, cukup dengan menyalin (copy) kode yang disediakan lalu menyematkannya (paste) dalam halaman blogger Anda. Mudah bukan!?! <br /></p>
<a name="cara-membuat-formulir"></a>
<h2>Cara Membuat Formulir Kontak</h2>
<p>Pertama, anda harus login di situs resmi SnapHost.com terlebih dulu. Dari halaman dashboard, masuk ke halaman <b>Posting</b> › <b>Edit Pages</b> dan klik tombol <b>New Pages</b> untuk membuat/menambahkan halaman baru. Beri judul untuk halamannya (contoh: Contact Us atau Hubungi Saya), lalu klik <b>Edit HTML Mode</b>. <br /></p>
<p>Salin (copy) kode yang diberikan, lalu tempel (paste) pada halaman blogger sesuai keinginan Anda (bisa di area widget, halaman tersendiri atau dalam mode Edit Template Blogger). Langkah terakhir, klik <b>Publish Page</b> untuk menyelesaikannya. <br /></p>
<p>Berikut ini adalah contoh script kode yang sudah di dapatkan: </p>
<pre class="html view-code" style="width: 95%;max-height: 480px;">
<form id="ContactUsCaptchaWebForm" action="http://www.snaphost.com/captcha/send.aspx" method="post" onSubmit="return ValidateForm(this)">
<input name="skip_Subject" type="hidden" value="Contact Form" />
<input name="skip_SendCopyToUser" type="hidden" value="1" />
<input name="skip_ShowUsersIp" type="hidden" value="1" />
<input name="skip_SnapHostID" type="hidden" value="<font style="font-weight: 600;color: #39c;">0X2XXXX7X9XXX</font>" />
<input name="skip_WhereToSend" type="hidden" value="<font style="font-weight: 600;color: #39c;">emailadress.anda@provider.isp</font>" />
<input name="skip_WhereToReturn" type="hidden" value="<font style="font-weight: 600;color: #39c;">http://kangfirm84.blogspot.com/p/kontak.html</font>" /><!--
<div class="table-responsive">-->
<table border="0" cellpadding="5" cellspacing="0" style="max-width: 600px;" class="table table-condensed table-striped table-hover table-bordered">
<tbody>
<tr valign="top"><td>Name(*):</td> <td><input type="text" maxlength="60" name="Name" style="width: 160px;"/b></td></tr>
<tr valign="top"><td>Email(*):</td> <td><input type="text" maxlength="60" name="FromEmailAddress" style="width: 160px;"/></td></tr>
<tr valign="top"><td>Phone Number:</td> <td><input type="text" maxlength="43" name="PhoneNumber" style="width: 160px;"/></td></tr>
<tr valign="top"><td>Message(*)</td> <td><textarea cols="40" rows="5" name="Comments" style="min-width: 160px;"></textarea></td></tr>
<tr valign="top">
<td align="center" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" style=""><tbody>
<tr>
<td colspan="2" style="font-family: verdana,arial,helvetica;font-size: 10pt;padding-bottom: 18px;">
<a href="http://www.snaphost.com/" rel="nofollow" style="text-decoration: none;color: #000099;">This web form is protected from SPAM by <span style="text-decoration: underline;">SnapHost.com</span></a>
</td>
</tr>
<tr>
<td>Enter web form code: <input type="text" maxlength="6" name="skip_CaptchaCode" style="width: 80px;" /></td>
<td><a href="http://www.snaphost.com/" rel="nofollow" style="text-decoration: none;color: #000099;">
<img alt="web form code" title="anti-spam web form" src="http://www.snaphost.com/captcha/CaptchaImage.aspx?id=X2XXXX7X9XXX0&ImgType=2" id="CaptchaImage" style="margin-left: 20px;" /></a></td>
</tr>
</tbody></table>
* - required fields
<input type="submit" name="skip_Submit" value="Submit" />
</td>
</tr>
</tr></tbody>
</table><!--
</div>-->
<script type="text/javascript">
function ValidateForm(frm) {
if (frm.Name.value == '') {
alert('Name is required.');frm.Name.focus();return false;
}
if (frm.FromEmailAddress.value == '') {
alert('Email Address is required.');frm.FromEmailAddress.focus();
return false;
}
if (frm.FromEmailAddress.value.indexOf('@') <= 0 || frm.FromEmailAddress.value.indexOf('.') <= 0) {
alert('Please enter a valid Email address.');frm.FromEmailAddress.focus();
return false;
}
if (frm.Comments.value == '') {
alert('Please enter comments or questions.');frm.Comments.focus();
return false;
}
if (frm.skip_CaptchaCode.value == '') {
alert('Please enter webForm code.');frm.skip_CaptchaCode.focus();
return false;
}
return true;
}
function ReloadCaptchaImage(captchaImageId) {
var date= new Date();
var obj = document.getElementById(captchaImageId);
var src = obj.src;
var pos = src.indexOf('&rad=');
if (pos >=0){src = src.substr(0, pos);}
obj.src = src + '&rad=' + date.getTime();
return false;
}
</script>
</form>
</pre>
<blockquote>Perhatikan kode yang ditebalkan dan ber<font style="color: #39c;">warna biru</font>, silahkan di sesuaikan saja: <br />
<code style="font-weight: 600;color: #39c;">0X2XXXX7X9XXX</code> ganti dengan id akun yang Anda daftarkan di SnapHost.com <br>
<code style="font-weight: 600;color: #39c;">emailadress.anda@provider.isp</code> ganti dengan alamat email Anda. <br />
<code style="font-weight: 600;color: #39c;">http://kangfirm84.blogspot.com/p/kontak.html</code> ganti dengan halaman yang anda tentukan di blogger.com <br />
</blockquote>
<p>Setelah melakukan hal tersebut diatas, anda telah memiliki formulir kontak di halaman blogger Anda. Kira-kira, penampakkannya seperti gambar berikut ini: <br />
<img title="Form Contact Us Sample Result" alt="Gambar Hasil: Cara Membuat Form Contact Us" src="https://3.bp.blogspot.com/-vKPWTt7tTU8/Wr-opCnyvtI/AAAAAAAACf4/oOZ0070hXAUHuXCjpukgd-GFw8E7svixgCLcBGAs/s1600/cara-membuat-form-contact-us.png"/> <br /></p>
<p>Selain dari <em>SnapHost.com</em>, Anda juga bisa membuat halaman formulir kontak dari situs penyedia yang lain seperti <em>FoxyForm</em> atau <em>123contactform</em>. Setelah mendapatkan script kode dari situs tersebut, lakukan langkah yang sama pada halaman blogger Anda. <br /></p>
<p>Demikian pembahasan tentang <a href="/2012/08/cara-membuat-form-contact-us.html">bagaimana cara membuat formulir kontak</a> ini disajikan untuk anda untuk anda. Jika ada yang perlu ditanyakan, silahkan tinggalkan jejak komentar anda pada kolom dibawah. </p>
<p>Selamat Mencoba! dan, salam <abbr title="The Bloggist Ankshana">Blogger Indonesia</abbr><br /></p>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="https://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-47694420949809820102012-04-03T20:02:00.000+07:002015-02-14T16:34:24.723+07:00Kerja Keras Tapi Tidak Berkembang<a name="PageUp"></a>
<h4 style="margin: 3px 0px 7px 0px;padding: 2px 5px 3px 5px;background: #369;color: #ffd700;font-size: 15px;">Belajar Nge-Blog, Belajar Bisnis</h4>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="http://3.bp.blogspot.com/-CAsEd0eWo80/T2G3dyMi4-I/AAAAAAAAAfQ/zMrL0rViGME/s320/kerja_sukses(DuniaKerja).jpg" alt="KangFirm84 Bloggist Ankshana" /></a></div>
<center><marquee style="margin: 3px 0px 2px 0px;padding: 2px 5px 3px 5px;background: #369/*rgb(0,0, 153)*/;color: #ffd700/*#ffc600*/;font-size: 15px;font-weight: bold;"><h4 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Kerja Keras Tapi Tidak Berkembang </h4></marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<!-- Begin Entri of Post and Pages -->
Banyak orang yang terus bekerja setiap hari, namun dia tidak berkembang. Seseorang yang bekerja disebuah perusahaan <i>bisa bertahan-pun sudah bagus</i>, bahkan ia harus bekerja hanya untuk <i>sekedar bisa bertahan</i>. Namun setelah sekian tahun, jabatannya tak juga kunjung naik. <i>Kalau</i>-pun gajinya naik, hanya naik tahunan yang besarnya hanya mengimbangi inflasi. <br>
<br>
Ada yang bekerja dengan cara berdagang atau berbisnis. Namun dari dulu, usahanya tetap begitu² saja. Penghasilannya tidak berkembang, usahanya tidak bertambah maju. Bahkan sekedar untuk mendapatkan untung setiap hari saja harus tetap bekerja. Sementara di satu sisi, ada yang belum begitu lama bekerja namun jabatannya cepat naik. <i>Kalau</i>-pun dia pindah tempat kerja, hanya untuk mendapatkan pekerjaan yang lebih baik dari pekerjaan sebelumnya. <br>
<br>
Begitu juga ada seorang penjual bakmi, kemudian punya 2 (dua) gerobak, 3 (tiga) gerobak, bahkan sampai ratusan gerobak. Dia bisa berubah dari seorang penjual bakmi menjadi juragan bakmi. <br>
<br>
Lalu, apa yang membedakan mereka? <br>
<blockquote style="margin: 2px 5px 3px 5px;text-align:center;">Mereka sama-sama bekerja, tetapi memberikan hasil yang berbeda. </blockquote>
<br>
Ya! Mungkin bagi anda yang pernah mendengar istilah Kerja Cerdas, Anda akan berteriak dan mengatakan bahwa
<a name="teriakkan" alt="teriakkan"></a>
<blockquote style="margin: 2px 5px 3px 5px;text-align:center;">Tak Cukup Hanya Dengan Kerja Keras <br>Selain dengan kerja keras, kita juga harus kerja cerdas!!! </blockquote>
<br>
<a name="KerjaKeras-vs-KerjaCerdas" alt="Kerja Keras vs Kerja Cerdas"></a>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Kerja Keras <i>vs</i> Kerja Cerdas </h3>
Saya setuju jika anda ingin berkembang, maka selain anda bekerja keras - anda juga harus kerja cerdas. Tidak salah satunya saja, namun harus keduanya. Jika kerja keras saja tidak akan menjadikan anda berkembang, dan jika kerja cerdas saja akan menjadikan anda kalah oleh orang lain yang memiliki keduanya. <br>
<br>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Apa Sih Kerja Keras Itu? </h3>
Kerja keras adalah saat anda bekerja mengoptimalkan semua kekuatan fisik dan waktu yang anda miliki untuk bekerja. Jika melihat definisi sederhana ini, saya melihat banyak orang Indonesia, saudara-saudara kita yang merupakan pekerja keras. Bahkan, kegigihan mereka dalam bekerja membuat saya salut. <br>
<br>
Artinya: meski banyak yang malas, masih ada saudara kita yang selalu banting tulang bekerja keras untuk menghidupi keluarganya. Bahkan bekerja keras agar bisa menyekolahkan anaknya ke pendidikan yang lebih tinggi. Mereka bangun pagi² sekali dan pulang malam bekerja keras demi keluarganya. Ini adalah gambaran, bahwa sebenarnya banyak yang memiliki potensi untuk maju. <br>
<br>
Namun seperti telah dijelaskan diatas, bahwa <a href="#teriakkan">Kerja Keras saja tidak cukup</a> - apa lagi yang tidak mau bekerja keras. <i>Cape Deh..!!!</i> </br>
<ul style="margin: 2px 5px 3px 15px;text-indent: 0px;list-style-position: outside;text-align: justify;">
<li />Kerja Keras Membutuhkan Energi <br>
Untuk bekerja keras, Anda membutuhkan energi yang memadai. Pada dasarnya, tubuh manusia akan sanggup untuk bekerja keras dengan memiliki energi yang luar biasa. Syaratnya ialah memiliki tubuh yang sehat, untuk itulah energi diperlukan agar anda bisa terus bekerja keras. Dalam rangka beribadah dan juga untuk membahagiakan orang² yang anda sayangi, maka anda harus menjaga kesehatan anda dengan memakan makanan yang bergizi, rajin berolah raga, tidak merokok, tidak begadang dan istirahat yang cukup. <br>
<li />Tingkatkan Juga Motivasi <br>
Ternyata bukan hanya kesehatan fisik saja yang diperlukan agar bisa kerja keras, tetapi kita juga harus memiliki kekuatan mental. Banyak orang yang badannya sehat dan kekar, tapi malas dan tidak mau bekerja keras karena motivasinya kurang. Untuk itu, kita harus meningkatkan dan menjaga motivasi kita (<u>keinginan untuk bekerja</u>).
</ul>
<br>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Kalo Kerja Cerdas? </h3>
Satu definisi kerja cerdas sudah saya bahas pada point <a href="#KerjaKeras-vs-KerjaCerdas">Kerja Keras vs Kerja Cerdas</a>, yaitu orang yang mampu memanfaatkan potensinya dengan prinsip daya ungkit. Seorang penjual bakmi, menjadikan gerobak yang dia miliki sebagai daya ungkit untuk mendapatkan gerobak yang kedua dan seterusnya. <br>
<br>
Kerja keras juga adalah orang yang memiliki kecerdasan untuk memilih pekerjaan mana yang akan menghasilkan dan pekerjaan mana yang kurang menghasilkan. Menurut <i>Hukum Pareto</i> "80% hasil akan didapatkan dari 20% pekerjaan", orang yang kerja cerdas akan memilih 20% pekerjaan terbaiknya. Jika anda mampu melakukan hal ini, maka produktivitas anda akan meningkat hingga 400% atau 4x lipat dari sebelumnya. <br>
<br>
Kerja cerdas juga adalah cerdas dalam menghasilkan ide² brilliant yang bisa digunakan untuk mengatasi masalah dan menghasilkan ide² brilliant untuk kemajuan bisnis dan karirnya, dia tidak terpaku hanya dengan satu cara saja, tidak cepat menyerah karena bingung, tidak atau berhenti meski tidak tahu apa yang harus dilakukan. Dia terus memikiran bagaimana menghasilkan ide brilian untuk kehidupannya. <br>
<br>
Sampai saat ini ada 3 (tiga) kualitas diri jika anda ingin bekerja cerdas, yaitu:
<ul style="margin: 2px 5px 3px 15px;text-indent: 0px;list-style-position: outside;text-align: justify;">
<li />cerdas menggunakan daya ungkit;
<li />cerdas mengelola pekerjaan; dan
<li />cerdas menghasilkan ide brilian.
</ul>
Atau mungkin, masih ada lagi kualitas lain menurut anda?!? <br>
Silahkan kemukakan melalui komentar anda. <br>
<br>
<h3 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Kesimpulan </h3>
Jika anda merasa sudah bekerja keras namun belum juga berkembang, tidak juga maju atau anda menghabiskan waktu untuk mengatasi masalah. Maka selain dengan bekerja keras, Anda juga harus kerja cerdas juga. <br>
<br>
<blockquote style="margin: 2px 5px 3px 5px;text-align:center;">Kerja Jangan Cuma Pake Otot, Tapi Pake Otak Juga Dooonk!!!</blockquote>
<br />
Demikian info ini saya tulis dan saya sampaikan kepada para netter melalui artikel blog <a href="#">KangFirm NoteWork</a> sebagai wawasan tambahan setelah membacanya dan semoga dapat bermanfaat untuk kalian semua (<i>khususnya</i> bagi para newbie seperti penulis). <br />
<br/>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com2tag:blogger.com,1999:blog-4311448712209387654.post-58273642491916092342012-04-02T08:12:00.000+07:002015-02-14T16:28:34.856+07:00Belajar Bisnis Online | Blak-Blakan Aja<h4 style="margin: 3px 0px 7px 0px;padding: 2px 5px 3px 5px;background: #369;color: #ffd700;font-size: 15px;">Belajar Nge-Blog, Belajar Bisnis </h4>
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="240" height="180" src="http://3.bp.blogspot.com/-_oCrnbNjHmA/Tu68uEaxw7I/AAAAAAAAAD8/fo7MCMnmW60/s1600/BlakBlakan.png" alt="KangFirm84 Blogspot Com" title="Belajar Bisnis Online | Blak-Blakan Aja" /></a></div>
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Blak-blakan Aja!</marquee></center>
<p align="center"><strong>Carilah Metode Yang Tepat Untuk Memulai Karir Anda Di Bisnis Online</strong></p>
<p align="justify">
Jika anda ingin sukses sebagai seorang <font face="Georgia, Verdana">"</font>pebisnis online<font face="Georgia, Verdana">"</font>, kita memang harus mencari tempat belajar yang tepat dan juga seorang mentor yang sudah berpengalaman... yang mempunyai banyak bukti atas keberhasilannya.
</p>
<p align="justify">
Saya yakin anda sudah sering mendengar nama Rudy Setiawan, bukan? Ya, beliau adalah salah satu <font face="Georgia, Verdana">"</font>pebisnis online<font face="Georgia, Verdana">"</font> sukses di Indonesia, bahkan di dunia. <br><br>
Dengan metode yang beliau miliki, sudah banyak para pelaku bisnis online di Indonesia sampai yang gaptek sekalipun meraih kesuksesan karena mengikuti metode yang beliau ajarkan. <br><br>
Dan jika anda tertarik untuk mengikuti metode yang beliau ajarkan, berikut ini hanyalah sekelumit metode yang sudah dibuktikan oleh RIBUAN orang yang sudah lebih dulu mengikuti jejaknya...
</p>
<p><strong>* Sistem OTOMATIS</strong></p>
<p align="justify">
Jika anda mengikuti semua metode yang ada dalam bisnis ini, saya yakin anda tidak akan menemukan kesulitan yang berarti. <br><br>
Hal ini dikarenakan hampir semua metode yang ada dalam bisnis ini berjalan secara OTOMATIS melalui sistem yang beliau ciptakan, sehingga tidak diperlukan lagi kemampuan atau ketrampilan khusus yang seringkali membuat kita malas untuk melakukannya. <br><br>
Bahkan ketika anda sedang tidur sekalipun, sistem ini akan tetap berjalan! <br><br>
Kemudahan sebuah sistem dan metode yang ada dalam bisnis online memang menjadi salah satu <font face="Georgia, Verdana">"</font>kunci keberhasilan<font face="Georgia, Verdana">"</font> anda dalam menjalankannya.
</p>
<p><strong>* Memberikan Hasil Yang Maksimal</strong></p>
<p align="justify">
Dengan adanya metode dan sistem yang serba otomatis, tentunya hal ini akan sangat membantu anda untuk bisa meraih penghasilan tanpa batas. <br><br>
Metode dan sistem yang ada dalam bisnis ini bisa anda dapatkan secara GRATIS, dan saat itu juga bisa langsung anda jalankan. <br><br>
Dan dalam menjalankan bisnis ini kita biasa menganut prinsip berusaha seminimal mungkin untuk mendapatkan hasil yang semaksimal mungkin.
</p>
<p align="justify">
Banyak orang yang sudah bergabung begitu merasakan manfaat metode dan sistem tersebut, sehingga tidak sedikit dari mereka yang terus berusaha untuk mendapatkan hasil yang maksimal, bahkan sampai menjadikannya <font face="Georgia, Verdana">"</font>tumpuan hidup<font face="Georgia, Verdana">"</font>.
</p>
<p><strong>* Gamblang Dan Masuk Akal</strong></p>
<p align="justify">
Meskipun mampu memberikan hasil tanpa batas, namun semua metode dan sistem yang ada dalam bisnis ini dijelaskan dengan gamblang dan masuk akal... hal ini untuk menghindari spekulasi yang mungkin sering kita dengar mengenai bisnis online. <br><br>
Semua metode dan sistem yang ada dalam peluang bisnis ini, tidak ada sedikitpun yang ditutup-tutupi... sehingga anda bisa mengetahui lebih banyak tentang metode yang ada, sistem bisnis yang dijalankan, jumlah penghasilan anda, dan masih banyak lagi yang bisa anda temukan didalamnya.
</p>
<p align="justify">Ok, saya tertarik dengan bisnis ini... namun apa yang harus saya lakukan sekarang? Jika anda tertarik dan ingin merubah kualitas hidup anda, <strong><a href="http://www.tekanini.com/firmanasready" target="blank">TEKAN disini</a> untuk mendapatkan informasi yang selanjutnya</strong>.</p><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-56329650031786405612012-03-22T01:50:00.000+07:002018-03-31T23:06:26.211+07:00Untuk Anda | Widgets Blog — Membuat Form Komentar Facebook Pada Postingan Blog<a name="PageUp"></a>
<h2 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Untuk Anda | Widgets Blog — Membuat Form Komentar Facebook Pada Postingan Blog</h2>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="240" height="180" src="https://3.bp.blogspot.com/-yW8Xeq0WOcg/UDsIIi4rz9I/AAAAAAAAE9c/IG4B2t-zHjY/s1600/komentar-blog-facebook.jpg" title="Widgets Blog | Membuat Form Komentar Facebook Pada Postingan Blog" alt="KangFirm84 Blogspot Com" /></a></div>
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Untuk Anda, Widgets Blog</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="https://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<!-- Begin Entri of Post and Pages -->
Pada umumnya, setiap halaman/postingan blog memiliki form komentar yang dapat dipergunakan oleh visitor yang ingin memberikan komentar pada artikel tertentu diaksesnya. Selain kolom komentar yang tersedia default ini blogger juga dapat membuat form komentar terbuat dari tools jejaring sosial (<i>social networking)</i> plugins Facebook. Dari kedua model form komentar yang dapat dipasang dalam blog ini memiliki fungsi dan kegunaan yang sama yaitu sebagai sarana yang dapat dipergunakan visitor untuk berkomentar. <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-S1GcwQkgMZw/UXkYkEOr5PI/AAAAAAAAHUE/6QZ9upx2GYQ/s1600/FBComments.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kolom komentar Facebook" border="0" height="145" src="https://3.bp.blogspot.com/-S1GcwQkgMZw/UXkYkEOr5PI/AAAAAAAAHUE/6QZ9upx2GYQ/s400/FBComments.PNG" title="" width="400" /></a></div>
<div style="text-align: center;">Gambar: Kolom/form Komentar visitor dibuat dari Facebook </div>
<br />
Kolom komentar yang dibuat menggunakan tools facebook ini tidak hanya dapat dipakai pengguna jejaring sosial Facebook saja. Selain itu pengguna media online internet seperti user yahoo, Aol, hotmail juga dapat mempergunakannya untuk berkomentar. <br />
<br />
Cara membuat kolom komentar Facebook pada halaman posting blog dapat dilakukan dengan langkah-langkah sebagai berikut: <br />
<ol>
<li>Sign in di blog</li>
<li>Klik Template</li>
<li>Klik Edit HTML</li>
<li>Cari kode <b><body></b></li>
<li>Copy lalu paste kode dibawah ini dan tempatkan setelah tag pembuka <b><body></b> </li>
<li>Klick Simpan untuk menyimpan perubahan</li>
</ol>
Ini kode untuk ditempatkan setelah tag pembuka <b><body></b> <br />
<textarea rows="3" onclick="this.focus();this.select();" style="background-color: #ffc;width: 95%;"><div id='fb-root'/>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</textarea> <br />
Sedangkan kode dibawah ini untuk menampilkan form komentar visitor blog yang dapat dipasang menggunakan gadget HTML/JavaScript <br />
<textarea rows="3" onclick="this.focus();this.select()" style="background-color: orange;width: 95%;"><div class="fb-comments" data-href="http://kangfirm84.blogspot.com" data-num-posts="10" data-width="470">
</div>
</textarea> <br />
Keterangan:<br />
<i>data-width:"470"</i> adalah lebar kolom komentar<br />
<i>data-num-posts:</i> yaitu banyaknya komentar yang ingin ditampilkan default <br />
Ganti <b>http://kangfirm84.blogspot.com</b> sesuai url media yang Blogger kelola.<br />
<br />
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="https://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com2tag:blogger.com,1999:blog-4311448712209387654.post-37245371848306927812012-02-27T01:40:00.000+07:002018-03-31T23:13:40.186+07:00Untuk Anda | Widgets Blog — Floating Social Media Bar<a name="PageUp"></a>
<h2 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Untuk Anda | Widgets Blog | Membuat Floating Social Media Bar</h2>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="240" height="180" src="//www.zoomph.com/sites/zoomph/files/targeted-landing-page/widget-1.jpg" title="Widgets Blog | Floating Social Media Bar" alt="KangFirm84 Blogspot Com" /></a></div>
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Untuk Anda, Widgets Blog</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="https://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<!-- Begin Entri of Post and Pages -->
Sudah tidak diragukan lagi, bahwa selama bertahun-tahun jejaring sosial telah terbukti menjadi sumber yang paling utama dalam meningkatkan traffic banyak situs. Namun demikian, bukan berarti bahwa sebuah sebuah website/blog memiliki kharisma (spark) yang sama untuk mendapatkan semua itu. Cara ideal untuk mendapatkan beberapa keterangan yang
<h4>Apa itu Social Media Bar? </h4>
<!--Ini adalah sebuah widget yang memiliki delapan platform Jaringan Sosial paling populer yang muncul dalam bentuk sebuah Bar. Mengapung di sepanjang layar Anda. Setiap kali, pengunjung menggulir ke atas atau bawah halaman itu akan mengapung di sepanjang dia. Tidak ada ilmu roket balik widget ini karena semuanya dilakukan dengan bantuan jQuery sederhana. Pertimbangkan screenshot berikut dan menikmati live action. <br /><br />
-->
<h4>Dimana Social Media Bar Akan Muncul? </h4>
<!--Hal ini sangat fleksibel, dan kita dapat menempatkannya baik di Sisi Kiri, Sisi Kanan, dan Top atau bahkan bawah halaman. Sejak, kami telah menggunakan jQuery a. Oleh karena itu, kita harus menggunakan beberapa perintah seperti "bawah", "top", "kiri" dan "kanan" untuk menampilkannya pada bagian yang berbeda dari website kami. Untuk menghapus kesalahpahaman Anda menganggap layar berikut. <br /><br />
-->
<h4>Cara Tambah Social Media Bar Widget di Blogger? </h4>
<!--Banyak pembaca kami mengeluh bahwa kita selalu berbagi tutorial ekor panjang. Oleh karena itu, dari sekarang kita akan mencoba salah satu terbaik kami untuk menyelesaikan Instalasi Widget hanya dalam satu langkah. Perhatikan petunjuk berikut. <br /><br />
Kembali ke Blogger.com >> Template >> Edit HTML >> Lanjutkan. <br /><br />
Dalam pencarian template untuk </body> dan di atasnya paste Coding berikut, jangan mengubah coding jika tidak akan berhenti bekerja. Jika ada yang tidak dapat menemukan tag </body>, maka dia dapat menyisipkan kode tepat di bawah tag body.
---- FRAME KODE (digunakan oleh http://frielancr.blogspot.com/) ----
Menambahkan URL: Ganti Semua # dengan URL Anda Sesuai dengan kebutuhan keinginan. <br /><br />
Perubahan Posisi: Dalam rangka untuk mengubah posisi widget Ganti "Kiri" untuk Entah "benar", "top" atau "bawah" dari coding sesuai dengan kebutuhan keinginan Anda. Ingat: Jangan gunakan Surat Capital jika tidak akan berhenti bekerja. <br /><br />
Tampilan Situs Kurang Sosial: Dalam rangka Tampilan Situs Kurang Sosial hanya Ganti "8" dengan angka kurang yaitu 7, 6, 5, dan itu akan menampilkan tombol kurang. Namun, itu akan mulai menampilkan sebuah panah yang akan memungkinkan pengunjung untuk mendapatkan akses ke situs tersembunyi. <br /><br />
Perubahan Skins: Kami telah menambahkan dua Tema ini Social Media Bar yaitu "jelas" dan "gelap". Mengubah saat ini "jelas" tema ke gelap hanya mengganti jelas gelap dari coding JavaScript. <br /><br />
Semua Selesai: Setelah menyesuaikan segala sesuatu sesuai dengan kebutuhan keinginan, kemudian simpan template dengan menekan tombol "Simpan Template". Pergi mengunjungi situs Anda dan kami yakin itu tidak akan membiarkan tampilan situs Anda turun. Jangan lupa untuk meninggalkan saran Anda. -->
<h4>Dari Editor </h4>
<!-- Semoga ini Social Bar akan membantu setiap orang dalam membangun penonton sosial mereka. Bar ini mungkin tidak bekerja di situs tersebut yang sudah menggunakan widget terapung lainnya yaitu Mengambang Posting Lama / Baru dan lain-lain Apa pikiran Anda tentang widget keajaiban? Mengambil perawatan banyak sampai saat itu, Perdamaian, berkat dan bahagia mengambang. <br /><br />-->
<h4>Credits </h4>
<!-- Widget ini adalah semata-mata diciptakan oleh Pengembang MBL. Oleh karena itu, Sementara Berbagi tutorial ini / widget dengan pengikut Anda jangan lupa untuk memberikan link kembali Kredit MyBloggerLab. Ini permintaan kami yang sederhana! http://www.mybloggerlab.com/2013/01/how-to-create-floating-social-media-bar.html <br /><br />-->
<br />
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="https://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-88787014054192966342012-01-26T15:30:00.000+07:002018-03-31T23:16:46.822+07:00Untuk Anda | Widgets Blog — ASMS and Subscribe Form Widgets<a name="PageUp"></a>
<h4 style="margin: 3px 0px 7px 0px;padding: 2px 5px 3px 5px;background: #369;color: #ffd700;font-size: 15px;">Untuk Anda | Widgets Blog — All-in-One Sosial Media Sharing dan form Subscribe Yang Mengagumkan </h4>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="240" height="120" src="//www.zoomph.com/sites/zoomph/files/targeted-landing-page/widget-1.jpg" title="Widgets Blog | ASMS and Subscribe Form Widgets" alt="KangFirm84 Bloggist Ankshana" /></a>
</div>
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Untuk Anda, Widgets Blog</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="//lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<!-- Begin Entri of Post and Pages -->
ASMS and Subscribe Form adalah singkatan dari All-in-One Sosial Media Sharing dan form Subscribe sebuah widget untuk Blogger yang cukup mengagumkan <br><br>
Sekarang saya sangat senang :) karena setelah ± 5 (lima) jam lamanya mengerjakan kustomisasi pada blog saya,
akhirnya saya mendapatkan widget yang saya inginkan. Dimana sebelumnya saya mendapat banyak masalah dalam meng-<i>costumize gadget</i>, tapi kini saya berhasil memecahkannya. <br><br>
Inilah kreasi widget bernama <a href="#">ASMS and Subscribe Form</a> yang didalamnya berisi tombol Facebook Liker, Rekomendasi Google+, Follow Twitter dan form berlangganan (subscribe)
melalui email. Saya juga telah menambahkan tombol berbagi AddThis di bagian bawahnya. Sekarang widget ini dapat digunakan dalam setiap blog (blogspot),
hanya dengan mengikuti langkah² instalasi widget yang sangat mudah. Widget ini juga telah di konversi ke dalam blogger oleh Kang MPIM theA di <a href="http://kang-mpim.blogspot.com/" alt="Kang MPIM theA" target="_blank">Kang MPIM on Blogger</a> dan ia juga berhasil memecahkan masalah dari browser IE.
<br><br>
<h3 style="margin: 3px 0px 7px 0px;">Beberapa Fitur Utama dari widget ini </h3>
<ul style="margin: 0px 15px 0px 15px;left-indent: 15px;list-style: outside;text-align: justify;">
<li />Semua dalam satu widget berbagi dan berlangganan Sosial.
<li />Membutuhkan yaitu ruang yang sangat rendah Anda dapat menambahkan widget lain di blog Anda.
<li />Dengan tombol berbagi addthis sosial dibawahnya.
<li />Berlangganan dengan bentuk email.
<li />Nice desain benar-benar Mashable gaya.
</ul>
<h3 style="margin: 3px 0px 7px 0px;">Apa Yang Baru dalam Widget ini? </h3>
<ul style="margin: 0px 15px 0px 15px;left-indent: 15px;list-style: outside;text-align: justify;">
<li />Berubah Facebook seperti tombol.
<li />Berubah bagian bawah.
<li />Addthis tombol berbagi sosial ditambahkan.
</ul>
<h3 style="margin: 3px 0px 7px 0px;">Cara menambahkan Widget ini ke dalam Blogger</h3>
<ul style="margin: 0px 15px 0px 15px;left-indent: 15px;list-style: outside;text-align: justify;">
<li />Buka Dasboard Blogger Anda > Desain > Page Layout.
<li />Kemudian pilih Add A Gadget > HTML / JavaScript.
<li>Paste kode dibawah ini dan simpan. <br>
<blockquote class="tr_bq"><code>kode widget</code></blockquote>
<h4 style="margin: 3px 0px 7px 0px;">Beberapa Perubahan Kecil</h4>
<ul style="margin: 0px 15px 0px 15px;left-indent: 15px;list-style: outside;text-align: justify;">
<li>Sekarang ganti BTSNTS dengan nama pengguna facebook fanpage Anda.
<li>Ganti rahulippar dengan username twitter Anda.
<li>Ganti kedua nama pengguna btsnts dengan feedburner username.
</ul>
</li>
</ul>
<h3 style="margin: 3px 0px 7px 0px;">Credit</h3>
Jika Anda ingin berbagi widget ini dengan pembaca lain, maka Anda harus memberikan kredit kepada Blog BTSNTS dan Blog MBT dengan melampirkan link kembali ke post. <br>
Anda juga dapat memberikan kredit kepada penulis untuk versi wordpress dari plugin sharing ini. Diharapkan kalian semua memahaminya dan sebelumnya saya ucapkan terima kasih...... <br>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="//lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div>
<div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-86794519601838648822012-01-17T13:31:00.000+07:002015-02-14T16:10:58.038+07:00SEO Tools: 6 (Enam) Alat Auto Submit Bookmarks<a name="PageUp"></a>
<h2 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">6 (Enam) Alat Auto Submit Bookmarks </h2>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="http://4.bp.blogspot.com/-LQXq2k1BII4/TwkdwyuBFEI/AAAAAAAAAc4/WVPl31kUyZg/s200/Apa-itu-Social-Bookmarking.png" alt="KangFirm84 Blogspot Com" /></a></div>
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Menambahkan Widget Traffic Rank Alexa di Blog Sendiri</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<!-- Begin Entri of Post and Pages -->
Kali ini <a href="http://facebook.com/MPIM.Choperald" alt="Kang Firman Bloggist Ankshana" rel="nofollow">saya</a> ingin membagikan info (<i>khususnya</i>) bagi Anda yang sedang mencari-cari tools untuk <b>Auto Submit Social Bookmarking</b>, akan saya sajikan 6 (enam) Alat <a href="">Auto Submit Bookmarks</a>. Berikut adalah penjelasannya : <br>
<ol style="margin: 2px 5px 3px 15px;text-indent: 0px;list-style-position: outside;text-align: justify;">
<li />Imacros <br>
<img src="http://www.reklame76.com/wp-content/uploads/2011/10/imacros.jpg" title="Imacross" alt="Auto Submit Bookmarks tools" border="0" /> <br>
adalah tools yang digunakan dengan memanfaatkan add ons Mozilla, dan umumnya rekan-rekan menggunakan tools ini untuk mensubmit ke social bookmark local indonesia seperti : kombes, debuk, bookmarking.bloggerceria, dan lain-lain. Perlu diperhatikan dalam menggunakan tools ini wajib memiliki akun di social bookmark local indonesia dan mendaftar dengan (email, username dan password) yang sama. <br><br>
Untuk mendapatkan tools ini (<i>khusus firefox</i>), bisa anda download di <u>https://addons.mozilla.org/en-US/firefox/addon/imacros-for-firefox/</u>. <br><br>
<li />IMAutomator <br>
<img src="http://www.reklame76.com/wp-content/uploads/2011/10/IMAutomator.png" title="IMAutomator" alt="Auto Submit Bookmarks tools" border="0" /> <br>
merupakan tools submitter ke social bookmarks yang dapat anda akeses di <u>http://www.imautomator.com/</u>, menyediakan member gratis atau free member yang dapat mensubmit ke 15 situs social bookmark dengan jumlah submit 10 link perharinya, dengan indikator beberapa pilihan waktu mensubmitnya. Jika anda berminat silahkan mengunjungi url tersebut diatas dan mendaftar sebagai member. <br><br>
<li />OnlyWire <br>
<img src="http://www.reklame76.com/wp-content/uploads/2011/10/onlywire.bmp" title="OnlyWire" alt="Auto Submit Bookmarks tools" border="0" /> <br>
memberikan fasilitas member gratis dan fasilitas submit sampai dengan 300 submiter dalam satu waktu. Jumlah situs social media atau social bookmark yang dapat di submit melalui tools onlywire sejumlah 51 situs yang mana dalam pengoperasiannya membutuhkan submit captcha yang dihasilkan software Submitter yang berjalan di belakang layar. Bagi anda yang menggunakan wordpress tersedia plugin onlywire yang dapat diinstall ke plugin website anda. Jika anda berminat dengan onlywire silahkan segera berkunjung ke alamat <u>http://onlywire.com/</u>. <br><br>
<li />Monkee <br>
<img src="http://www.reklame76.com/wp-content/uploads/2011/10/social-monkey.jpg" title="Monkee" alt="Auto Submit Bookmarks tools" border="0" /> <br>
tools submit ke social bookmark yang memberikan fasilitas member gratis atau free, anda tinggal mendaftar dan signup untuk mengakses 25 backlink secara gratis perharinya. Social monkee juga memberikan fasilitas premium bagi anda yang berhasil mensponsori 12 member baru melalui referensi link affiliate. Software ini full automatic untuk anda gunakan, jika berminat segera kunjungi <u>http://www.socialmonkee.com/</u>. <br><br>
<li />SocialMarker <br>
<img src="http://www.reklame76.com/wp-content/uploads/2011/10/socialmarker.jpg" title="SocialMarker" alt="Auto Submit Bookmarks tools" border="0" /> <br>
memberikan fasilitas secara gratis dan fasilitas submit ke situs social bookmark secara semi automatic, situs social media atau social bookmark yang tersedia sebanyak 50 situs. Kemudahan memilih berdasarkan keingingan, apakah all (semua), best (terbaik), none, bookmarking, news atau dofollow adalah keunggulan tersendiri si social marker. Kecepatan internet anda menentukan jumlah yang ingin anda submit, jadi perhatikan jika koneksi anda lambat maka lakukan submit secara bertahap. Jika anda berminat dengan tools Socialmarker silahkan kunjungi <u>http://www.socialmarker.com/</u>. <br><br>
<li />SocialADR <br>
<img src="http://www.reklame76.com/wp-content/uploads/2011/10/SocialAdr.jpg" title="SocialADR" alt="Auto Submit Bookmarks tools" border="0" /> <br>
SocialADR merupakan tools submit ke social bookmark atau media yang menawarkan fasilitas lebih (namun memerlukan credit) agar proses submit dapat di proses secara automatic. Jika kredit anda telah terkumpul sejumlah yang ditentukan maka proses submit ke 21 situs social bookmark atau media tersebut langsung berjalan secara automatic. Jika anda berminat dengan tools socialadr silahkan kunjungi <u>http://socialadr.com/</u>. <br><br>
</ol>
Semoga tools di atas bisa bermanfaat bagi Anda sekalian, <i>khususnya</i> yang sedang mengikuti kontes SEO. <br>
<br>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com1tag:blogger.com,1999:blog-4311448712209387654.post-87541241859000431582011-11-17T16:40:00.000+07:002015-02-14T16:08:17.775+07:00Surat Pengunduran Diri Efektif<a name="HeadTitle"></a><br />
<h4 style="margin: 3px 0px 7px 0px;padding: 2px 5px 3px 5px;background: #369;color: #ffd700;font-size: 15px;">Konsep Surat Pengunduran Diri Dari Tempat Kerja </h4>
<a name="PageUp"></a><br />
<div style="margin: 0px 0px 0px 0px;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="210" height="150" src="http://lh6.googleusercontent.com/-6etP0vyTTu4/UZStr9yO3FI/AAAAAAAAA4Q/0mwvBTcpU-M/s480/Contoh-Surat-Pengunduran-Kerja.jpg" alt="KangFirm84 Bloggist Ankshana" /></a>
</div>
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Dokumen, Dunia Kerja</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<blockquote style="margin: 3px 0px 5px 0px;text-align: center;">Ini adalah contoh <u>Surat Pengunduran Diri</u> Dari Tempat Kerja untuk kalian: para pekerja yang hendak (berniat) <font style="color: #b00;font-weight: 600;">keluar dari pekerjaan</font> karena alasan tertentu, berikut adalah persembahan dari penulis blog ini.<br />
</blockquote>Setelah sebelumnya membagikan contoh <a target="_self" href="/2011/10/surat-lamaran-kerja-efektif.html#HeadTitle" title="Konsep Surat Lamaran Kerja">Surat Lamaran Kerja</a>, kini penulis bermaksud untuk memberikan contoh <a target="_self" href="#HeadTitle" title="Konsep Surat Pengunduran Diri">Surat Pengunduran Diri</a> Efektif - ditulis <u>khusus</u> untuk kalian yang mungkin sudah <font style="color: #b00;font-weight: 600;">merasa jenuh/bosan</font>, <i>ingin mendapatkan pengalaman ditempat lain</i> atau mungkin karena alasan lain, disajikan dalam bahasa <a target="_self" href="#versiID" title="Konsep Surat Pengunduran Diri (Bahasa Indonesia)">Indonesia</a> dan bahasa <a target="_self" href="#versiEN" title="Konsep Surat Pengunduran Diri (Bahasa Inggris)">Inggris</a>. Silahkan dicatat ulang dibuku pribadi anda (yang <i>doyan</i> surfing) atau <i>CO-PAS</i> bila anda memiliki website/blog sendiri untuk dikoleksi (yang <i>males nyatet</i> :P;)). <br />
<br />
OK, langsung saja kita ke TKP dan konsepnya adalah sebagai berikut: <br />
<br />
<a name="versiID"></a><br />
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Versi Bahasa Indonesia </h4><table border="0" cellpadding="0" cellspacing="0"><tr><td style="text-align: right">Cirebon, 20 Oktober 2010</td></tr>
<tr><td style="text-align: justify"><br />
Kepada Yth. <br />
Kepala Personalia/Pimpinan HRD <br />
PT. Usaha Maju Jaya <br />
Jl. Industri Town No.705, <br />
Jakarta <br />
<br />
<br />
<br />
Dengan hormat, <br />
<br />
Saya sangat menghargai kesempatan yang telah diberikan oleh perusahaan, bahwa jasa kecil saya telah menjadi aset untuk perusahaan ini. Saya juga yakin bahwa tingkat efisiensi yang tinggi telah diterapkan untuk setiap tugas yang diberikan kepada saya. <br />
<br />
Saya menyatakan bahwa saya merasa sudah cukup lama bekerja dan mengaplikasikan pengetahuan serta kemampuan yang saya miliki bersama perusahaan. <br />
<br />
Pada saat ini saya sedang dalam keadaan sehat jasmani/rohani<!-- dan berdasarkan beberapa alasan yang telah dipertimbangkan dan dapat dipertanggung jawabkan-->, saya merasa memiliki keinginan untuk mencoba belajar, mengembangkan diri dan juga menambah pengalaman didunia luar. <br />
<br />
Oleh karena itu, saya mengajukan permohonan untuk berhenti dari perusahaan yang Bapak/Ibu pimpin dengan tetap menjaga privasi perusahaan. <br />
<br />
Kiranya, dengan pengunduran diri saya dari perusahaan ini bukan merupakan suatu penghalang kemajuan dan dapat menjadi acuan perkembangan yang lebih baik dikemudian hari. <br />
<br />
Demikian surat pengunduran diri ini saya buat untuk menjadi maklum. <br />
<br />
<br />
<br />
Hormat Saya, <br />
<br />
<br />
<br />
Firman Al-Ambity <br />
</td></tr>
</table><br />
<hr style="width: 80%;">
<a name="versiEN"></a><br />
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Versi Bahasa Inggris </h4>
<table border="0" cellpadding="0" cellspacing="0"><tr><td style="text-align: right">Cirebon, October 2010, 10</td></tr>
<tr><td style="text-align: justify"><br />
To: <br />
HRD Departement <br />
PT. Usaha Maju Jaya <br />
Jl. Industri Town No.705, <br />
Jakarta <br />
<br />
<br />
Dear Sir/Madam, <br />
<br />
I really appreciate the opportunity that has been given by the company, that the small service I have become an asset to this company. I also believe that the high level of efficiency has been applied to any task given to me. <br />
<br />
I stated that I felt it was long enough to work and apply the knowledge and skills that I have with the company. <br />
<br />
At the moment I am in good health physically / spiritually, I felt a desire to try to learn, develop themselves and also add to the experience the outside world. <br />
<br />
Therefore, I filed a petition to stop the company from Sir/Madam lead the company while maintaining privacy. <br />
<br />
Presumably, with my resignation from the company was not a barrier to progress and be a reference for the development of a better future. <br />
<br />
Thus the resignation letter I created to be advised, thank you for your time and consideration. <br />
<br />
<br />
<br />
Sincerely Yours, <br />
<br />
<br />
<br />
Firman Al-Ambity <br />
</td></tr>
</table><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="180" src="http://lh5.googleusercontent.com/-Ijqn9n7IZb0/UZStqTuz6mI/AAAAAAAAA4I/_3a9ZgCENgQ/s520/Contoh-Surat-Pengunduran-Kerja-Yang-Baik1.gif" alt="KangFirm84 Bloggist Ankshana" /></a>
</div>
Demikian info ini saya tulis dan saya sampaikan kepada para netter melalui artikel blog <a href="#">KangFirm NoteWork</a> sebagai wawasan tambahan setelah membacanya dan semoga dapat bermanfaat untuk kalian semua (<i>khususnya</i> bagi para newbie seperti penulis). <br />
<br/>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-10019275040215463502011-11-15T15:11:00.000+07:002015-02-14T16:08:30.805+07:00Ubah Tampilan Mobile Untuk Blog<a name="PageUp"></a>
<div style="margin: 0 0 0 0;padding: auto auto 7px auto;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="210" height="160" src="http://2.bp.blogspot.com/-0WqjKBhin9A/Tp5hIvXfoaI/AAAAAAAAAPg/3uRo92-FlmA/s320/mobile_template_picker.png" title="Mengubah Tampilan Mobile Untuk Blog" alt="KangFirm84 Blogspot Com" /></a></div>
<center><marquee style="margin: 3px 0px 7px 0px;padding: 2px 5px 3px 5px;background: #369/*rgb(0,0, 153)*/;color: #ffd700/*#ffc600*/;font-size: 15px;font-weight: bold;"><h4 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Menambahkan Widget Traffic Rank Alexa di Blog Sendiri</h4></marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
<!-- Begin Entri of Post and Pages -->
Apa kabar semuanya? mudah-mudahan kabarnya pada baik-baik aja dech.. <br>
<br>
Kali ini, <a href="/" title="Kang Firman Bloggist Ankshana">Kang Firman</a> kembali lagi nge-share info buat kalian yang doyan ngoprak-ngoprek di dunia maya yaitu <u>cara meng<a href="/2011/11/ubah-tampilan-mobile-untuk-blog.html" title="Mengubah Tampilan Mobile Untuk Blog" alt="KangFirm84 Blogspot Com">ubah tampilan mobile untuk blog</a>ger</u>. Bagaimana sih caranya? jawabnya: sangat mudah, tapi caranya nanti ada dibawah. Kang Firman mau menjelaskan dulu, apa fungsi dan yang dimaksud dengan <i>Tampilan Mobile blogger</i>. <br>
<br>
<b>Tampilan Mobile blogger</b> tentunya sangat berguna, terlebih lagi jijka kebanyakan pengunjung anda datang dengan menggunakan perangkat seluler alias HandPhone ataw ponsel. iya kan? hehe.. <br>
<br>
OC dech.. dari pada lama-lama ngomong ga' karuan, mending langsung aja baca tutorial meng<b>ubah tampilan mobile untuk blog</b>ger dibawah ini : <br>
<ol>
<li><b>Login ke Blogger</b> dulu dong.. </li>
<li>Masuk ke Dashbord, langsung klik Menu "Setelan" </li>
<li>Ke Menu "EMail & Seluler" </li>
<li>Kalau sudah, jangan lupa di <b>Aktifkan Template Mobile</b> default dari Blogger. Caranya, pilih "Ya. Tampilkan template Seluler di perangkat Seluler." lalu pilih yang "Tersesuaikan". </li>
<li>Setelah itu, klik menu Rancangan. </li>
<li>Di halaman rancangan, pilih EDIT HTML dan ganti code <code style="display: inline;font-weight: bold;"><body></body></code> dengan code HTML ini <code style="display: inline;font-weight: bold;"><body expr:class='&quot;loading&quot; + data:blog.mobileClass'></code> <br>tenang mas/mba bro, kalo diganti juga ga' akan ada pengaruh ke SEO atau SERP koq! </li>
<li>Selanjutnya, kita cuma diharuskan untuk menambahkan kode css "<code style="display: inline;font-weight: bold;">.mobile</code>" (tanpa tanda petik) dimanapun yang anda inginkan/sesuai selera anda. Maksudnya gini.. kalau anda menginginkan header tidak nampak pada tampilan mobile, ketik kode css-nya seperti ini <br>
<code style="display: inline;font-weight: bold;">.mobile #header-wrapper{display:none!important;}</code>. <br>Karena kode css header setiap orang berbeda-beda, makanya saya tidak bisa menjelaskan lebih detail. <br />
Begitu juga kalau anda ingin melebarkan atau mengecilkan blog tersebut, ketik kode css-nya seperti ini <br>
<code style="display: inline;font-weight: bold;">.mobile #outer-wrapper{width:100%;}</code> <br>tapi kalau ingin mengecilkan nilai 100%, ubah saja menjadi 80% atau dibawah dari 80%. </li>
<li>Simpan kode css yang telah anda buat di atas kode <code style="display: inline;font-weight: bold;">]]></b:skin> </code> <br />lihat contohnya : <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-7S68d0IS7Gw/UFLMqMAzy-I/AAAAAAAAA1E/1rC-l91rdWg/s1600/like+this.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="http://1.bp.blogspot.com/-7S68d0IS7Gw/UFLMqMAzy-I/AAAAAAAAA1E/1rC-l91rdWg/s320/like+this.bmp" width="320" /></a></div> <br />
</li>
<li>Kalau sudah, jangan lupa di Save template. lalu lihat dengan Url link versi mobile :-), contohnya seperti ini <b><a class="goto" href="http://kangfirm84.blogspot.com/?m=1">http://kangfirm84.blogspot.com/?m=1</a></b></li>
</ol>
Bagaimana tutorialnya? mudah dicerna bukan? kalau ga' tau, silahkan aja tanya dikotak komentar. Insya Allah <i>fast respon</i> :D. <br>
<br>
Demikianlah sedikit ulasan Kang Firman mengenai <u>cara meng<a href="/2011/11/ubah-tampilan-mobile-untuk-blog.html" title="Mengubah Tampilan Mobile Untuk Blog" alt="KangFirm84 Blogspot Com">ubah tampilan mobile untuk blog</a>ger</u> anda, semoga dapat bermanfaat. <br>
<br>
<!-- End of Entri of Post and Page -->
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com3tag:blogger.com,1999:blog-4311448712209387654.post-53980763548751792242011-11-11T11:11:00.015+07:002015-02-14T15:47:35.580+07:00Untuk Anda | Widgets Blog | Membuat Banner Link Sendiri<a name="PageUp"></a>
<div style="margin: 0px 0px 7px 0px;padding: 0px 5px;text-align: justify;">
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Membuat Banner Link Sendiri</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
Haiy sobat blogger semua, kita barter/tukeran link yuk!?! <br /><br />
Kali ini, yang akan saya bagikan kepada sobat blogger adalah dengan menggunakan strategi/cara codding (syntax code). <br/><br/>
OK... langsung saja. Silahkan <b><u>Co-Pas kode berikut ini</u></b> pada website/blog milik sobat ya.. (lokasinya, terserah mpu-nya saja deech) :D <br/>
<center><textarea class="view-code" style="width: 160px;padding: 2px 5px 3px 5px;border: 3px outset #d4e5f6;" rows="5" cols="18" readonly onmouseover="this.select()" onfocus="this.select()" onclick="this.focus();this.select()" id="codebl1" name="code-link-barter1"><a style="padding: 1px;text-decoration" rel="nofollow" target="_blank" href="http://kangfirm84.blogspot.com" title="Blog Kang Firman"><img style="border: none;vertical-align: top;" border="0" width="90" height="15" src="http://lh4.googleusercontent.com/-RAY8GobX5AI/UCAgRIZLjtI/AAAAAAAAAPE/4HEHtZFUpUA/s800/Firman-Bloggist.png" alt="Blog Kang Firman" /></a></textarea>
</center>
Nanti kira² hasil kodenya seperti ini <a style="padding: 1px;text-decoration" rel="nofollow" target="_blank" href="http://kangfirm84.blogspot.com" title="Blog Kang Firman"><img style="border: none;vertical-align: top;" border="0" width="90" height="15" src="http://lh4.googleusercontent.com/-RAY8GobX5AI/UCAgRIZLjtI/AAAAAAAAAPE/4HEHtZFUpUA/s800/Firman-Bloggist.png" alt="Kang Firman Bloggist Ankshana" /></a>
---atau--- bisa juga kaya' gini niiich.. <br>
<center><textarea class="view-code" style="width: 160px;padding: 2px 5px 3px 5px;border: 3px outset #d4e5f6;" rows="5" cols="18" readonly onmouseover="this.select()" onfocus="this.select()" onclick="this.focus();this.select()" id="codebl2" name="code-link-barter2"><a style="padding: 1px;text-decoration" rel="nofollow" target="_blank" href="http://kangfirm84.blogspot.com" title="Blog Kang Firman"><img style="border: none;vertical-align: top;" border="0" width="468" height="60" src="http://4.bp.blogspot.com/-fKmEY2XttV8/UQKsFBinkRI/AAAAAAAAAYU/cgDdYR82VPA/s1600/Screenshot-3.png" alt="Kang Firman Bloggist Ankshana" /></a></textarea>
</center>
Nanti kira² hasil kodenya seperti ini <a style="padding: 1px;text-decoration" rel="nofollow" target="_blank" href="http://kangfirm84.blogspot.com" title="Kang Firman Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="310" src="http://4.bp.blogspot.com/-fKmEY2XttV8/UQKsFBinkRI/AAAAAAAAAYU/cgDdYR82VPA/s1600/Screenshot-3.png" /></a> <br/>
Setelah itu, sobat klik gambar tersebut. Maka secara otomatis, website/blog sobat akan mendapatkan backlink dari blog ini. <br/><br/>
Demikian share dari saya, semoga bermanfaat buat semua. Atas kunjungan dan kerjasama membagi banner-nya, saya ucapkan banyak terima kasih. <br/><br/>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0tag:blogger.com,1999:blog-4311448712209387654.post-26294509381417971072011-11-11T11:11:00.009+07:002015-02-14T15:47:32.035+07:00SEO Tools: Backlink Checker by Ongsono<a name="PageUp"></a>
<div style="margin: 0px 0px 7px 0px;padding: 0px 0px 3px 0px;text-align: justify;">
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Area WebMasters | SEO Tools</marquee></center>
<h4 style="margin: 3px 0px 7px 0px;padding: 2px 5px 3px 5px;background: #369;color: #ffd700;font-size: 17px;">Area WebMasters, Recomended by Kang Firman </h4>
<hr/>
<h4 style="clear: both;margin: 0;padding: 2px 0px 3px 0px;">Backlink Checker <font style="font-size: x-small;font-style: oblique;">(Check by Ongsono)</font> </h4>
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="240" height="180" src="http://thietkewebchuanseo.com/home/library/27/Kiem-tra-backlink1349168745_s238.png" alt="KangFirm84 Blogspot Com" /></a></div>
<blockquote><b>Summary:</b> <br>Backlink Checker tool enables you to know the number of websites who have given a link to your website or webpage. A back link is an inward link to your site that may or may not be reciprocated with an outward link back. If page A links to page B then a back link would be a link which goes from page B back to page A.We will check backlinks from Google, Yahoo and MSN. </blockquote>
<!-- <iframe width="100%" height="240" marginwidth="10" marginheight="20" frameborder="0" hspace="0" vspace="0" scrolling="auto" allowtransparency="true" background-color="transparent" src="http://www.ongsono.com/check_backlinks.htm"></iframe>
<a style="padding: 1px;text-decoration: none;" rel="nofollow" target="_blank" href="http://www.ongsono.com/check_backlinks.htm?domain=http%3A%2F%2Fkangfirm84.blogspot.com%2F&submit=Check_Backlinks" alt="Check Backlink by Ongsono.com">Check Backlinks</a> -->
Some information from <a href="/2011/11/seo-tools-backlink-checker-by-ongsono.html">this page</a>, you can check who is backlink to your website/blog by clicking <a style="padding: 1px;text-decoration: none;" rel="nofollow" target="_blank" href="http://www.ongsono.com/" onclick="this.href='http://www.ongsono.com/check_backlinks.htm?domain=http%3A%2F%2Fkangfirm84.blogspot.com%2F&submit=Check_Backlinks'" alt="Check Backlink by Ongsono.com">this link</a>. Just input your domain address in form, to see the backlink on Google, Yahoo and Bing. <br><br>
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="80" src="http://webdesignventure.net/wp-content/uploads/images/backlink-checker.jpg" alt="KangFirm84 Blogspot Com" /></a></div>
They Backlink Checkers Tools is <u>100% free to use</u>. Please support this tool by linking to it, your visitors will love this tool. So, many other tools are available in there and you can enjoy it!. <br><br>
<a style="padding: 1px;text-decoration: none;" rel="nofollow" target="_blank" href="http://www.entireweb.com/free_submission/#a=firman9884&b=ea511b8d"><strong>Free Search Engine Submission</strong><br/>Submit your site to Google, Yahoo & Bing - Free!</a><img style="border:0" src="http://affiliate.entireweb.com/scripts/imp.php?a=firman9884&b=ea511b8d" width="1" height="1" alt="" />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com2tag:blogger.com,1999:blog-4311448712209387654.post-47523646845409482402011-11-09T20:35:00.000+07:002015-02-14T15:18:02.755+07:00Untuk Anda | Widgets Blog | Menambahkan Widget Traffic Rank Alexa<a name="PageUp"></a>
<div style="margin: 0px 0px 7px 0px;padding: 0px 5px;text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="http://kangfirm84.blogspot.com/" style="clear: left; float: left;margin-right: 1em; margin-bottom: 1em;text-align: center;" alt="KangFirm84 Bloggist Ankshana"><img style="border: none;vertical-align: top;" border="0" width="210" height="180" src="http://1.bp.blogspot.com/-soxZwxV2eYE/UNxZzls1nmI/AAAAAAAACG4/K10KReQkX0w/s1600/alexa+widget+for+blogger-website.jpg" alt="KangFirm84 Bloggist Ankshana" /></a></div>
<center><marquee style="background: rgb(0,0, 153);color: #ffc600;font-weight: bold;">Menambahkan Widget Traffic Rank Alexa di Blog Sendiri</marquee></center>
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="300" height="auto" src="http://lh6.googleusercontent.com/-GvZ_azAp0lA/VNtHM6PCwSI/AAAAAAAABwY/QMuP5oGS8Sc/w477-h111-no/salaman%2B01.gif" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<h4 style="margin: 0px 0px 0px 0px;padding: 0px 0px 7px 0px;">Welcome to <b><font color="#FF0000">K</font><font color="#FF4D00">F</font><font color="#FF9A00">-</font><font color="#FFE700">8</font><font color="#FFff00">4</font><font color="#B2ff00"> </font><font color="#65ff00">A</font><font color="#18ff00">l</font><font color="#00ff00">-</font><font color="#00ff4D">A</font><font color="#00ff9A">m</font><font color="#00ffE7">b</font><font color="#00ffff">i</font><font color="#00E7ff">t</font><font color="#009Aff">y</font></b> <a target="_self" href="#" title="">Bloggist Ankshana</a> </h4>
Berikut saya tuliskan bagaimana cara <a href="#PageUp">menambahkan widget traffic rank alexa</a> yang mungkin diperlukan oleh para blogger maupun webmaster guna melengkapi kualitas (SEO/SERP) sebagai informasi yang ingin disampaikan kepada pengunjung website/blog-nya, contohnya bisa kalian lihat pada sidebar dalam blog ini. Berikut adalah petunjuknya :
<ol style="margin: 0px 15px 0px 15px;left-indent: 15px;list-style: outside;text-align: justify;">
<li/>Silahkan buka halaman <b>Alexa Traffic Widgets</b> [<a href="#" onClick="this.href='http://www.alexa.com/siteowners/widgets'" title="Traffic Widgets by Alexa.com" target="_blank" rel="nofollow">klik disini</a>]
<li>Pilih jenis widget yang ditawarkan oleh Alexa(dot)com
<ul style="margin: 0px 15px 0px 15px;left-indent: 15px;list-style: outside;text-align: justify;">
<li/><b>Traffic Widgets</b>; untuk menampilkan informasi ranking dan backlink menurut vendor (c.q Alexa)
<li/><b>Review Widgets</b>; untuk mengijinkan pengunjung me-review (mengulas dan menilai) website/blog anda
<li/><b>Alexa Logos</b>; untuk menyambungkan website/blog anda ke situs Alexa
</ul>
sesuai judul postingan, maka disini saya memilih yang pertama dan memang yang disarankan saat membuka halaman produk Alexa tersebut.
</li>
<li/>Masukkan (ketik) alamat website/blog anda dalam kolom yang tersedia untuk setiap pilihan jenis widget-nya, sebagai contoh -saya gunakan alamat blog sendiri dooonk- yaitu <u>kangfirm84.blogspot.com</u> (tanpa <b>HTTP://</b>)
<li/>Klik <b>Build Widget</b> atau '<i>tekan Enter</i>' saja
<li/>Proses selanjutnya, Alexa akan memberikan skrip kode html. Naaah.. Anda salin terus tempel dech di sidebar atau tempat lain sesuai keinginan.
<li/>Simpan lalu buka halaman website/blog anda, lihat perubahan yang telah anda lakukan.
<li/>Selesai dan selamat menikmati sajian traffic widget Alexa-nya ya ;)
</ol>
<br />
<h5 style="margin: 0px 0px 7px 0px;padding: 2px 5px 3px 5px;text-align: center;"><img style="border: none;vertical-align: top;" border="0" width="320" height="auto" src="http://lh5.googleusercontent.com/-f6bVgKF9Kjs/VN03XP0RvKI/AAAAAAAABzk/NrZPKXuAfxc/w320-h35-no/salamin01.jpg" alt="salam dari admin blog" title="KangFirm NoteWork Media & Creations" /></h5>
<br />
</div><div class="blogger-post-footer"><font style="font-size: small;">Komentar, kritik dan saran membangun dari anda (selaku komentator) disini dapat membantu saya untuk terus memperbaiki apa yang menjadi kekurangan dan kelemahan saya dalam berbagai hal. <br />
Mengenai tata cara/etika berkomentar, silahkan <a href="/2008/02/etika-berkomentar-yang-patut-dicontoh.html" alt="KangFirm NoteWork" title="Etika Berkomentar">baca disini</a>. </font></div>KangFirm Ankshanahttp://www.blogger.com/profile/08491133983822029959noreply@blogger.com0