dnakecil

Home / All Post

Sabtu, 16 April 2016

Cara Mendaftarkan Website Ke Google Webmaster Tools

Google webmaster tools adalah alat yang dapat digunakan oleh para pemilik web atau blog (webmaster) untuk mengamati perkembangan dan kesehatan web atau blog yang dimilikinya, seperti untuk mengecek broken link, crawl errors dan lain-lain.

Sebenarnya anda tidak harus mendaftarkan website anda ke google webmaster, karena website atau blog anda tidak akan diacuhkan sama sekali oleh pihak google hanya gara-gara tidak mendaftar di google webmaster tools, bahkan bisa saja website yang tidak didaftarkan di google webmaster mendapatkan posisi yang bagus di halaman pencarian google. Meskipun demikian, bagaimana anda akan tahu keadaan atau status situs anda dimata google jika anda sendiri tidak pernah mendaftarkannya di google webmaster tools?.

Guru blog saya selalu bilang bahwa google itu mempunyai semacam robot yang bertugas untuk merayapi website atau blog yang bertebaran di internet dan kemudian menyimpannya ke server google. Nah, dengan google webmaster ini anda bisa memberikan peta situs website anda kepada google, mana yang boleh dirayapi dan mana yang tidak boleh, kemudian jika terdapat broken link dan lain-lain, google akan melaporkannya untuk anda.

Sebagai mesin pencarian yang terbesar saat ini, tentu saja google ingin menampilkan hasil pencarian yang akurat dan bermanfaat untuk penggunanya. Oleh karenanya google sangat membenci broken link dan disinilah tugas yang harus anda kerjakan yaitu memeperbaikinya atau situs anda akan dilempar jauh-jauh dari hasil pencarian google.

Syarat utama untuk mendaftarkan situs ke google webmaster tool adalah anda harus mempunyai akun google, saya rasa ini bukan merupakan syarat yang berat untuk anda lakukan dan saya rasa hampir setiap orang sudah mempunyai akun google masing-masing. Selain syarat ini, tentu saja anda harus sudah mempunyai website / blog yang akan anda daftarkan. Akan tidak lucu ceritanya jika saat anda ingin daftar google webmaster tapi anda baru akan mulai membuat blog atau websitenya pada saat itu juga.

Jika kedua syarat diatas telah anda penuhi, maka selanjutnya anda tinggal ikuti panduan cara mendaftarkan website ke google webmaster tool berikut ini :

Silahkan masuk ke halaman google webmaster disini. Jika ada permintaan konfirmasi password akun google anda silahkan masukan saja dan login.
Di halaman utama google webmaster, silahkan anda pilih tambahkan situs yang ada di sebelah kanan atas (saya menggunakan versi bahasa indonesia, silahkan sesuaikan jika anda menggunakan versi bahasa inggris atau yang lainnya). Jika anda baru menggunakan google webmaster, biasanya anda langsung disuruh memasukan url website anda, seperti berikut :
Setelah anda menambahkan situs anda, pihak google meminta anda untuk melakukan verifikasi, nah ditahap inilah biasanya beberapa pemilik blog atau website bingung, terutama yang baru menggunakan webmaster tools. Tapi anda tidak perlu khawatir, karena ini sangat mudah sekali dilakukan. Google memberikan pilihan metode verifikasi, yaitu yang disarankan dan metode alternatif. Anda dapat memilih diantara kedua metode tersebut.
- Metode yang disarankan, disini sudah diberikan petunjuk yang harus anda lakukan dengan jelas. Anda harus download file verifikasi terlebih dahulu, kemudian menguploadnya ke website anda (Untuk upload anda bisa menggunakan ftp client seperti filezilla dan sebagainya, lihat panduan menggunakan filezilla disini). Setelah di upload, anda harus membuka halaman yang diminta google dan klik verifikasi.
- Metode alternatif, disini anda ditawarkan banyak sekali pilihan, anda bisa menentukan yang mana yang kira-kira mudah anda lakukan.
  - Tag HTML
    Silahkan sisipkan meta tag yang diberikan tepat setelah diantara <head> dan </head>. Jika anda menggunakan cms wordpress dan memakai plugin wordpress seo by yoast silahkan anda masukan contentnya saja dari tag tersebut. Seperti contoh tag : <meta name=”google-site-verification” content=”KhCg2Uuh2MRZz1p-ftft2aIUoBh0FG-rrrLO3njNGi0″ />. Silahkan anda masukan kode KhCg2Uuh2MRZz1p-ftft2aIUoBh0FG-rrrLO3njNGi0 saja di plugin wordpress seo by yoast anda.
  - Penyedia Nama Domain
    Disana akan banyak pilihan penyedia domain yang terkenal, ada namecheap, godaddy dan lain-lain. Petunjuk disini berbeda-beda tergantung dimana anda mendaftarkan nama domain tersebut.
  - Google Analytics
    Jika anda sudah mendaftar di google analytics, anda bisa melakukan verifikasi dengan metode ini. Jika belum anda bisa daftar dulu atau gunakan saja metode lain yang lebih mudah.
  - Google Pengelola Tag
    Pastikan anda mempunyai akun google tag manager. Jika belum, anda bisa sign up terlebih dahulu disini dan ikutilah petunjuk verifikasi yang diberikan oleh google.
Setelah melakukan verifikasi, maka anda tinggal menggunakan google webmaster tools ini sesuai dengan kebutuhan anda, anda dapat mengatur sitemap, melihat perkembangan website anda dari hari kehari, mengecek adanya broken link dan lain-lain. Silahkan anda manfaatkan fitur-fitur yang tersedia untuk memonitor dan memaksimalkan kinerja website anda.

Jumat, 15 April 2016

Pengaruh Tag Heading Terhadap SEO

anggita wisnu 22.37.00 Add Comment

Beberapa kali saya mendapatkan pertanyaan tentang tag Heading terutama mengenai tag H1, Apa itu tag heading (H1, H2, H3, H4, H5, H6) dan apa pengaruhnya untuk SEO?, apakah tag tersebut memang sangat berpengaruh terhadap ferforma artikel postingan blog di mata mesin pencari?, memang untuk blog yang membahas tentang seo terutama optimasi seo onpage biasanya selalu menyangkut pautkan keberadaan tag heading ini terutama dalam struktur halaman blog atau situs, karena banyak yang menganggap bahwa keberadaan tag-tag tersebut jika digunakan dengan benar dianggap bisa meningkatkan optimasi seo onpage blog yang bersangkutan, sehingga halaman blog akan lebih ramah di mata mesin pencari dan akan membuat situs atau blog yang bersangkutan mudah untuk ditemukan oleh mesin pencari, benar dan tidaknya bisa diperoleh dari referensi para master seo yang yang sangat berpengalaman dalam bereksperimen dan menganalisa permasalahan ini.

Untuk sebagian blogger barangkali istilah tersebut sedikit asing ditelinga mereka bahkan mungkin saja baru pertama kali mendengar istilah tag heading dan istilah-istilah serupa lainnya, perlu diketahui jika kita berbicara mengenai tag heading (H1,H2,H3,H4,H5,H6) berati istilah tersebut adalah istilah dunia bahasa pemrograman web yang erat kaitannya dengan script web HTML, yang merupakan salah satu script standar yang menyusun sebuah halaman situs.

Apa itu Tag HTML ?
Sebelum kita bahas secara spesific mengenai apa itu heading, alangkah baiknya saya ulas sedikit mengenai apa itu tag, memang banyak sekali yang menggunakan istilah tag, namun sekali lagi ingat bahwa tag disini adalah tag yang ada sangkut pautnya dengan struktur script HTML.

Tag adalah instruksi bahasa pemrograman standar berupa tanda-tanda khusus atau kode-kode spesial yang dibuat dengan aturan tertentu yang berfungsi untuk menyusun script bahasa pemrograman HTML yang dapat dimengerti dan diterjemahkan oleh browser (google croome, mozila firefox, safari dll) menjadi tampilan yang sesuai dengan fungsinya masing-masing.

Penulisan tag biasanya diawali dengan tag pembuka berupa tanda kurung siku "<nama_tag>" dan diakhiri dengan tag penutup berupa tanda "</nama_tag>.

Format penulisan tag kurang lebih seperti contoh berikut ini:

<nama_tag atribut1 atribut2 atribut3 ...> ......isi.....</nama_tag>

.Sebagai contoh:

<H1> ini contoh tulisan dengan tag H1</H1>

Jika perintah diatas dibaca oleh browser, maka akan diterjemahkan menjadi tampilan tulisan "Ini contoh tulisan dengan tag H1" dengan ukuran yang besar dan tebal seukuran tag H1.

Nama tag bermacan-macam sesuai dengan fungsinya masing masing salah satunya adalah 6 buah tag heading (H1,H2,H3,H4,H5,H6), dan Tag pada umunya memiliki atribut yang bisa diatur sedemikian rupa sehingga sesuai dengan yang anda perlukan.

Lantas Apa itu Heading?
Heading atau bisa juga disebut tag heading atau heading tag adalah salah satu nama tag yang merupakan bagian kecil dari perintah kode html untuk menghasilan bentuk tulisan lebih besar dari tulisan normalnya, heading terdiri dari H1 sampai H6, jika didalam struktur kode HTML halaman situs atau blog terdapat tag heading, maka secara normal browser akan menterjemahkan tag tersebut menjadi tulisan lebih besar tebal dari tulisan normal.

perintah untuk membuat heading didalam bahasa pemrograman HTML biasanya menggunakan perintah <H1> sampai dengan <H6> ,tag H1 akan menghasilkan tampilan tulisan dengan ukuran paling besar diikut H2, H3,H4, H5, dan H6 akan menghasilkan tulisan dengan ukuran paling kecil untuk kategori heading, namun ukurannya masih diatas ukuran tulisan normal.

contoh pembuatan heading H1:

<h1> ini tulisan dengan heading H1 </h1>

perintah diatas akan menghasilkan tulisan "Ini tulisan dengan heading H1" dengan ukuran besar dan tebal. begitu juga untuk H2, H3, H4, perintahnya seperti itu namun namun kode didalam tanda siku diganti dengan heading yang ingin digunakan.

Apa Fungsi Penggunaan Heading di Dalam Artikel?
Tag heading biasanya digunakan untuk membuat tulisan dengan ukuran lebih besar secara mudah, tag heading tersebut sering digunakan untuk membuat judul tulisan dan juga-sub-sub judul yang disajikan didalam sebuah halaman artikel pos, sehingga tulisan tersebut kelihatan berbeda dengan ukuran lebih besar dari tulisan normalnya dan penyajian artikel akan lebih kelihatan terstruktur, dengan demikian halaman situs atau penyajian artikel akan mudah unutk dinavigasi oleh pengunjung atau pembaca.

Ketika pembaca menginginkan point-point tertentu didalam artikel yang disajikan, maka mereka akan mencoba menelusuri dengan cara membaca sub-sub judul tulisan yang disajikan didalam artikel tersebut untuk menemukan point penting untuk dibaca.

Penggunaan tag heading yang tepat akan membuat artikel lebih ramah di mata pembaca, oleh karena itu ketika anda membuat artikel, terutama untuk artikel yang sangat panjang, anda disarankan untuk memecah artikel tersebut kedalam beberapa sub-sub bagian dengan menggunakan judul dan sub-sub judul menggunakan tag heading (h1,h2,h3,h4,h5 dan h6).

Pengaruh Tag Heading H1,H2,H3,H4,H5,H6 dalam SEO?
Beberapa artikel seo yang pernah saya baca terutama berkaitan dengan optimasi seo onpage, penggunaan tag heading terutama tag H1 didalam artikel postingan akan membuat artikel lebih seo friendly, sehingga bisa membuat artikel tersebut mudah untuk ditemukan, statement tersebut diperoleh dari hasil eksperimen para peneliti seo yang membandingkan penggunaan tag h1 sebanyak satu saja dalam halaman dengan penggunaan tag h1 lebih dari satu dalam halaman artikel, dari eksperimen tersebut mereka mendapatkan kesimpulan bahwa penggunaan tag H1 lebih dari satu dalam satu halaman artikel potingan, ternyata bisa menurunkan rangking halaman situs di hasil pencarian.

Pendapat Google mengenai Penggunaan Tag H1?

terlepas dari benar dan salah, tentang kesimpulan penggunaan tag h1 harus satu dalam setiap artikel, pihak google melalui salah satu juru bicaranya Mat cutts menyebutkan bahwa penggunaan tag H1 lebih dari satu didalam artikel masih diperbolehkan selama tidak digunakan untuk spam atau dengan kata lain menggunakan judul dan sub-sub judul dengan tag(h1 semua).

pernyataan google tersebut menunjukan bahwa penggunaan tag h1 didalam artikel boleh lebih dari satu selama tidak dijadikan ajang spam. dan memang banyak blog-blog terkenal yang tidak terlalu fokus terhadap penggunaan tag h1 dalam artikel, tetapi masih bisa populer. jika google membolehkan penggunaan tag h1 lebih dari satu, lain halnya dengan mesin pencari Bing yang lebih menyarankan jumlah penggunaan tag H1 harus satu saja dalam setiap halaman.

Optimasi tag Heading agar lebih SEO?Dari beberapa pernyataan diatas, anda bisa mengambil keputusan untuk menggunakan tag H1, apakah hanya satu saja atau lebih dari satu. namun untuk saya pribadi jika harus memilih, maka saya akan menggunakan tag H1 sebanyak satu saja dalam artikel.

Jika anda memilih menggunakan Heading dalam artikel agar lebih seo:
1. Gunakan tag H1 hanya satu saja didalam artikel.
2. Tag H1 sebaiknya digunakan untuk judul artikel
3. Tag H1 sebaiknya mengandung kata kunci yang anda incar, yang bisa mewakili isi artikel secara keseluruhan.
4. Anda bisa menggunakan tag H2 -H6 lebih dari satu dalam artikel sesuai dengan yang anda inginkan.
5. Sangat disarankan didalam artikel panjang yang anda buat pecah menjadi sub-sub judul yang anda sajikan menggunakan tag heading. sehingga artikel anda lebih mudah untuk dinavigasi.

Demikian artikel sederhana tentang Apa itu tag heading H1, H2, H3, H4, H5, H6 ? dan fungsinya untuk SEO?, semoga bermanfaat.

Cara Mengisi Meta Tag SEO di template Blog dengan 3 langkah mudah

label SEO

anggita wisnu 22.34.00 2 Comments

DNAkecil-Kali ini admin dnakecil akan membagikan dan memberikan tips tentang bagaimana cara mengatasi keluarnya xxxxx pada deskripsi artikel dan author xxxxx yang di share ke media social,berdasarkan pengalaman pribadi admin setelah gooling sana dan sini,maka penyebab utama keluarnya xxxxx tersebut adalah karena tidak terisinya meta tag di template blog,oleh karena itu berikut cara mengisi meta tag di blog dan sekaligus mengatasi deskripsi artikel xxxxxNah,meta tag itu sendiri adalah sesuatu bahasa program yang intinya adalah untuk memberikan informasi tentang data blog anda,meta tag ini juga membatu mesin pencari untuk menemukan data yang akurat dan informatif.
Langkah-Langkah untuk mengisi meta tag :
1.Buka Template dan cari kata <head>
2.Lalu akan muncul seperti gambar di bawah ini

3.nah,lihatlah ada berapa banyak xxxxx yang keluar,itulah yang harus anda isi sesuai dengan yang dibutuhkan.

<meta content='xxxxx' property='og:description'/> ganti dan isilah tulisan xxxxx dengan deskripsi blog Anda.
<meta content='xxxxx' name='keywords'/></b:if> isi dengan keyword blog Anda.

<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>,
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>

isilah ketiga hal diatas dengan akun google plus anda saat ini.

<meta content='xxxxx' name='google-site-verification'/> gantilah dengan kode konfirmasi blog dari google webmaster

<meta content='xxxxx' name='msvalidate.01'/> isilah dengan kode konfirmasi blog dari bing webmaster

<meta content='xxxxx' name='alexaVerifyID'/> isilah dengan kode konfirmasi alexa rank blog anda

<meta content='xxxxx' name='Author'/> isilah dengan nama anda

<meta content='xxxxx' property='fb:app_id'/> (isilah dengan id aplikasi fb anda

<meta content='xxxxx' property='fb:admins'/> isikan dengan id FB Anda

<meta content='xxxxx' name='twitter:site'/> (isikan dengan nama blog Anda)

<meta content='xxxxx' name='twitter:creator'/> isikan dengan nama twitter andasekian dulu tutorial mengubah deskripsi artikel xxxxx dan cara mengisi meta tag,bila masih kurang jelas dapat anda tanyakan di kolom komentar yang tersedia di bawah

Cara Submit Sitemap di Google Webmaster Tool

label SEO

anggita wisnu 22.26.00 Add Comment

Cara Submit sitemap atau peta situs di google webmaster tool - Sitemap atau peta situs adalah sebuah file dalam format xml yang menjelaskan mengenai struktur url dalam sebuah blog yang kita miliki, sitemap dibuat berdasarkan aturan standar menggunakan aturan penulisan xml, namun untuk blog atau situs dengan Platform blogspot kita tidak perlu bersusah payah membuat sitemap secara manual, karena blogspot sudah menggenerate dan mengupdate sitemap secara otomatis setiap kali kita selesai menerbitkan artikel. untuk blog berflatform blogspot anda bisa melihat sitemap blog anda, dengan mengakses http://bloganda.blogspot.com/sitemap.xml..

Untuk mengawali Optimasi SEO Onpage maupun Offpage,sitemap atau peta situs blog harus kita submit secara manual ke mesin pencari, hendaknya ketika blog pertama kali dibuat dan artikel pertama anda terbitkan yang harus anda lakukan pertama kali adalah mendaftarkan blog mesin pencari terutama mendaftarkan blog ke google webmaster tool dan ke bing webmaster tool kemudian mensubmit sitemap blog ke mesin pencari dengan menggunakan fasilitas yang terdapat pada tool tersebut, tujuannya adalah agar mesin pencari dapat lebih cepat mengenali dan mengetahui apa saja yang harus mereka crawl atau telusuri dalam situs atau blog kita, dengan demikian isi blog akan mudah untuk diindex oleh mesin pencari, semakin cepat terindex maka peluang artikel blog atau situs muncul di hasil pencarian mesin pencari (SERP) akan semakin cepat, dan semakin banyak yang diindek maka artikel dari blog yang bersangkutan akan sangat mudah sekali ditemukan oleh mesin pencari.

A. Cara Submit Sitemap / peta situs di google webmaster tool (GWT)

Google webmaster tool adalah sebuah tool berbasis web milik google untuk webmaster yang berfungsi untuk memonitor interaksi robot mesin pencari terhadap blog atau situs yang anda miliki, sitemap sangat perlu sekali disubmit ke google, dikarenakan google adalah mesin pencari terbesar didunia, untuk menggunakan tool ini, situs atau blog harus didaftarkan terlebih dahulu ke GWT, kemudian kita submit sitemap blog atau situs yang kita miliki didalamnya, berikut langkah-langkah submit sitemap blog ke google webmaster tool:

a. Masuk ke situs webmaster.google.com

b. Jika blog anda belum didaftarkan, silahkan anda daftarkan terlebih dahulu blog anda ke google webmaster tool tersebut, sebagai panduan anda bisa baca artikel sebelumnya tentang cara mendaftarkan google webmaster tool

b. Setelah anda berhasil daftar, pada halaman utama akun google webmaster tool anda, silahkan klik nama blog yang anda daftarkan.

c. Pada tampilan berikutnya, pada bilah menu sisi kiri, silahkan anda pilih menu Crawl > Sitemap

Cara mendaftarkan blog ke google webmaster tool

d. Kemudian silahkan lihat ke pojok kanan atas, cari dan klik tombol Add/Test Sitemap

e. Kemudian Tekan submit, dan refresh browser yang anda gunakan
Sampai tahap diatas berarti anda telah sukses melakukan submit sitemap di google webmaster tool. dengan mendaftarkan blog anda kemudian mensubmit sitemap blog anda di google webmaster tool, kini blog anda berpeluang muncul di mesin pencari.

Demikian artikel sederhana tentang Cara Submit sitemap atau peta situs google webmaster tool, semoga bermanfaat.

Apa Itu FeedBurner dan Bagaimana Membuatnya?

label

anggita wisnu 21.52.00 Add Comment

Dikalangan blogger, FeedBurner pasti sudah tidak asing lagi. Layanan gratis dari Google ini punya banyak kegunaan baik untuk meningkatkan trafik khususnya pembaca tetap ataupun untuk mengoptimalkan iklan, utamanya Google Adsense.

Namun tak bisa dipungkiri, hingga saat ini masih banyak juga blogger yang belum mengetahui Apa Itu FeedBurner dan Bagaimana Membuatnya?. Dalam kesempatan ini kita akan membahas FeedBurner, pembahasan akan kita bagi dalam dua bagian.

Apa Itu RSS FeedBurner?

Pertama-tama kita kenali dulu, Apa Itu RSS? RSS (Really Simple Syndication) berarti alat yang akan mengambil konten terbaru dari situs Anda, jika tertarik dan menarik mereka ke pembaca feed Anda di mana Anda dapat membaca semuanya dalam satu lokasi daripada mengunjungi setiap situs secara terpisah.

Sementara penjelasan resmi FeedBurner adalah sebuah web-based tools yang memberikan kita kemudahan untuk mempromosikan dan memanage blog secara utuh. FeedBurner didirikan pada 2004 silam. Awalnya merupakan layanan tersendiri, namun akhirnya diakusisi oleh Google khusus buat pengguna blogger.

Jika merujuk pada penjelasan Wikipedia, FeedBurner merupakan layanan manajemen umpan web (web feed), yang terdiri dari RSS feed dan alat pengelola (management tools) untuk blogger dan podcaster serta aplikasi publikasi lain yang berbasis web.

Layanan ini menyediakan analisis lalu lintas pengunjung situs dan sistem periklanan yang dapat dipilih.

FeedBurner sendiri memiliki banyak fitur, misalnya pengecekan statistik optimasi feed. Banyak blogger yang bertanya, untuk apa menggunakan FeedBurner? Apa untungnya dan sebagainya. Apalagi blogspot secara defult-kan memiliki layanan feed tersendiri.

Alasan mengapa menggunakan FeedBurner karena pengguna akan diberi kemudahan mempublikasikan konten agar orang lain lebih mudah untuk melakukan subscribe dan pendistribusian feed lebih kompatibel untuk semua jenis perangkat lunak subscriber.

Pengguna FeedBurner juga dapat menganalisis traffic yang berlangganan feed, seperti melihat jumlah subscriber, dari mana mereka berada dan apa yang mereka sukai. Layanan lain dari FeedBurner akan kita bahas dipenjabaran lain lengkap dengan cara mengoptimalkannya.

Bagaimana Membuat FeedBurner?

Sebenarnya, saat pertama kali kita membut blog Feed telah aktif otomatis. Setiap blogspot memiliki struktur feed seperti ini http://nama-blog-Anda.blogspot.com/feeds/post/default?alt=rss.

Namun feed defult blogspot ini tidak memberi kita keleluasaan melakukan optimalisasi. Olehnya itu, perlu membuat atau mendaftarkan blog di FeedBurner, caranya sebagai berikut.

Pertama-tama buka link ini feedburner.google.com, lalu login menggunakan email Gmail Anda, khususnya yang Anda pakai diakun blogspot.
Setelah login, pada kotak isian dibawah tulisan Burn a feed right this instant. Isikan blog yang Anda ingin daftarkan, lalu klik Next.

Pada "Identify Feed Source", Pilih source/sumber feed sesuai yang Anda inginkan, dan klik Next.

Pada halaman "Welcome! Let us burn a feed for you." tentukan judul dan alamat FeedBurner (URI) dari feed baru Anda dan kemudian klik Next. Jika Anda hanya punya satu blog, pilihan akan secara otomatis, namun jika lebih dari satu, pilih blog mana yang akan Anda daftarkan.

Halaman selanjutnya "Congrats! Your FeedBurner feed is now live. Want to dress it up a little?" langsung saja klik Next, ini hanya informasi ucapan selamat, begitu juga pada halaman setelahnya "Configure Your Podcast and Tell iTunes How To List It"
Pada halaman selanjutnya, Analyze Traffic atau "Get More Gusto From Your Feed Traffic Statistics." pilih Clickthroughs dan I want more! kemudian klik Next.

Anda akan mendapatkan halaman dengan pesan You have successfully updated the feed "Nama Blog Anda". Berarti Anda telah berhasil memperbarui feed blog Anda. Selesai!

Kini Anda telah berhasil mendaftarkan blog ke FeedBurner, jika ingin melihat alamat FeedBurner Anda ketiksaja URL seperti ini http://feeds.feedburner.com/Dnakecil (Ganti Dnakecil dengan nama FeedBurner yang Anda daftarkan tadi). Mudah bukan.

Cara Membuat Widget Recent Post

label tips n trick

anggita wisnu 20.50.00 Add Comment

Widget Recent Posts berguna untuk memudahkan pengunjung melihat postingan terbaru sehingga pengunjung bisa berlama-lama melihat isi postingan.
Widget Recent Post Tidak Memberatkan Loading Blog
Widget Recent Post yang dibuat bisa ditampilkan di sisi kanan atau kiri tata letak dan widget ini hanya menampilkan judulnya saja.

1. Seperti Biasa login ke Blog
2. Pilih Dasboard tata letak
3. Widget HTML/JavaScript
4 Masukkan Kode dibawah ini di Widget HTML/JavaScript

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://dnakecil.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var you_script=document.createElement('script');you_script.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(you_script);
//]]>
</script>

5. Ganti http://dnakecil.blogspot.com dengan Blog kamu

Mudah Bukan.. Semoga Bermanfaat.

Cara Membuat Breaking News atau Running Text

label tips n trick

anggita wisnu 18.59.00 Add Comment

Menambahkan text breaking news atau running text dapat menjadi salah satu pilihan ketertarikan pengunjung agar betah di blog kita dan juga memberikan kesan yang tidak monoton dengan tampilan blog yang ada.
Breaking news atau running text juga dapat memudahkan pengunjung untuk membaca postingan yang lama atau yang baru.

untuk membuat beraking news di perlukan kode CSS, Java Script dan HTML
Berikut cara membuat Breaking News
1. Seperti Biasa Login Ke Blog

2. Pilih Template, Edit HTML

3. Cari Kode ]]></b:skin>

4. Copy dan Paste Kode CSS di bawah ini sebelum ]]></b:skin>

/* CSS Breaking News */
#breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;}
#breakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #363b40;color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:400;text-transform:uppercase;padding:6.5px 22px;}
#adbreakingnews li a {font-family:inherit;font-weight:400;color:#666;margin-top:10px;transition:all 0.5s ease-in-out;}
#adbreakingnews li a:hover {color:#359bed;}
#adbreakingnews {float:left;margin-left:75px;margin-top:6px;}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}

@media only screen and (max-width:640px){
#breakingnews {margin:20px 0 0 0;margin-right:0;}
#breakingnews .breakhead {padding:6.5px 14px;}
#adbreakingnews {margin-left:50px;}}

5. Copy dan Paste Kode Java Script di bawah ini sebelum </body>

6. Ganti http://dnakecil.blogspot.com dengan nama blog kamu.
7. Selanjutnya Copy Kode HTML berikut ini diantara Tag <body> dan </body>

<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>Loading...</div></div>

8. Kode diatas (7) jika ingin menampilkan Breaking News di semua postingan
9.Selanjutnya Copy Kode HTML berikut ini diantara Tag <body> dan </body>

<b:if cond='data:blog.pageType == "index"'>
<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>Loading...</div></div>
</b:if>

10 Kode diatas (9) jika ingin menampilkan Breaking News di halaman utama saja.