Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan

Langkah-Langkah Cara Membuat Blog SEO Friendly dengan Mudah



Assalammualaikum wr. wb.
SEO Friendly
SEO Friendly
Salam sejahtera untuk Sobat blogger semua. Pada kesempatan kali ini, saya ingin berbagi sedikit ilmu saya tentang Cara Membuat Blog SEO Friendly dengan Mudah. Kenapa saya bilang dengan mudah? Karena jujur saja saya baru bisa menjalankan trik SEO yang mudah-mudah saja.

Manfaat SEO (Search Engine Optimization)

Search Engine Optimization atau yang lebih dikenal dengan istilah SEO sendiri adalah suatu usaha untuk mengoptimalkan suatu web/blog tertentu agar dengan mudah ter-index di search engine. Percuma saja jika sobat mempunya web/blog yang sangat bagus dan berkualitas tinggi tapi tidak ada orang lain yang mengunjungi web/blog sobat tersebut, isi dari web/blog tersebut tidak akan tersamapaikan sama sekali. Salah satu cara paling ampuh untuk menggapai popularitas suatu web/blog ya dengan SEO ini.

Nah, sebenarnya saya sendiri masih newbie di bidang SEO tapi saya akan mencoba sedikitnya memberi beberapa cara agar blog menjadi SEO Friendly. Tips/trik SEO kali ini adalah dengan membuat template blog yang kita miliki menjadi SEO Friendly. Nah kalau ada yang harus di instropeksi atau tambahan tolong beri kritik atau saran di kolom komentar ya. OK, sekarang kita langsung masuk ke langkah-langkah membuat template blog menjadi SEO Friendliy.

Langkah-Langkah Cara Membuat Blog SEO Friendly dengan Mudah

1.     Membuat Blog SEO Friendly dengan Mengubah Page Title

Format page title default dari blogger kan seperti ini “JUDUL BLOG : JUDUL POSTING”, nah supaya blog kita lebih disukai oleh search, kita harus merubah format page title standar itu menjadi seperti ini “JUDUL POSTING | JUDUL BLOG”. Berikut langkah-langkahnya :
  • Masuk ke dashboard blog sobat
  • Masuk ke rancangan kemudian pilih Edit html
  • Cari kode berikut :
<title><data:blog.pageTitle/></title>

(Cara mudah mencari kata/kalimat di web browser tinggal tekan ctrl + f kemudian ketik/pastekan kata/kalimatnya lalu tekan enter)
  •       Kalau sudah ketemu kodenya, ganti sama 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 nambahin 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 sobat | Kata kunci sobat </title>
</b:if>
  •       Kalau sudah jangan lupa disimpan templatenya.

2.     Membuat Blog SEO Friendly dengan Menambahkan Meta Tag

Mesin pencari sangat menyukai web/blog yang jelas tema dan isi content-nya. Jadi, sobat harus nambahin suatu tag yang namanya meta tag. Berikut langkah-langkahnya :
  • Masuk ke dashboard blog sobat
  • Masuk ke rancangan kemudian pilih Edit html
  • Cari kode berikut :
 <b:skin><![CDATA[/*
  •       Copy-kan kode berikut ini di atas kode tersebut (<b:skin><![CDATA[/*) :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta name='Author' content='Nama Sobat'/>
<meta name='description' content='Deskripsi singkat tentang blog sobat'/>
<meta name='keywords' content='keyword1, keyword2, keyword3, dst'/>
<meta name='language' content='id'/>
<meta name='geo.position' content='-5;120'/>
<meta name='geo.country' content='id' />
</b:if>
  •       Kemudian simpan templatenya

3.     Membuat Blog SEO Friendly dengan Memasang Breadcrumbs

Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Breadcumbs ini sangat disukai oleh search engine, sehingga apabila blog kita memiliki breadcumbs dapat menambah nilai SEO pada blog kita. Di mesin pencarian (SERP) url yang ditampilkan adalah kategori dari postingan sehingga blog sobat bisa bersaing untuk mendapatkan posisi top di google SERP.

4.     Membuat Blog SEO Friendly dengan Memasang Related Post

Related post sangat bagus untuk SEO dan disukai para pengunjung. Setelah membaca suatu artikel pengunjung tidak akan lari ke blog lain dan biasanya akan tertarik untuk melihat-lihat related post yang ada di blog sobat.

5.     Membuat Blog SEO Friendly dengan Mematikan setting archive ( arsip )

Search engine sangat membenci yang namanya duplicate archive. Jika anda mengaktifkan opsi arsip, akan ada 2 buah link yang menuju 2 halaman yang berbeda (Halaman utama dan halaman artikel sendiri) tapi memiliki isi konten yang sama. Bagi search engine ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip. Caranya adalah sebagai berikut :
  • Masuk ke dashboard blog sobat
  • Masuk ke Setting kemudian pilih Archiving
  • Pada bagian Archiving Frequency ubah menjadi no archive
Atau jika sobat tidak ingin menonaktifkan fungsi arsip, silahkan masuk ke rancangan kemudian pilih edit html dan letakkan kode berikut dibawah kode <head> :
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

6.    Membuat Blog SEO Friendly dengan 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 (Buat yang kerjanya cuma bisa copas hati-hati nih sebelum didepak dari google). Silahkan masuk ke rancangan kemudian pilih edit html dan letakkan kode berikut dibawah kode <head> :
<link expr:href='data:blog.url' rel='canonical' />

7.    Membuat Blog SEO Friendly dengan Tag Heading

Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. silahkan masuk ke rancangan kemudian pilih edit html kemudian cari kode seperti berikut ini :
<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>
Ubah kode yang berwarna merah dari h3 atau h2 pada beberapa template menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Sekian aja ya beberapa tips dari saya untuk membuat blog menjadi lebih SEO Friendly, kurang lebihnya saya minta maaf yang sebesar-besanya. Sebenarnya masih banyak tips dan trik untuk membuat blog menjadi SEO Friendly, mungkin akan saya update beberapa hari kedepan.
Wassalammualaikum wr. wb.

Cara Memasang Meta Tag di Setiap Postingan Otomatis


 Cara Memasang Meta Tag di Setiap Postingan Otomatis - Pada postingan blog AB kali ini akan membahas tentang cara memasang dinamik meta tag di blogspot secara otomatis. Walau sebelumnya AB telah membahas mengenai Meta Tag! Arti dan Tujuan Meta Tag Pada Blog. Teknik ini sangat-sangat berguna untuk optimasi onpage karena setiap postingan kita akan memiliki meta deskripsi yang berbeda antara satu postingan dengan postingan lainnya tanpa perlu repot-repot nambahin satu-satu pada setiap postingan secara manual. Dengan kata lain, meta deskripsi dan keyword pada setiap posting akan ter-generate secara otomatis. Hal ini tentu menjadi solusi bagi sobat yang mengalami duplikasi meta deskripsi.


Cara memasang meta tag deskripsi dan keyword setiap postingan secara otomatis ini AB bagi kedalam 2 bagian, sobat-sobat ikutin aja salah satu dari kedua cara dibawah ini :

Bagi yang BELUM PERNAH memasang meta tag deskripsi sebelumnya, ikutin cara ini :
1. Seperti biasa, login dulu ke blogger.com Anda
2. Masuk ke Rancangan / design pilih EDIT HTML
3. Tunggu sejenak sampai semua halaman beres dibuka.
4. Cari kode berikut, <title><data:blog.pageTitle/></title> (gunakan Ctrl + F atau tekan F3 untuk memudahkan anda mencarinya)
5. Hapus kode tersebut dan gantilah dengan script berikut:
<b:if cond='data:blog.url == &quot;http://ALAMATBLOGANDASOBAT.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG ANDA'/>
<meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
6. Gantilah tulisan yang di warnai sesuai dengan blog anda.
7. Simpan template anda. Selesai.

Bagi yang SUDAH PERNAH memasang meta tag deskripsi sebelumnya, ikutin cara berikut ini :
1. Anda sudah login blogger.com Anda toh
2. Langsung masuk saja ke Rancangan / design pilih EDIT HTML
3. Tunggu sejenak sampai semua halaman beres dibuka.
4. Cari kode berikut,
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
5. Setelah ketemu, hapus kode diatas, gantilah dengan Meta Tag yang lebih canggih dibawah ini,
<b:if cond='data:blog.url == &quot;http://ALAMATBLOGANDA.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG ANDA'/>
<meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
6. Kalau anda sudah menggantinya dan yakin, simpan saja. Selesai.
Nah, demikianlah cara membuat meta tag di setiap postingan secara otomatis. Semoga postingan ini bermanfaat. Anda pun tidak direpotkan lagi dengan harus memasang meta tag deskripsi di setiap postingan secara manual lagi. Salam Blogger.

Membuat Widget Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot. Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
  • Pertama-tama silahkan login di Blogger
  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6_IwdjFt0_emSCv03wEysg8uzG_43-KkMU6llOkTUNy8o5GNMOgWxQ2WJ6lP0rTqqE3xcfP6Shes095zTTuv3YXkDuYe2IY5bE-_TegduZhKz0m7BFfzcEgEBc8eMXtf9q-pO2UbCUNA/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol",

"li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
  • Simpan dan lihat hasilnya.
 Warna Pilihan Burung Twitter
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwU9mN3JQR868LjsQVl228c2W-6vET9t1E6GKJk4-qHK1DozzP-LE2frFZAt3vJ5oPnifyq3RCJA52v_tGPvb3h85RhzwZtIHmcylhX0D8RmaQrKKhQSJMvpYjQaCEETwtdlvxWI0dCU/s1600/yellow+bird.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhgezDY9Vgl5nlwggg6DRu8cXIypkYNYi-hk-N-ORofKz7YaIkeQ_xT2gLK4Zft_Jz8l7vkkm2hR915gyKf-Fml1cGrpYnEFNprpgWMEZz9lp5ODdeORGg-fCnquajkp-loUFm5dEU_bI/s1600/black+bird.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKA5etB6lVVFb5g3GwIOO7wvX9ch1jKwcUzMsp9ZGNIxsYsxkHbf4BSCmzD07wiaTp6Xh6OnDi1PiJw3bc4cwMhEeJJOlMsV8Zqme4MJCsNo6nbTu7jjFe2kQRsehOP_ZxPrYWWi3k36k/s1600/Blue+bird.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglYkz-7otVQ9mnOjajOctpUdCPf8L8o7T_E0W1odLW1ZDuZhLhtRKsve6u5rXb-iU2bGnmcUtYVkHGi4fH2adFv1MVipOT1SteI8exQOwQYAoz7gilceaRMtWoY7kz-6UvJabNya8bOG4/s1600/brown+bird.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv22jJMfGsNq-gahUrCUdFaiZS2BpJqJxDlK2AD9HvB-t4ObH4_cA4kSowFqiHat52-lE67PX9PTHH3VzzBjgn-RaKwaC12Af_0GpW8Yw4lUcrb-L2BhuzMvUTjOJ3wG63q-3xHXMGOQA/s1600/Green+bird.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyBz3wF6F6V_RoWaSI3ztx0MhR16pT4CV9BPFohxQOonMAC5kDZlQhNWkXJFyR7IsO4BPGderTEAyzWKOiV8CyPbo4uFfFuwyKK55h5qdKQvOMG69ARUPBBDnncwUUHlNqR1WYWUXOJM/s1600/purple+bird.png
Warna Putih
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK2ihzw3ZMRIdhQNsI35ER-brS73glkyZrXB01_t5rorZxcA0rHE53W-CB5X6OzlX3KYJIyCfB24ClVGIv0kciXLS3KW4FsZ94QFKFJEJfB3ZvVVUlffczu82E4Ln_HjcaIxb2Z6unV3M/s1600/white+bird.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2yJrWDHJH0rWjDrLkxXJdKgdNY-UA00sF13b5m-p-LM45lEVFFPyq3QcwPjukN8PdPG3dxp1qBZw7wrPw6ve5svaBS1xRLTe4Z9bz77JklTzeNHALi7KetWLnjT1YtmfN76Q1oBZuW0/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!!!!

Cara Ampuh Agar Postingan Cepat Terindex Ke Google


Cara Paling Ampuh Agar Postingan Blog Cepat Terindex Google
Cara Ampuh Agar Postingan Cepat Terindex Ke Google Berikut adalah informasi menarik untuk kamu para blogger, Jika kamu baru saja membuat blog tentu tidak serta merta setiap artikel yang anda tulis tersebut akan ditampilkan dalam hasil pencarian oleh search engine seperti google, ada banyak faktor yang mempengaruhi mengapa keyword maupun judul artikel anda belum ditampilkan dalam SERP.
Salah satunya adalah usia blog, usia blog sangat berpengaruh dalam hasil pencarian.

Blog Cepat Terindex Google

selain itu banyaknya eksternal link dan Teknik optimasi SEO juga sangat berpengaruh agar postingan yang kita buat bisa langsung muncul dalam indeks, keyword atau kata kunci juga sangat menentukan , untuk mengetahui apa saja kata kunci populer yang terkait dengan keyword yang ingin anda bidik tersebut anda dapat menggunakan Google insight

Salah satu cara Jitu yang sering saya pakai adalah setelah posting biasanya saya akan langsung mensubmit artikel tersebut kebeberapa social bookmark dan berharap agar nantinya postingan blog cepat di index. Nah kali ini sesuai judulnya yaitu
Cara Ampuh Agar Postingan Cepat Terindex Ke Google kali ini dalam blog iini saya akan sedikit memberikan tips agar supaya blog cepat di index.

1. Postinglah Artikel Yang Original buatlah postingan artikel yang fresh . search engine suka dan senang jika kita selalu mengupdate artikel yang original tidak mencopy artikel orang lain "jangan seperti artikel saya ini yg hanya copas dr artikel orang ^_^" .
Nb: jangan lupa buat juga judul yang menarik agar pengunjung merasa penasaran terhadap artikel tersebut..

2. Perbanyak Internal Link untuk Halaman Anda (internal link merupakan sebuah taut situs menuju halaman postingan anda yang lain , yang ada pada blog anda) Setidaknya setiap artikel yang kamu posting anda beri beberapa internal link namun dengan syarat keyword/kata yg ingin anda beri internal link sebaiknya masih berhubungan dengan link yang akan dituju.

3. Berkomentarlah Di Blog Terkenal atau yang memiliki pagerank tinggi ,, Perbanyaklah berkomentar di blog yang mempunyai reputasi bagus dan ramai pengunjungnya , cara terbaik untuk meningkatkan pagerank adalah berkomentar diblog Dofollow yang berpagerank tinggi...

4. Buat dan Kirim/Ping Sitemap XML blog anda,, anda dapat membuat dan men-submit sitemap blog kalian gratis di http://www.google.com/webmasters/ dengan cara buat account dengan Google Webmaster Central, dan menambahkan situs Anda, dan mengirimkan sitemap XML kalian.

5. Install Google Analytics kemudian Tambahkan kode Google Analytics ke dalam blog anda. Jangan lupa untuk memverifikasi blog anda agar data blog anda segera terproses.

6. Lakukan Ping Submit Ke social Bookmarking Biasanya kalo saya setelah memposting artikel baru yang saya lakukan adalah melakukan ping blog serta mensubmit artikel book ke social bookmarking. boleh apa saja terserah teman saja namun alangkah baiknya jika social bookmarking yang dofollow dan terkenal.. Jangan lupa juga agar kalian men-submit blog kita ke mesin pencari lain seperti Yahoo, Ask, MSN, dll.
Catatan: jangan terlalu banyak melakukan Ping sebab , data yang yg anda kirim bisa saja dianggap spam oleh Google

Jika anda mengikuti langkah langkah di atas insya allah blog anda bisa banyak pengunjung serta postingan yang anda buat akan dengan cepat di index google Semoga artikel
Cara Ampuh Agar Postingan Cepat Terindex Ke Google dari blog ini bisa menjadi referensi bagus untuk teman teman semuanya. Jangan lupa juga agar kalian men-submit blog kita ke mesin pencari lain seperti Yahoo, Ask, MSN, dll.
Trik
Cara Ampuh Agar Postingan Cepat Terindex Ke Google semoga dapat bermanfaat.

Cara Membuat Artikel Terkait Di Blogger

Apa Fungsi Artikel Terkait (Related Posts)?

Fungsinya dari related posts atau artikel terkait selain untuk membuat seo blog kita menjadi bagus, artikel terkait [related post] ini sangat membantu traffic/pengunjung untuk lebih leluasa membaca artikel lain yang mungkin bermanfaat untuk diketahui. Tentu Hal ini sangat memudahkan pengunjung dan efek baik dari pembaca akan betah dan suka membaca di blog kita.


Cara Membuat artikel terkait di blogger,saya sudah mengemas codingnya dalam javascript sehingga codingnya jadi lebih ringkas. So mari kita langsung ke cara membuat nya:


1, Seperti biasa masuk ke blogmu
2. Pilih template, klik edit html dan klik lanjutkan
3. Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga)
4. Cari kode: </head> (gunakan Ctrl+f untuk mencari)
5. Copy kode dibawah ini tepat diatas </head>


<style> #related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaC8quF2HO2OwxoexfEcejM8cf8oH2VDkNuK-ysvPN0DH5Kkd9lbCcaIhE6nJa8NaHuPQgUuuONdRUIjETX5IsEoXrNJb5zJpDZNuX3hTunp8U0nSQj8TWzAcdVXDELkizwGGdlJloEH6T/s1600/rss.png ") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://related-post-nandahacker5.googlecode.com/files/Related%20post.js' type='text/javascript'/>
6. Cari kode <data:post.body/> atau <div class='post-body> Kemudian copy code dibawah ini, letakkan persis dibawahnya
<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>
Simpan template kamu.demikian Cara Membuat artikel terkait di blogger semoga berguna.

Perhatian!! Biasanya Kode HTML <data:post.body/> ada yang lebih dari 3, untuk meletakan kode di atas Biasanya dibawah <data:post.body/> yang ke2 atau sesuaikan dengan template anda.
Untuk kalimat yang saya tandai merah “Related Posts“ bisa anda ganti dengan kalimat  ”Artikel terkait“, “Baca Juga Yang Ini“,  ”Baca Lagi Yang Ini” dan atau terserah dengan kalimat anda. agar pembaca tertarik untuk membaca artikel dalam blog kita.
Untuk sementara ini saja yang bisa saya bagikan , jika ada yang kurang mohon koreksinya. karena saya masih belajar.

Cara membuat Read More otomatis di Blogspot

Cara membuat Read More otomatis di Blogspot dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.

Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot
  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>



  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini



  •  Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :

  1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
  2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
  3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
  4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.

Cara Membuat Blog Gratis

Cara Membuat Blog Gratis - Artikel kali ini saya khususkan bagi sobat yang benar benar awam mengenai cara membuat blog gratis, jadi bagi sobat yang sudah memahami dan menguasai ilmu cara membuat blog abaikan saja artikel ini. namun bagi sobat yang benar-benar ingin memahami dan belajar cara membuat blog kurang dari 1 jam silahkan diteruskan membacanya ya (santai saja, bila perlu siapkan minuman ringan dan cemilan.... xixixixixixi)

Blog itu sendiri bisa digunakan sebagai media penghubung, menjembatani antara si penulis dan pembaca, jadi si pembaca blog paham dan mengerti dengan maksud dan tujuan yang ditulis oleh penulis itu sendiri. bisa juga menjadi penghubung antara si penjual dan pembeli (dalam hal ini blog yang digunakan sebagai sebuah ladang usaha menjual produk. sebutan populernya Toko Online).
Membuat blog itu sebenarnya tidak terlalu susah, yang terpenting sobat cermat dalam langkah-langkah awalnya. dan mengenai cara membuat blog gratisan ada banyak layanan yang menyediakan blog gratis, beberapa diantaranya yang paling sering dipakai adalah:

- Blogger.com
- Wordpress.com
- Blogdetik.com
- Blog-roll.info
- Wordblog.pl
- dan masih banyak lagi.

Namun kali ini saya akan menerangkan bagaimana Cara membuat blog gratis secara cepat dan mudah. yaitu kita memakai layanan Blogspot di blogger.com.

Langkah awal untuk membuat sebuah blog gratis adalah :


1. Sobat diwajibkan memiliki sebuah alamat email, saran saya pakailah layanan gmail dari google. untuk membuat email dari layanan google tersebut anda bisa langsung menuju ke Gmail, untuk lebih jelasnya perhatikan gambar dibawah ini.

Klik gambar untuk memperbesar

2. Langkah selanjutnya isi data data diform yang disediakan, jangan lupa paling bawah klik Saya menyetujui persyaratan layanan dan kebijakan privacy google, setelah itu klik Langkah berikutnya lihat gambar dibawah.

Klik gambar untuk memperbesar
3. Selanjutnya, klik kirim kode Verifikasi. lihat lagi gambar dibawah ya :)

Klik gambar untuk memperbesar

4. sekarang cek ponsel anda, jika belum ada kode verifikasi dari google bisa dicoba lagi beberapa menit kemudian, gambar dibawah menggunakan modem, jadi kode verifikasinya langsung bisa di lihat dilayar laptop saya.

Klik gambar untuk memperbesar

5. Masukin deh kode verifikasinya seperti dibawah ini

Klik gambar untuk memperbesar

6. Selamat datang di akun Gmail anda, lalu klik Lanjutkan ke Gmail ya....

Klik gambar untuk memperbesar

Klik gambar untuk memperbesar

7. Sampai disini proses pembuatan akun Gmail sudah berhasil, sekarang ketahap selanjutnya ya...proses pembuatan blog. yaudah tanpa basa basi langsung buka tab baru di browser sobat ya, atau bisa langsung menekan (ctrl + T) buka blogger.com ya.... tinggal isi email dan sandi yang sama seperti di akun Gmail tadi. lalu klik Masuk

Klik gambar untuk memperbesar

8. selanjutnya pilih Opsi profil blogger sobat, jika hanya membuat blogger sebaiknya klik yg sebelah kanan. lalu klik lanjutkan ke blogger.

Klik gambar untuk memperbesar
Klik gambar untuk memperbesar


9. Sampai tahap ini sobat sudah sukses membuat akun blog, tahap selanjutnya silahkan lihat gambar dibawah ini untuk jelasnya. perhatikan baik baik tahap 1, 2, dan 3. sebelum ada tulisan This blog address is available berarti nama blog yang ingin sobat buat sudah ada yang memiliki, silahkan ganti dengan nama lain, atau untuk mudahnya bisa tambahkan angka dibelakang alamat blognya, lihat contoh yang saya lingkari pada nomer 2 dibawah. setelah itu klik create blog.

Klik gambar untuk memperbesar


10. Nah sekarang blog sobat sudah jadi, lihat keterangan dibawah ini, angka 1 adalah Judul blog yang sobat ciptakan pada tahap sebelumnya, lalu angka 2 adalah start posting. alias untuk memulai membuat artikel.

Klik gambar untuk memperbesar

11. Setelah sobat klik start posting, sekarang saatnya sobat membuat sebuah artikel... perhatikan baik baik langkah langkahnya dalam membuat sebuah artikel. tentunya dimulai dari angka 1 ya...hehehe... untuk jelasnya lihat gambar dibawah ini.

Langkah-langkah cara membuat artikel di blog :

Angka 1 : merupakan judul artikel yang nanti akan diterbitkan, boleh apa saja. silahkan berekspresi melalui artikel sobat, narsis juga ga ada yang larang koq :)

Angka 2 : merupakan isi dari artikel, silahkan mengarang bebas, mau curhat, kasih tips, trik, info, atau apa saja yang sobat ketahui, klo artikelnya bermanfaat pasti banyak yang suka dengan blog sobat deh.

Angka 3 : merupakan Label, silahkan isi apa saja. contohnya seperti ini, misalnya judul artikel yang sobat buat adalah Tips melangsingkan tubuh, nah label tersebut bisa di isi dengan Tips sehat, atau yang lainnya. kan ga nyambung seandainya label tsb di isi dengan Ilmu komputer. :p

Angka 4 : Nah tahap ini adalah melihat dulu artikel sebelum diterbitkan, jika ada yang salah bisa dibenarkan dulu sebelum artikel diterbitkan.

Angka 5 : Jika pada tahap 4 sobat sudah yakin, sekarang tinggal klik Publish (Terbitkan)

Klik gambar untuk memperbesar

12. Gambar dibawah ini merupakan contoh artikel yang sudah berhasil diterbitkan. dan untuk melihat artikelnya silahkan klik tombol view. selesai.... nah mudah bukan ?
Klik gambar untuk memperbesar


Klik gambar untuk memperbesar

13. Selamat Berkarya ya sob, oiya bagi sobat yang ingin tulisan hasil karyanya di publikasi di blog ini silahkan kirimkan artikel sobat ke email (nanda.syamsul@gmail.com) jangan lupa link facebook kamu ya.  dengan catatan artikel merupakan hasil karya sendiri dan bukan hasil copy paste dari blog lain.


/>

close
iklan 120 x 600 kiri
close
iklan 120 x 600 kiri

Translate

English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

Followers