Design, Tutorial and Tips Trik Blogger | Lostsector

---

• Bagaimana Cara Mendapatkan Backlink Blogger Berkualitas ?
• Popup Facebook Like Box Dengan Timer CountDown Untuk Blogger
• Cara Berlangganan / Mendapatkan Artikel Terbaru Sebuah Blog
• Memasang Fitur Blogger Rating Stars Pada Posting Blogger
• Bagaimana Cara Menampilkan Rating Bintang Pada Pencarian Search Engine
• Facebook Recommendation Bar Versi HTML5 Untuk Blogger
• Cara Mengubah Sub Domain Blogger (Blogspot) ke Domain Sendiri
• Cara Memperkecil Ukuran CSS Untuk Mempercepat Loading Blogger

Bagaimana Cara Mendapatkan Backlink Blogger Berkualitas ? Posted: 11 Jul 2013 05:58 AM PDT Backlinks berkualitas adalah backlink yang berasal dari website yang memiliki pagerank tinggi, dofollow dan populer. Backlink merupakan salah satu langkah dalam Mengoptimalkan Blog/Website agar lebih SEO Friendly.  Pengertian Backlink...!!! Backlink adalah tautan balik atau link yang berasal dari situs A yang mengarah langsung ke situs B ataupun sebaliknya. Backlink biasanya digunakan untuk mendongkrak popularitas blog/website dan juga sebagai salah satu strategi untuk memperbaiki posisi SERP. Lalu bagaimana cara mendapatkan Backlink yang berkualitas tersebut ? Berikut ulasan lengkapnya : 1. Menanamkan Link dengan cara Berkomentar Cara menanamkan Link pada sebuah web/blog yang dofollow, populer dan berpagerank tinggi adalah memasukkan link kedalam isi komentar atau berkomentar dengan menggunakan Open ID dan bisa jugan dengan menggunakan Name/URL sebagai pengguna (khusus untuk blog dari blogger.com). 2. Submit Blog / Web Directory Dofollow Pada saat sekarang ini, sudah banyak web directory gratisan yang bisa digunakan untuk menanamkan link blog kedalam directory mereka. Nah, tugas anda sekarang temukan salah satu situs directory dofollow kemudian submit blog yang anda kelola. 3. Submit Artikel ke Situs Social Bookmarking Tidak bisa dipungkiri lagi bahwa keberhasilan sebuah blog tidak lepas dari situs-situs social bookmarking seperti Google Plus (g+), Facebook, Twitter dan masih banyak lagi social bookmark yang bisa dijadikan media untuk dijadikan sebagai sarana untuk menanamkan link blog. 4. Profile Sites Cara mendapatkan backlink dari profile sites adalah dengan cara memasukkan link web/blog ke halaman profile situs (Account Profile) seperti profile Google Plus, Blogger, forum-forum dan lain sebagainya. Selain 4 Cara Mendapatkan Backlink Berkualitas di atas, sebenarnya masih banyak cara-cara lain yang bisa dilakukan, tergantung kreatifitas anda sendiri. Jadi saran saya pergunakanlah pengetahuan atau keterampilan anda dalam hal memperoleh backlink yang berkulitas, tetapi jangan lupakan hal-hal yang boleh dan tidak boleh anda lakukan guna menghindari hukuman dari Google.

Popup Facebook Like Box Dengan Timer CountDown Untuk Blogger Posted: 11 Jul 2013 05:56 AM PDT Widget Popup Facebook Like Box adalah widget yang dilengkapi dengan timer untuk menutup sendiri pada saat waktunya sudah habis dan mempunyai 4 jenis skin gambar yang berbeda-beda. Kotak like box popup ini akan muncul seperti jendela baru.  Selain itu widget ini juga dirancang untuk tidak muncul kedua kalinya jika pengunjung sudah mengklik like atau suka pada box. LIVE DEMO Bagaimana Cara Memasangnya ? Login ke Blogger Pilih Template » Edit HTML » Centang Expand Template Widget Copy kode di bawah ini dan pastekan tepat di atas tag </body> <!-- lostsector.blogspot.com Likebox Facebook Code Start --> <style> #fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;} #fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;} .fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;} #fblikebg { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;} #fblikepop #closeable { float: right; margin: 7px 15px 0 0;} #fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;} #fblikepop #actionHolder {height: 30px;overflow: hidden;} #fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;} #fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;} #fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;} #fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;} #fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style> <script src='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[  kakinetworkdotcom01username="lostsector.stars",  kakinetworkdotcom01title="Join us at Facebook!",  kakinetworkdotcom01skin="01",  kakinetworkdotcom01time="15",  kakinetworkdotcom01wait="0",  kakinetworkdotcom01lang="en" //]]> </script> <script src='http://yourjavascript.com/23312113212/www.lost-sector.net-popup-likebox-fb.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[  $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); //]]> </script> <!-- lostsector.blogspot.com Likebox Facebook Code End --> Keterangan : Lostsector.stars : Ganti dengan username fans page facebook yang Anda punya Join us at Facebook : Silahkan disesuaikan kakinetworkdotcom01time="15" : adalah waktu (seconds/detik) yang diperlukan sampai popupnya tertutup sendiri Skin ="01" : Ganti dengan kode skin yang lain (01, 02, 03, 04). Contoh skinnya ada di bawah ini : SKIN "01" SKIN "02"  SKIN "03" SKIN "04" Langkah terakhir, simpan template...!!! Semoga artikel kali ini bermanfaat dan jika ada saran ataupun kekurangan dari tutorial ini, mohon memberikan komentar di bawah. Terima kasih dan happy blogging...!!!

Cara Berlangganan / Mendapatkan Artikel Terbaru Sebuah Blog Posted: 11 Jul 2013 05:56 AM PDT Tidak semua orang atau pengunjung setia sebuah blog atau website yang ia sukai tahu bagaimana caranya berlangganan atau mendapatkan artikel terbaru via email dan tidak banyak juga dari mereka sudah tahu, tetapi artikel-artikel terbaru yang ingin dia dapatkan ketika ada update-an terbaru tidak mereka dapatkan atau tidak terkirim ke dalam inbox email mereka. Hal tersebut di atas kemungkinan besar dipengaruhi oleh beberapa faktor salah satu diantaranya karena kurangnya pemahaman tentang bagaimana cara berlangganan atau mendapatkan artikel terbaru. Nah, untuk itu sengaja saya buat artikel ini dengan tujuan agar mereka yang ingin mendapatkan update-an artikel yang ter-update atas blog/website yang mereka suka tidak terkecuali Lost-sector.net bisa mereka dapatkan. Cara Berlangganan Artikel Terbaru Hampir semua blog/website menyediakan sebuah sarana untuk memudahkan bagi para pengunjungnya mendapatkan artikel-artikel terbaru dengan cara menyediakan sebuah form subscription, baik itu form standard yang disediakan oleh Google Feedburner maupun yang sudah dimodifikasi sedemikan rupa sehingga tampak lebih menarik. Nah, bagi anda yang ingin mendapatkan artikel terbaru dari web/blog yang menjadi favorite anda, ada baiknya anda memperhatikan langkah-langkah di bawah ini : 1. Cari form "Email Subscription" yang disediakan oleh web/blog tersebut (biasanya posisi email subsribe terdapat pada sidebar atau tepat di bawah postingan blog). Contohnya seperti pada gambar di bawah ini : Atau form yang berada di sidebar/widget 2. Setelah anda temukan form subscribenya, masukkan alamat email yang akan dikirimi pemberitahuan atas artikel terbaru kemudian tekan "Submit" 3. Jika tombol "Submit" sudah anda tekan, maka akan muncul sebuah popup atau jendela baru. Masukkan verifikasi kata dan lanjutkan dengan menekan "Complete Subscription Request" 4. Selanjutnya, buka email dan periksa inbox anda. Biasanya nama pengirimya adalah "FeedBurner Email Subscriptions <noreply+feedproxy@google.com>", kemudian buka email tersebut dan klik link konfirmasi yang disertakan di dalamnya. 5. Jika sudah di klik, maka pengiriman pemberitahuan artikel terbaru ke inbox email anda sudah aktif. Semoga membantu dan semoga bermanfaat. Terima kasih dan salam blogger...!!!

Memasang Fitur Blogger Rating Stars Pada Posting Blogger Posted: 11 Jul 2013 05:55 AM PDT Fitur Rating Stars Blogger adalah sebuah fitur resmi dari blogger yang bertujuan untuk memberikan kesempatan kepada pengunjung untuk melakukan penilaian terhadap isi artikel yang dibacanya serta memberikan evaluasi kepada author mengenai artikel yang telah dibuatnya. Fitur yang satu ini berbeda dengan "Cara Menampilkan Rating Bintang Pada Pencarian Search Engine" karena fitur ini hanya untuk menempatkan rating pada setiap postingan/artikel blogspot. Ada dua cara pemasangan fitur rating ini, yang pertama dengan menambahkannya melalui layout/tata letak blog dan dengan melakukan pengeditan HTML. Perlu anda perhatikan, untuk cara pertama bisa anda lakukan jika anda menggunakan Template Official yang disediakan oleh blogger karena pada template official blogger didalamnya sudah terdapat script rating stars, tetapi bagi anda yang menggunakan Costum Template (Template Pihak Ketiga), anda harus melakukannya secara manual yakni dengan dengan melakukan pengeditan kode HTML blog atau bisa juga dengan mengakses / login ke draft.blogger.com. Pemasangan Rating Stars Melalui Layout Seperti yang anda telah ketahui bahwa untuk mengakses layout/tata letak, terlebih dahulu anda harus login ke blogger.com (bagi yang menggunakan Template official blogger) atau ke draft.blogger.com (bagi yang menggunakan costum template) kemudian pada menu dashboard pilih tata letak dan pada bagian body post tepatnya di sudut kanan bawah, pilih "Edit". Lihat gambar di bawah ini untuk lebih jelasnya : Lanjutkan dengan memberi checklist/centang "Tampilkan Rating Bintang" dan klik tombol simpan.  Jenis pengaturan seperti di atas adalah menempatkan rating bintang tepat berada di bawah postingan. Apabila langkah-langkah di atas sudah anda lakukan tetapi rating bintang masih belum muncul, maka saya sarankan untuk melakukan pengeditan HTML template dan berikut penjelasannya. Pemasangan Rating Stars Melalui Edit HTML Template Untuk pemasangan rating stars dengan melakukan pengeditan kode html, ada dua hal yang dibutuhkan, yakni JavaScript dan Kode HTML. Sebelum saya lanjutkan, terlebih dahulu saya ingin menekankan bahwa untuk menempatkan rating pada posisi yang anda inginkan, anda harus memperhatikan penempatan kode HTMLnya dan jangan sampai ada kesalahan karena jika terjadi kesalahan, maka rating tersebut tidak akan muncul atau bahkan tidak berada pada posisi yang anda inginkan. 1. JavaScript dan Penempatannya Cari kode <b:include name='feedLinks'/> kemudian tempatkan Javasript di bawah ini tepat di bawahnya. <b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load(&quot;annotations&quot;, &quot;1&quot;); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> Pada tahap ini, janga klik tombol simpan dulu tetapi lanjutkan dengan menempatkan kode HTML di bawah ini. 2. Kode HTML dan Penempatannya Untuk menempatkan rating bintang tepat di bawah judul postingan, tempatkan kode HTML di bawah tepat dibawah tag <div class='post-header-line-1'/> namun jika anda ingin menempatkan rating bintang di bawah isi postingan/arikel, maka tempatkan kodenya tepat di bawah <data:post.body/>. Catatan : Gunakan Ctrl + F untuk mempermudah pencarian. <div class='star-ratings' style='float:right;'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/> </b:if></div> Note : Kode yang saya beri tanda warna merah tersebut di atas adalah posisi rating tepatnya berada disebelah kanan, namun jika anda ingin menempatkannya disebelah kiri, anda tinggal menggantinya dengan kata "left". Lanjutkan dengan menekan tombol simpan/save dan buka postingan anda untuk melihat hasilnya. Need a Help ? Jika anda memiliki kendala tentang tuturial pemasangan rating stars terebut di atas, silahkan anda meninggalkan komentar. Terima kasih dan salam blogger...!!!

Bagaimana Cara Menampilkan Rating Bintang Pada Pencarian Search Engine Posted: 11 Jul 2013 05:55 AM PDT Menampilkan rating bintang richsnippets pada search engine result page (SERP) merupakan sebuah daya tarik sendiri bagi para blogger. Cara pemasangan rating bintang ini ada dua macam, yang pertama pemasangan yang direkomendasikan oleh google dan yang kedua hasil modifikasi sendiri oleh mereka yang benar-benar sudah mengerti akan hal ini. Untuk postingan ini saya akan membahas tentang bagaimana cara memasang snippet rating bintang rekomendasi google. Demo by image Langkah-Langkah Pengaturan Pada Blog Login ke blogger Pada menu Dashboard, pilih Template » Edit HTML dan centang "Expand Template Widget" Untuk menghindari kekeliruan dalam pemasangannya, alangkah baiknya jika anda membackup template terlebih dahulu Copy kode di bawah ini dan pastekan tepat di bawah tag <head> <link href="https://plus.google.com/108801075003252823592" rel="author"/> Keterangan : Warna Biru ganti dengan ID Profil Google Plus anda Langkah selanjutnya, Copy dan paste kode di bawah ini tepat di bawah tag <body> <div itemscope='' itemtype='http://data-vocabulary.org/Review'>  Dan masukkan kode penutup di bawah ini tepat di atas atas tag </body> </div> Selanjutnya, cari kode HTML yang kurang lebih seperti di bawah ini : <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'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> Jika sudah ketemu, tambahkan kode itempropnya sehingga akan menjadi seperti ini: <span itemprop='itemreviewed'><span itemprop='description'> <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'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </span></span> Langkah berikutnya, cari kode : <span class='fn'><data:post.author/></span> Dan tambahkan beberapa kode HTML seperti ini : <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span> Selanjutnya, tambahkan <span itemprop="rating">4.5</span> tepat sesudah kode </b:if>.  <span class='post-author vcard'>     <b:if cond='data:top.showAuthor'>         <data:top.authorLabel/>           <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>        </b:if>     <span itemprop="rating">4.5</span> </span> Terakhir, simpan template. Dan untuk mengeceknya apakah langkah yang anda lakukan sudah benar atau tidak, silahkan cek di webmaster tools richsnippets (tools ini juga untuk mengecek Peringatan : Missing Required Field "Updated"). Apabila anda berhasil, maka reviewnya akan terlihat seperti gambar di bawah ini. Klik untuk memperbesar gambarnya NOTE : Pemasangan rating bintang richsnippets ini sendiri memerlukan waktu bagi mesin pencari untuk mengcrawl dan menampilkannya pada halaman mereka. Apabila anda mengalami kendala mengenai hal diatas, silahkan tinggalkan komentar. Terima kasih dan salam bloggers...!!!

Facebook Recommendation Bar Versi HTML5 Untuk Blogger Posted: 11 Jul 2013 05:55 AM PDT Beberapa waktu yang lalu, Facebook telah merilis sebuah Plugin yang bernama Bar Recommendation untuk blogger/website yang pada dasarnya bertujuan untuk meningkatkan jumlah pageviews halaman blog/web dengan cara merekomendasikan artikel-artikel kepada pengunjung. Artikel dimaksudkan disini adalah artikel yang mempunyai persentase tertentu beserta jumlah like / suka minimal 1 (satu). Plugin bar rekomendasi ini menampilkan image thumbnail berukuran kecil dan diikuti oleh judul postingan dan akan muncul setiap saat pada saat scroll mencapai 40% dari total keseluruhan scroll. Selain itu, fitur ini juga dilengkapi dengan tombol expanded/collapsed sehingga tidak akan mengganggu kenyamanan pengunjung serta dilengkapi dengan tombol like yang berada pada sudut kiri bar recommendation. Sekarang, pada postingan ini, saya akan membahas tentang bagaimana cara membuat dan memasang plugin Bar Recommended Facebook Versi HTML5 dan bukan versi XFBML dan pada versi ini juga tidak didukung oleh Iframe. Langkah-Langkah Penginstalan Ke Blogger Terdapat 2 (dua) tahap yang akan dilakukan dalam pembuatan dan pemasangan plugin ini, yang pertama proses untuk mendapatkan Facebook App ID dan yang kedua adalah langkah penginstallan pada blogger. 1. Mendapatkan Facebook App ID Login Facebook dan buka Apps Facebook Pada sudut kanan atas, klik "+Create New App" Pada box popup, isi nama aplikasi yang anda inginkan (lihat gambar di bawah) kemudian lanjutkan dengan mengklik tombol "Continue" Selanjutnya, masukkan kode captcha dan klik "Submit" Pada tahap selanjutnya, anda akan diarahkan halaman basic. Lihat gambar di bawah ini untuk lebih jelasnya. [Klik gambar untuk memperbesar] Keterangan : Copy app id tersebut ke notepad atau dimana saja karena app id tersebut yang nantinya akan digunakan pada tahap menginstall plugin ke blogger Masukkan email anda Masukkan URL alamat blog/website anda Lanjutkan dengan mengklik tombol "Simpan / Save" 2. Menginstall Plugin ke Blogger Login ke Blogger Pada menu Dashboard, pilih Template › Edit HTML › Proceed Copy kode di bawah ini dan letakkan tepat di bawah tag <body> <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/en_US/all.js#xfbml=1&amp;appId=Facebook_App_ID";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div style='z-index:999999; position:absolute;'> <div class="fb-recommendations-bar" data-trigger="40%" data-read_time="10" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num_recommendations="3"></div> </div> </b:if> </b:if> NB : Jika di dalam template anda sudah terdapat script yang lama, maka ganti dengan script tersebut dengan script yang ada di atas. Ganti Facebook_App_ID dengan App ID yang sebelumnya sudah anda copy Jangan simpan dulu, tetapi lanjutkan dengan mengcopy "Open Graph" facebook di bawah ini tepat di bawah tag <head> <!--OPEN GRAPH metadata STARTS--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta content='article' property='og:type'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> </b:if> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta content='website' property='og:type'/> </b:if> <meta expr:content='&quot;en_US&quot;' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <!--OPEN GRAPH metadata ENDS--> Simpan Template. Nah, untuk melihat hasilnya, silahkan anda buka salah satu postingan yang telah anda buat.

Cara Mengubah Sub Domain Blogger (Blogspot) ke Domain Sendiri Posted: 11 Jul 2013 05:54 AM PDT Mengubah Sub Domain Blogspot [Blogger.com] ke Domain sendiri Seperti ]dot]com, [dot]net, [dot]org dan lain sebagainya biasanya disebut dengan Custom Domain. Custom domain blogspot adalah fasilitas yang disediakan oleh blogger.com yang memungkinkan kita mengubah / mengganti / meredirect sub domain blogspot (contoh.blogspot.com) ke domain sendiri. Proses untuk mengganti sub domain ke domain sendiri bukanlah sebuah hal yang sulit dilakukan, tetapi pada saat melakukan setting pada Admin domain dan Blogger diperlukan suatu ketelitian karena jika terjadi kesalahan dalam pengaturan, maka proses penggantian sub domain tidak akan berhasil. Untuk tutorial kali ini saya akan menjelaskan bagaimana cara mengganti sub domain blogspot ke domain sendiri yang dalam hal ini saya menggunakan RumahWeb.com sebagai bahan tutorialnya. Ada beberapa tahap yang harus dilakukan dalam proses penggantian sub domain ini, diantaranya adalah cara mengatur Admin Domain pada Rumahweb dan pada Blogger.com. Pengaturan Admin Domain di Rumahweb dan Blogger Sebelum melakukan pengaturan domain di rumahweb, terlebih dahulu pastikan kalau domain yang anda beli sudah aktif. 1.  Langkah pertama yakni login ke Cpanel dengan username/email dan password anda di http://clientzone.rumahweb.com/ 2.  Pada Dashboard, pilih Domain ›› Domainku [Lihat gambar di bawah untuk lebih jelasnya] 3.  Lanjutkan dengan mengklik "Manage Domain" 4.  Disebelah kanan, klik Management Tools ›› Manage DNS 5.  Setelah Itu Pilih Manage A Record ›› Add A New Record 6.  Penambahan Record Pertama, isi Hostname dengan tanda tanda "@", TLL isikan "14400" dan IPv4 Address masukkan 216.239.32.21 dan lanjutkan dengan mengklik "Add Record". Setelah itu, Klik lagi "Add a new Record" dan masukkan Hostname dan TTL seperti sebelumnya tetapi yang berbeda adalah IPv4 Addressnya. Berikut IPv4 Address yang harus dimasukkan pada saat penambahan record yang kedua sampai keempat : 216.239.34.21 216.239.36.21 216.239.38.21 Sekilas, keempat IPv4 Address terlihat sama, namun coba anda perhatikan dengan seksama, keempat-empatnya semua berbeda. Apabila anda masih bingung, lihat gambar di bawah ini untuk lebih jelasnya ketika 4 kali penambahan record dilakukan. 7.  Setelah langkah-langkah selesai dilakukan, maka lanjutkan lagi dengan mengklik "Manage CNAME Record" dan "Add a New CNAME Record" 8.  Penambahan CNAME Record Pertama, Isi Hostnamenya dengan "www", Canonical Name dengan "ghs.google.com" dan TTL dengan "14400" 9.  Untuk Penambahan CNAME Record yang kedua ini, caranya sama persis dengan Penambahan CNAME Record pada nomor 8, tetapi bedanya yakni pada Hostname dan Canonical Namenya karena harus diisikan 2 kode token yang disediakan oleh blogger.com. Token pertama mempunyai kode yang pendek, sedangkan yang kedua mempunyai kode token yang panjang. Sekarang, bagaimana cara mendapatkan token tersebut? Berikut caranya : Login ke Blogger Pilih Setelan ›› Dasar. Disebelah kanan, tepatnya pada bagian Penerbitan, klik "Tambahkan Domain Khusus". Setelah terbuka, klik "Alihkan ke setelan lanjutan" (klik gambar di bawah ini untuk lebih jelasnya) Pada tahap selanjutnya, masukkan alamat domain baru anda kedalam form yang disediakan kemudian klik "Simpan" Setelah anda sudah mengklik simpan, otomatis akan ada sebuah peringatan error. Nah pada bagian bawah peringatan tersebut akan ditunjukkan kepada anda 2 buah token, dimana token yang pertama adalah token yang pendek dan yang kedua panjang. Copy kedua token tersebut (lihat gambar di atas) kemudian pastekan ke notepad karena kedua token tersebut nantinya akan anda gunakan untuk mengisikan CNAME Record yang kedua. 10.  Selanjutnya, anda harus kembali lagi ke pengaturan atau penambahan CNAME Record dan masukkan kedua token yang sudah anda copy sebelumnya. Untuk menambahkannya silahkan lihat tutorial nomor 8, tetapi pada Hostnamenya isi dengan Token yang Pendek dan Canonical Name isi dengan Token yang panjang serta jangan lupa isi TTL-nya dengan "14400" 11.  Langkah terakhir, kembali ke Blogger.com dan lakukan pegaturannya seperti pada tutorial nomor 9 bagian a, b dan c. dan jika pengaturan pada blogger sudah selesai dilakukan, maka tunggulan beberapa saat sampai domain anda sudah bisa ditampilkan pada browser. Jika penjelasan di atas masih belum anda mengerti, silahkan tinggalkan komenter.  Terima kasih...!!!

Cara Memperkecil Ukuran CSS Untuk Mempercepat Loading Blogger Posted: 11 Jul 2013 05:54 AM PDT Selain jenis dan mutu artikel, Salah satu alasan mengapa trafik pengunjung blog bisa meningkat atau menurun yakni kecepatan loading atau kecepatan memuat blog. Blog yang mempunyai kecepatan loading diatas rata-rata akan mampu menarik pengunjung dan hal ini juga ditegaskan oleh mesin pencari google bahwa "Website/Blog Harus Cepat". Salah satu cara yang bisa dilakukan untuk mempercepat waktu load blog adalah dengan mengkompress CSS atau mengurangi pemakaian javascript yang tidak penting atau hosting Javascript di Google Code dan sesuai dengan judul artikel kali ini, maka saya akan menjelaskan bagaimana cara memperkecil ukuran CSS blog agar mampu mendongkrak kecepatan waktu load pada saat pengunjung melakukan request. Penting...!!! Sebelum mengkompress CSS template blog, saya sarankan untuk membackup full template, hal ini untuk menghindari kesalahan dalam melakukan kompress CSS. Buka situs www.cssdrive.com atau www.csscompressor.com Copy kode CSS template anda dan pastekan di dalam form csscompressor. Ingat CSS yang harus dicopy dan dicompress yakni di antara tag <b:skin><![CDATA[ dan ]]></b:skin>. Lihat Contohnya : <b:skin><![CDATA[ #header-wrapper{width:960px;margin:0 auto} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{float:left;width:525px;text-align:left;color:#666;margin:0} #header2{float:right;width:428px;margin-right:0px;text-align:left;color:#555} ]]></b:skin> Keterangan : Warna biru adalah CSS yang akan dicompress. Jika kode CSS sudah dimasukkan, tekan "Compress-it!". Maka hasilnya akan seperti ini. Selanjutnya, ganti kode CSS template anda sebelumnya dengan kode CSS yang sudah di kompress tadi. Simpan dan lihat hasilnya...  Note : Untuk mengkompres kode CSS, saya sarankan agar mengkompress kode CSS per-bagian. Hal ini bertujuan untuk memudahkan anda dalam mengedit kode CSS template. Semoga Bermanfaat...!!!

You are subscribed to email updates from Lost-Sector To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google Inc., 20 West Kinzie, Chicago IL USA 60610