[Cara] Daftar ICQ Gratis - Untuk Messenger dan Chatting

Daftar ICQ Gratis - Untuk Messenger dan Chatting

Welcome to KF-84 Al-Ambity Bloggist Ankshana

ICQ Messenger 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.

Jika Anda sudah tahu tentang SKYPE Messenger – yang bisa melakukan panggilan video dengan ponsel Anda maupun melalui PC atau sekarang populernya berbicara tentang WhatsApp Messenger – 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.

Feature yang ditawarkan ICQ:

• Gratis panggilan suara;
• Gratis panggilan video;
• Group chatting;
• Sticker;
• Transfer file; dan
• masih banyak lagi!

Tautan alternatif di halaman ini
• Login Chat ICQ Messenger pada PC/Laptop
• Panduan Lengkap Cara Mendaftar di ICQ Messenger
• ICQ Number Itu Apa?
• Download Aplikasi ICQ Messenger

Login Chat Room ICQ.com menggunakan ICQ Messenger pada PC/Laptop

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.

Simak langkah-langkahnya dibawah ini:

1. Kunjungi //www.icq.com/login/
2. 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.
3. Lalu klik “Log in”.
4. Selanjutnya, Anda akan diarahkan langsung ke halaman Chat Room ICQ.

Panduan Lengkap Cara Mendaftar di ICQ Messenger

Membuat akun baru untuk video call & chat pada ICQ free messenger ini gratis dan cepat. Nama lengkap dan nomor ponsel Anda diperlukan untuk melengkapi syarat pendaftarannya, kemudian SMS yang berisi kode verifikasi akan dikirim ke nomor ponsel Anda.

Ikuti panduannya dibawah ini:

1. Kunjungi //www.icq.com/join/ – halaman resminya adalah //icq.com/
2. Masukkan nama lengkap dan nomor ponsel Anda.
3. Selanjutnya, klik “Request SMS”.
4. Lalu lengkapi pendaftaran Anda (verifikasi) dengan menggunakan kode yang dikirimkan melalui SMS ke nomor ponsel Anda.

ICQ Number Itu Apa?

Sebagian besar dari Anda mungkin berpikir atau bertanya-tanya apa sih 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”.

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.

Bagaimana Cara Mendapatkan ICQ Number/UIN Saya?

• Silahkan login ke akun ICQ Anda dengan menggunakan ponsel atau melalui website resmi-nya
• Klik/tap username Anda (your displayed name)
• Dibawah tampilan nama anda, itu adalah UIN (lihat gambar dibawah untuk dapat mengidentifikasi dan menemukan nomor identifikasi pengguna/akun ICQ Anda).

Download Aplikasi ICQ Messenger

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:

[Silahkan di download]

• Ponsel Android [klik disini]
• iOS (iPhone and iPad) [klik disini]
• ICQ for Windows PC/Laptop [klik disini]
• ICQ for Mac OS-X [klik disini]
• Linux OS [klik disini]
• Untuk platform lainnya [klik disini] (Anda akan diminta untuk memasukkan nomor ponsel dan akan mendapatkan SMS berisi link untuk mendownload ICQ untuk platform/OS Anda).

Demikian tutorial tentang Daftar ICQ Gratis - Untuk Messenger dan Chatting ini saya sajikan, semoga bermanfaat..

Cara Membuat Image Captcha AntiSpam dengan PHP

Cara Membuat Image Captcha AntiSpam dengan PHP

Welcome to KF-84 Al-Ambity Bloggist Ankshana

Hallo Guys!! Good morning selamat pagi untuk kalian yang berada di Wilayah Negara Kesatuan Republik Indonesia dan sekitarnya.. :-D)

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..

OK guys, langsung saja kita ke pembahasan utama postingan ini.

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.. iya ngga?!?

Pertama-tama, buatlah file baru lalu mulai codding dengan deklarasi variable-nya:

<?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

gimana, sikut anda sudah lumayan panas khan?!? hehehe..

Kode di atas adalah sebagai perwakilan untuk menghindari terjadinya error jika file ini dipanggil/akan digunakan oleh file skrip lain.

Masih sanggup mengetik kode programnya?!?
OK, mari kita lanjutkan ke baris selanjutnya..

### 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');

Perhatikan kode di atas, itu adalah persiapan sebelum output program di tampilkan. Periksa ulang dan jangan sampai ketinggalan ya, nanti hasil programnya error lho! wkwkwk..

//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;
}

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..)

@imagedestroy($image_);
$_SESSION['AntiSpamImage'] = $code;
exit();
### END PROGRAM
?>

yang barusan adalah kode penutup programnya ya..

Horeeeeeeee

Jadi, anda dinyatakan sudah sukses membuat program captcha sederhana dengan menggunakan bahasa pemrograman PHP ini.

Selamat Ya!!

tutorial visual step-by-step-nya, dapat kalian lihat di https://youtu.be/1utPYsu2mg0

Khusus buat yang ga' mau susah-susah ngetik, saya sediakan link downloadnya di bawah.

[ Skripnya Disini ]

Enkripsi Gambar Dengan Metode Base64

Enkripsi Gambar Dengan Metode Base64 di halaman HTML

Welcome to KF-84 Al-Ambity Bloggist Ankshana

Selamat malam semua!!

Sebenarnya sih sambil iseng-iseng saja, saya bikin postingan Tips & Trik Kode untuk mengenkripsi gambar dengan metode base64 di halaman HTML ini. Jadi nantinya bila gambar yang kita enkripsi, tak perlu upload ke server. Cukup dengan menyalin (copy) hasil enkripsinya pada atribut src di elemen <IMG> saat codding halaman web berbasis HTML.

Apa sih HTML itu?

Untuk yang masih newbie ;-) Saya cuma bisa kasih sedikit keterangan bahwa, HTML adalah salah satu bahasa pemrograman untuk membuat website/blog.

Naah, kalo maksud dari kode enkripsi gambarnya itu sendiri apa?
Maksudnya adalah agar alamat/url sumber asli gambar tersebut tidak diketahui orang lain, faham?!?

OK, kita langsung ke pembahasan yaa.. #CheckItOut

Contoh script code HTML-nya adalah sebagai berikut:

<img src="data:image/png;base64,PasteHasilEnkripsiDisini"/> 

Isi nilai string SRC hasil enkripsi ini juga bisa di copy-paste di kolom url pada browser kesayangan kalian, nanti gambarnya akan di tampilkan.
Contoh skrip program-nya untuk yang suka pake javascript adalah:

---

Pilih gambar untuk di enkripsi:

---

Source code javasript untuk program di atas :

<!-- 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>

Untuk yang suka pake PHP (tapi ga' mau di PHP-in), contoh skrip program-nya adalah:

<?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;
}
?>

Untuk penggunaan/kode pemanggilnya, adalah sebagai berikut:

<?php
$urlImages  = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtZAo_ZycboPpQ1V_Juk_Fudnz4v6XPMTHM5RTTLhTVLhOPEY825FBELoHyDetUgcc1v9EcT4TRue1dDnmPqyZ0qQKI9Zfmt4TjnQPJT19lATWV7rZ_D8K4w6yigS201gwfNHn65maIGo/s1600/Screenshot-3.png';
$encodeImg  = imageBase64FromURL($urlImages);
echo $encodeImg;
?>

Silahkan ganti string pada variabel $urlImages dengan alamat gambar yang akan di enkripsi.

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?!?

Selamat Mencoba!!

Memasang Related Post (bergambar dan responsive)

Memasang Related Post (Bergambar dan Responsive)

Welcome to KF-84 Al-Ambity Bloggist Ankshana

Salah satu widget pada blog adalah Related Post. 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.

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.

Bagaimana Cara Memasang Related Post Pada Blogger?!?

Berikut ini adalah cara memasang widget related post pada blogger:

1. Dihalaman administrasi blogger anda, pilih Template/Theme > Edit HTML
   .
2. Di atas baris/sebelum kode ]]></b:skin>, ketik kode berikut ini

   /* Related Posts */
   .related-post{margin:30px 0 0;position:relative;padding:0 0 10px}
   .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}
   .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}
   .related-post ul{margin:0;padding:0}
   .related-post-style-3,.related-post-style-3 li{margin:auto;text-align:left;padding:0;list-style:none;word-wrap:break-word}
   .related-post-style-3 li a{color:#64707a;font-weight:700;font-size:13px;line-height:1.4em}
   .related-post-style-3 li:hover a,.related-post-style-3 li a:hover{color:#E73037}
   .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}
   .related-post-style-3 .related-post-item:focus{outline:none;border:none}
   .related-post-style-3 .related-post-item-thumbnail{display:block;margin:0 0 10px;width:100%;height:125px;}
   /* CSS Item Responsive */
   @media only screen and (max-width:640px){.related-post-style-3 .related-post-item {width:45.4%;}}
   @media screen and (max-width:414px){.related-post-style-3 .related-post-item {width:100%;margin:0;padding:10px;}}
   

3. Ketik/pasang kode HTML & Javascript berikut (pada widget baru atau yang sudah ada) di atas kode <div class='post-footer'> yang kedua, untuk menampilkan Related Post blog anda

   <div class='related-post' id='related-post'>
   <script type='text/javascript'>
   var mql = window.matchMedia(&#39;screen and (min-width: 992px)&#39;);if (mql.matches){
   var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
   &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
   </b:loop></b:if>];
   var relatedPostConfig = {
   homePage: &quot;<data:blog.homepageUrl/>&quot;,
   widgetTitle: &quot;<h4>You Might Also Like</h4>&quot;,
   numPosts:6,
   summaryLength:0,
   titleLength: &quot;auto&quot;,
   thumbnailSize: 200,
   noImage: &quot;//2.bp.blogspot.com/-pcWHSqKq44g/U6ZtZ5js6SI/AAAAAAAADu0/iR9lOJhGLKE/s1600/no-image.png&quot;,
   containerId: &quot;related-post&quot;,
   newTabLink: false,
   moreText: &quot;Read More&quot;,
   widgetStyle: 3,
   callBack: function() {}
   };}
   </script>
   <script type='text/javascript'>
   removeRelatedDuplicates();
   printRelatedLabels();
   </script><script type='text/javascript'>
   //<![CDATA[
   /*! Related Post Widget for Blogger */
   var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>You Might Also Like</h4>",widgetStyle:1,homePage:"http://namabloganda.blogspot.com",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]);
   //]]>
   </script>
   </div>

   » Ganti/sesuaikan kode yang berwarna merah.
4. Simpan template anda dan lihat perubahannya.

Demikian cara memasang related post (bergambar dan responsive) ini admin bagikan, selamat mencoba!!

Mengedit Template Blogger/Blogspot Agar SEO Friendly

Mengedit Template Blogger/Blogspot Agar SEO Friendly

Welcome to KF-84 Al-Ambity Bloggist Ankshana Template Blogger/Blogspot SEO Friendly - 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.

Tutorial step by step mengedit template blogger/blogspot agar SEO Friendly ini hanya salah satu cara untuk meningkatkan SERP (apa itu SERP? dapat sobat baca disini). Dari pada sobat ketiduran dengerin ocehan admin yang gak jelas, lebih baik langsung kita bahas step by step Complete SEO Guide untuk blogger templates:

1. Page Title
   Biasanya format page title dari blogger itu khan seperti ini
   

   JUDUL BLOG : JUDUL POSTING

   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
   

   JUDUL POSTING | JUDUL BLOG

   Caranya, di EDIT HTML cari kode berikut (cara mudahnya dengan menekan Ctrl+F):
   

   <title><data:blog.pageTitle/></title>

   Kalo sudah dapat kodenya, hapus dan ganti dengan kode berikut ini:
   

   <b:if cond='data:blog.pageType == "item"'>
   <title><data:blog.pageName/> | <data:blog.title/></title>
   <b:else/>
   <title><data:blog.pageTitle/></title>
   </b:if>
   

   atau, sobat juga bisa menambahkan beberapa kata kunci (keyword) seperti ini:
   

   <b:if cond='data:blog.pageType == "item"'>
   <title><data:blog.pageName/> | <data:blog.title/></title>
   <b:else/>
   <title><data:blog.pageTitle/> | kata_kunci | kata_kunci </title>
   </b:if>
   

   Ganti kode "kata_kunci" dengan keyword yang sobat incar. Setelah semua selesai, jangan lupa di save template-nya.
2. Meta keyword dan description
   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[/*
   

   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <meta name="description" content="Deskripsi Blog anda" />
   <meta name="keywords" content="Kata kunci, kata kunci, kata kunci, kata kunci, kata kunci" />
   </b:if>
   

   Lalu, save aja template-nya.
3. Pasang Breadcrumbs
   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".
4. Pasang Related Post
   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".
5. Mematikan settingan arsip (archive)
   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:
   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

   http://NAMABLOG.blogspot.com/2007_03_01_archive.html

   pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.
   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.
   atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head>:
   

   <b:if cond='data:blog.pageType == "archive"'>
   <meta content='noindex' name='robots'/>
   </b:if>
   

   Save template dan selesai
6. Menambahkan kode 'rel=canonical'
   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>:

   <link expr:href='data:blog.url' rel='canonical'/>
   

   Save template dan selesai
7. Tag Heading
   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:

   <b:if cond='data:post.title'> 
   <h3 class='post-title entry-title'> 
   <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> 
   </h3> 
   </b:if>
   

   Kode yang dicetak tebal berwarna hijau dihapus dan ubah dari h3 (atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>:

   h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {font-size:1.5em;}
   

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.

Review: URL Shortener Media

Review: URL Shortener Media

KangFirm NoteWork Creations

Welcome to KF-84 Al-Ambity Bloggist Ankshana

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.

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.

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.

What to Look For in a Shortener
   ** Pricing per Link
   ** User Friendly
   ** Secured Redirects

Redirected shortened URLs can have a wide range of uses. Find the one that works best for you.

All URL Shortener Reviews

• Bit.ly &mdash Bitly, Inc.
  
  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.
• Goo.gl — Google, Inc.
  
  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.
• TinyUrl — TinyURL, LLC.
  
  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.
• Ow.ly — HootSuite Media Inc.
  
  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.
• Tr.im — Tr.im
  
  Quickly create a shortened link using Tr.im and then share those links using social media sites such as Twitter, Facebook, and Google+.

Putar dan Mainkan Musik di Blog

KangFirm NoteWork Media & Creations

Welcome to KF-84 Al-Ambity Bloggist Ankshana

to the point aja lah..

• Memutar lagu secara otomatis
  
  1. Pertama, tentunya terlebih dahulu tentukan lagu/mp3 apa yang ingin kalian putar di blog (kalian bisa pilih lagunya di zivine-music.info)
  2. Search lagu yang diinginkan, selanjutnya copy code yang diberikan.
  3. Masuk ke Dashboard blog kalian, pilih tata letak. Tambahkan Gadget, pilih HTML/JavaScript lalu Paste code tadi pada dan Simpan
  4. Buka blogmu sekarang dan nikmati musiknya.
  
  
• Memutar lagu secara manual
  
  1. Pertama, tentunya terlebih dahulu tentukan lagu/mp3 apa yang ingin kalian putar di blog (kalian bisa pilih lagunya di soundcloud.com)
  2. Search lagu yang diinginkan, selanjutnya klik lagu yang dipilih dan klik menu share copy code yang diberikan pada tab "widget share".
  3. Masuk ke Dashboard blog kalian, pilih tata letak. Tambahkan Gadget, pilih HTML/JavaScript lalu Paste code tadi pada dan Simpan
  4. Buka blognya, nikmati musiknya langsung dari blog kalian.
  5. Jika ingin memutar ulang lagu tadi, klik Play.
  
  

Bisa juga kalian coba dengan trik berikut (blogger tingkat menengah):

Embed audio with FlashPlayer

<!-- 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>

Embed audio with Google Audio Player

<!-- 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>

Embed audio with Compatible Code

<!-- 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>

Embed audio with PHP Code

<?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]}";} ?>
Selamat Mencoba dan Semoga Bermanfaat!

Mengapa Harus Membuat Komentar dan Backlink "dofollow" di Blog Anda?

Mengapa Anda Harus Membuat Komentar "dofollow" di Blog Anda

KangFirm NoteWork Media & Creations

Welcome to KF-84 Al-Ambity Bloggist Ankshana

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.

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.

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!

Cara Membuat komentar "dofollow"

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.

Kemudian cari tag ini, yang bertanggung jawab dalam mengesahkan (otorisasi) bot crawler apakah akan mengikuti link atau tidak.

<a href='data:comment.authorUrl' rel=’nofollow’><data:comment.author/></a>

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 comments-block dan yang kedua terletak di dalam kode backlinks. Yang kita bicarakan disini adalah tentang cara menghapus yang pertama, yaitu yang berhubungan dengan bagian komentar.

Kemudian sesuaikan kode untuk tidak mengaktifkan "nofollow" ini, cukup dengan menghapus kode yang di pertebal (berwarna merah) ini:

<a href='data:comment.authorUrl' rel=’nofollow’><data:comment.author/></a>

hingga hasilnya akan tampak seperti ini:

<a href='data:comment.authorUrl’><data:comment.author/></a>

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.

DoFollow on Backlinks

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.

Saya pribadi lebih suka menonaktifkan backlink dari pengaturan dashboard, karena penampilan mereka membuat blog saya tampak berantakan.

Tag berikut ini harus disesuaikan untuk menonaktifkan no-follow pada backlink, sobat hanya perlu menghapus kode yang di pertebal (berwarna merah) berikut ini

<a href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

Untuk mengaktifkan kembali settingan "no-follow" di komentar atau backlink, hanya dengan menempatkan kembali kode yang dihapus tadi ke posisi semula.

Catatan:
membuat komentar dofollow dapat menurunkan pagerank dan risiko diserang oleh spammer, jangan lupa pula untuk memberikan komentar pada postingan ini!

Terima kasih
Sumber -> http://www.atozbuzz.com/2012/12/why-you-should-make-blog-comments.html

Mencegah Link Aktif Di Komentar Blog Anda

Welcome to KF-84 Al-Ambity Bloggist Ankshana Komentar SPAM/SPAMMING/SPAMMER [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.

Sebenarnya kalau dilihat lebih detail lagi, cara untuk mendapatkan Backlink itu banyak. Antara lain membiasakan berkomentar dengan Name/URL, dll.

Disini saya akan share langkah-langkah memasang Kode demi kode di template blog Anda agar bisa Menghapus Komentar SPAM di Blog 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.

OK langsung saja, ini dia langkah-langkahnya:

1. Silahkan Login ke Blogger.
2. Buka Dashboard Blog anda lalu pilih Template - Edit HTML.
3. Cari kode ]]></b:skin> dan letakkan kode berikut tepat diatasnya.
   

   /*--- Spam Comments ----*/
   p .spammer-detected {background-color: #ffffff;}
   textarea {
       width: 98%;
       height: 100px;
       margin: 10px auto;
       display: block;
       overflow: auto;
       background-color: #ff0000;
   }

4. Masukkan kode Javascript berikut di atas kode </body>
   

   <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>LINK LIFE DETECTED!!!</mark><br/>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:</div><div><textarea>" + salinan + "</textarea> Thank you for your attention and your comments.<div align=right><img alt='Follow The Rules' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QBCvCON2E7Mb6-pZzjWUN2MhI8Qr0NDzmnX3abgvVkIFBB9mbpTq4lUTlp8b2lGSaV9hPkjMZaI1KV_BamC5f-TZXs9Hwpzo_u_NLA_cjfNNZLQfJgBkCkPbURYwLOXY4iNglVnchoed/s1600/kartu+kuning.gif' style='border:0;'/></div></div>";
               content[i].className = 'spammer-detected';
       }
     }
   }
   /* Jalankan fungsi! */blockLinks('comments', 'p');
   //]]></script>
   

5. Simpan Template Anda.

Catatan:
    * Untuk warna background ganti kode #ffffff.
    * Sesuaikan teks yang hijau sesuai selera sobat.

Kode-kode diatas dapat di edit sesuai dengan selera masing-masing, termasuk warna dan kalimatnya. Jika anda ingin mencobanya, silahkan test dengan berkomentar dan memasukkan link aktif di kolom komentar. Semoga bermanfaat.