Showing posts with label Tutorial Blogger. Show all posts
Cara Membuat Recent Comment di Blog :
Masuk blogger > Design/Rancangan >> Page Element >> Add a Gadget >>HTML/Javascript
Kemudian pastekan script di bawah ini di dalam box HTML/Javascript
<script style="text/javascript" src="http://panitah.googlecode.com/files/recentcomment-panitah.js>
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://howfreeblogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Ganti tulisan berwarna merah howfreeblogs.blogspot.com dengan alamat blog atau web anda dan terakhir lihat hasilnya.
Ada pilihan untuk memasukan username, warna background, dan jumlah
follower. Button ini banyak manfaatnya, dengan tampilan yang tidak menyita banyak tempat tapi fungsional, dengan mudah pembaca blog
kita bisa mem-follow atau sekedar melihat profil kita di twitter dengan membuka tab baru yang minimize. Siapa tahu, follower kita bertambah dengan pesat.
 |
| https://twitter.com/about/resources/followbutton |
Cara Menambahkan Follow Button dari Twitter :
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<a href="http://twitter.com/erichwiwit" class="twitter-follow-button" data-show-count="false">Follow @erichwiwit/a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
5. Itulah contoh kodenya, lalu Simpan jika sudah selesai.
Cara Pertama :
-Loggin blogger
-Klik Template
-Edit html <ceklist kotak kecil (expant witget)>
-Cari tag
<!-- navigation -->
<b:include name='nextprev'/>
susah carinya? tekan CTRL+F untuk memudahkan
Biasanya ada diatas tag
<!-- feed links -->
<b:include name='feedLinks'/>
Kurang Lebih Seperti ini
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
-Kemudian hapus kode merah dan simpan template dan lihat hasilnya
Cara Kedua :
-Loggin blogger
-Klik Template
-Edti html <ceklist kotak kecil (expant witget)>
-Klik Template
-Edti html <ceklist kotak kecil (expant witget)>
-Cari tag
yang Mirip seperti ini :
#blog-pager-newer-link {float:left}
#blog-pager-older-link {float:right}
#blog-pager {text-align:center}
Ganti Tiga tag Tersebut Menjadi seperti ini :
#blog-pager-newer-link {display:none;}
#blog-pager-older-link {display:none;}
#blog-pager {display:none;}
Terakhir simpan dan lihat hasilnya.
After The Jump adalah fitur yang memungkinkan Anda membuat post summaries diupgrade dalam posting blog Anda, posting sehingga muncul sebagai intro dengan link ke Read More.
Membuat ini dalam posting blog Anda dapat dengan mudah benar dari editor posting, tanpa perlu untuk setiap perubahan HTML. Pertama, memutuskan mana di pos Anda ingin membuat after the jump, dan tempatkan kursor Anda dalam posisi itu:
Setelah kursor mouse anda ditempatkan pada titik melompat, cukup klik ikon Insert Jump toolbar:
Mengklik ikon akan memasukkan bar abu-abu pada titik kursor, di mana di pos tersebut akan muncul. Bar dapat diseret , sehingga Anda selalu dapat kembali posisi bar setelah insersi.
Jika Anda tidak menggunakan editor posting baru, Anda masih dapat menyisipkan after the jump dalam mode Edit HTML dengan menambahkan di mana Anda ingin posisi after the jump tersebut.
Membuat ini dalam posting blog Anda dapat dengan mudah benar dari editor posting, tanpa perlu untuk setiap perubahan HTML. Pertama, memutuskan mana di pos Anda ingin membuat after the jump, dan tempatkan kursor Anda dalam posisi itu:
Setelah kursor mouse anda ditempatkan pada titik melompat, cukup klik ikon Insert Jump toolbar:
Mengklik ikon akan memasukkan bar abu-abu pada titik kursor, di mana di pos tersebut akan muncul. Bar dapat diseret , sehingga Anda selalu dapat kembali posisi bar setelah insersi.
Jika Anda tidak menggunakan editor posting baru, Anda masih dapat menyisipkan after the jump dalam mode Edit HTML dengan menambahkan di mana Anda ingin posisi after the jump tersebut.
Setelah Anda ditetapkan pada lokasi after the jump dalam waktu posting, Anda siap untuk mempublikasikan posting Anda. Setelah penerbitan, Anda akan melihat bahwa link ditempatkan di mana Anda mengatur after the jump.
Untuk membuatnya ada beberapa langkah yang harus anda ikuti, yaitu :
- Mempunyai facebook fans page dan tahu alamat URL nya.
Ini adalah syarat wajib jika anda ingin mengikuti tutorial ini dari awal. Saya sudah membuat facebook fans page untuk blog panitah news , URL nya adalah http://www.facebook.com/informasicpns. Ingat ya facebook fans page, bukan facebook personal. - Masuk ke halaman facebook developer Social Plugin, link http://developers.facebook.com/docs/plugins/.
- Karena di sini saya akan membuat like box, pasti saya klik like box.
- Isilah form yang tersedia untuk membuat like box sesuai keinginan anda.
Anda bisa melihat preview pada bagian sebelah kanan blog saya ini.
Penjelasan form :
- Facebook Page URL : URL facebook fans page yang akan dibuatkan like box
- Width : lebar like box yang akan dibuat
- Height : tinggi like box yang akan dibuat
- Color Scheme : pilihan warna, hanya ada 2 light (putih) dan dark (hitam)
- Show Faces : Menentukan apakah foto user yang mengklik like akan ditampilkan atau tidak
- Border Color : Menentukan warna garis tepi like box (warna yang digunakan dalam format hexa, misalnya #ffffff untuk warna putih)
- Stream : Menentukan apakah isi post terakhir fans page akan ditampilkan atau tidak
- Show Header : Menentukan apakah tulisan “Temukan kami di facebook” akan ditampilkan atau tidak
Jika sudah selesai, klik tombol Get Code.
Akan muncul pop-up window berisi kode yang harus anda letakkan di blog.
Ada kode HTML5, XFBML dan Iframe yang bisa anda pilih. Saya pilih format
iframe agar mudah diletakkan di widget wordpress. Copy paste kode itu
ke tempat yang anda inginkan.
Cara Membuat Artikel Terkait Pada Sidebar :
1. Loging pada blog anda
2. Rancangan >> Edit HTML (centang "Expand Template Widget")
3. Masukan kode dibawah ini tepat dibawah kode ]]></b:skin>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
4. Kemudian cari kode yang mirip seperti dibawah ini :
<b:if cond='data:post.labels'>5. Terus ganti kode tersebut menjadi seperti ini :
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=15"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
NB : kode yang berwarna merah menyatakan banyak artikel terkait yang akan ditampilkan.
6. Simpan atau Save.
7. Selanjutnya buka menu tata letak >> tambah gadget (HTML/JavaScript) lalu masukkan kode dibawah ini.
<script type="text/javascript">8. Beri judul dan simpan.
removeRelatedDuplicates();
printRelatedLabels();
</script>
* Karena artikel terkait ini masih muncul di postingan dan homepage, jadi kita akan mensettingnya agar muncul hanya pada postingan saja.
Caranya :
1. Buka menu edit HTML (centang "Expand Template Widget")
2. Cari kode yang seperti ini :
1. Buka menu edit HTML (centang "Expand Template Widget")
2. Cari kode yang seperti ini :
<b:widget id='HTML10' locked='false' title='Artikel Terkait Sidebar' type='HTML'>Keterangan : kode yang berwarna biru adalah judul widget artikel terkait tadi yang sobat buat. Kode HTML10 abaikan saja, karena tergantung pada banyak widget kita, kode yang berwarna merah adalah kode yang harus sobat sisipkan.
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>
Optimasi kali ini sebenarnya bertujuan untuk mengurangi pesan kesalahan ketika
browser melakukan rendering pada suatu halaman. Logikanya yaitu semakin sedikit
kesalahan tentu akan semakin baik karena ini akan mengurangi kerja berat dari
Browser atau paling tidak kita berusaha menghemat pemakaian Bandwith.
Google Page Speed
Untuk Tools Optimasi yang pertama, biasanya menggunakan Google Page
Speed, selain karena tools ini besutan langsung dari Google, tools ini juga
memberikan informasi cukup lengkap mengenai laporan kesalahan pada halaman.
Setiap halaman blog yang kita analisa secara otomatis akan dilaporkan kedalam
tabel list. Page Speed akan memilah dan menginformasikan secara
rinci apa saja kesalahan yang ditemukan, selain pesan kesalahan, disitu juga di informasikan pesan kebenaran, yang berarti
ditemukan sebagian element halaman yang
tidak perlu lagi diperbaiki karena dianggap sudah benar.
Halaman yang selesai dianalisa Google Page Speed biasanya akan diberi
nilai (score). Nilai score terbaik adalah 100, ingat!! tidak mudah untuk bisa mencapai nilai 100, saran saya cukuplah mencapai
score antara 80-90/100, inipun sudah terbilang angka yang lumayan bagus.
Lalu bagaimana memperbaiki kesalahan?
Setiap pesan error yang ditampilkan
dalam list semuanya tentu sudah ada solusinya, misalkan pesan tersebut
menampilkan "Remove unused CSS" yang berati kita diminta untuk
membuang kode CSS yang tidak digunakan. Silahkan klik link yang
menampilkan kesalahan, secara otomatis Google akan memberikan solusi terbaik
untuk mengatasi masalah tersebut. Nah, tugas kita tinggal pelajari saja intruksi
dan tips optimasi dari Google.
Yahoo! YSlow
Selain Google Page Speed ada satu lagi tools yang biasanya saya gunakan yaitu
Yahoo! YSlow. Pilihan pada YSlow karena saya menyadari tools ini
dikembangkan langsung oleh Yahoo, tentu saja keakuratannya gak perlu diragukan
lagi. Sebenarnya cara kerja YSlow mulai dari informasi laporan kesalahan dan
tetek bengeknya hampir sama saja dengan Google Page Speed, keduanya sama-sama
memberikan informasi perbaikan dan tentu saja cara menangani kesalahan.
Perbedaan yang mecolok
terletak pada pemberian Nilai halaman, jika Google Page Speed berdasarkan pada
Score, Yahoo YSlow sendiri berdasarkan pada Grade A-F dimana nilai Grade
A adalah nilai terbaik dan Grade F adalah nilai yang terjelek. Seperti saya
bilang diatas tentu sulit sekali untuk mencapai nilai sempurna, saran cukup diantara Grade B-C saja.
Sekarang terserah anda untuk memilih dari kedua tools diatas, keduanya
sama bagusnya. Hemat saya pilih salah satu saja, karena kedua tools diatas sudah
pasti memberikan nilai score yang berbeda.
Cara Installasi:
Sebelum mencoba kedua Tools diatas pastikan rekan sudah menginstall firefox
plugin untuk Firebug, Baiklah kalau sudah, silahkan install plugin untuk
Google Page
Speed dan Yahoo!
YSlow.
Seperti Facebook yang sukses membuat halaman Page khusus selain
halaman
profile, Google+ (G+) beberapa waktu lalu juga kembali merilis halaman
page yang
khusus dibuat untuk tujuan halaman penggemar seperti website, merek,
bisnis. Dan tidak diragukan lagi halaman ini sangat berguna untuk
membuat saluran trafik dengan cara mempromosikan blog atau website. Jika
anda sudah pernah membuat halaman
page untuk facebook saya rasa anda tidak akan bertanya lagi dengan page
pada
G+ karena cara kerjanya sangat mirip dan hampir sama.
Ada kelebihan yang di miliki Page pada G+ jika dibandingkan Facebook, dimana Page pada G+ dalam waktu dekat akan terintegrasi dengan hasil pencarian pada Google Search Engine, kita cukup memberi tanda (+) saja sebelum melakukan pencarian, misalkan kita mengetikan +pepsi atau +angry bird maka secara otomatis Google akan memberikan hasil result tertentu yang terkait dengan Page pada G+. Bayangkan jika itu adalah halaman anda yang tampil pertama, tentu BOOM trafik tidak akan diragukan lagi. Tapi ada tapinya, halaman yang muncul mungkin adalah halaman yang populer dengan jumlah penggemar terbanyak jadi berusahalah untuk membuat halaman G+ anda Populer.
Tutorial Cara Membuat Halaman di Google+
Prosesnya simple dan sangat sederhana yang penting anda sudah terdaftar
disana.
1. Langsung menuuju ke halaman ini
https://plus.google.com/pages/create
2. Pilih halaman yang ingin anda buat, Saya sendiri memilih tab (Lainnya)
atau anda bisa memilih halaman tertentu misalkan blog atau website jadi terserah saja.
3. Silahkan masukan judul halaman dengan alamat blog yang ingin dipromosikan.
Jangan lupa beri tanda centang bahwa anda setuju dan tekan tombol (Buat)
4. Masukan slogan halaman minimal 10 kata dan tambahkan photo.
5. Selesai.
Sekarang sobat blogger tidak perlu khawatir, karena sudah adanya Layanan Social Traffic Exchange yang dikhususkan untuk para blogger yaitu
Plipeo.com. Plipeo
menghubungkan Blog sobat ke blog lainnya yang sudah menjadi jaringan
dari Plipeo.com dan sudah banyak yang menggunakan layanan ini karena
mampu meningkatkan Traffic hingga 300%! serta mendatangkan Real Visitor
atau pengunjung yang benar-benar tertarget ke blog anda.
Sekarang langsung saja saya akan menjelaskan cara mendaftar agar
cepat mendapat Traffic dan Visitor dari Plipeo.com atau layanan
Traffic Exchange untuk para sobat blogger sebagai berikut:
- Silakan sobat persiapkan blog yang akan di daftarkan lalu silakan buka halaman Plipeo.com untuk mendafar atau bisa langsung mengunjungi link berikut http://plipeo.com/webmaster/signup.
 |
| Klik Daftar |
- Jika sudah pada halaman daftar silakan anda isi data yang sesuai seperti Website di isi dengan Url blog, Nama, Email serta dari blog sobat. dan Plipeo tidak membatasi traffic jadi semua blogger bisa mendaftar dan mendapatkan traffic.
 |
| Daftar Plipeo.com |
- Jika anda sudah mendaftar maka akan langsung di terima menjadi member dari plipeo, dan langkah selanjutnya yaitu sobat wajib Memasang Widget dari Plipeo dengan mengunjungi halaman Widget Anda ambil code widget tersebut lalu pasang di Blog anda, bisa di sidebar atau tempat lainnya dan jangan lupa untuk memilih kategori yang ingin di munculkan pada widget serta sedikit memodifikasi Widgetnya agar terlihat indah pada blog anda
 |
| Halaman Widget |
- Setelah memasang Code Widget pada Blog anda silakan sobat kirim artikel anda dengan memilih Tambah Posting Anda, silakan isi Url, Judul Usahakan semenarik mungkin dan berbeda pada blog anda, deskirpsi artikel, Tag, lalu Url gambar agar artikel yang anda masukan terlihat menarik lalu klik submit menyatakan artikel anda itu original dan tidak sama dengan yang lainnya.
 |
| Kirim Artikel Sobat |
- Bila anda sudah kirim artikel anda maka team dari Plipeo.com akan mereview postingan serta widget yang ada di blog anda, jika sudah benar artikel Tidak hasil dari Kopas ( Copy Paste ) dan widget terpasang maka artikel anda akan langsung disebar ke jaringan plipeo.
------> Demikian dari saya semoga bermanfaat dan makin bertambah pengunjung blog saudara sekalian.
Berikut ini cara menghilangkan Langgan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) di Blogspot
A. Cara Menghapus Langgan: Entri (Atom):
- Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find untuk memudahkan pencarian kode;
- Cari kode di bawah ini:
<b:include data='feedLinks' name='feedLinksBody'/>
- Hapus/delete semua kode di atas, lalu Save Template, selesai.
B. Cara Menghapus Subscribe to: Poskan Komentar (Atom):
- Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find untuk memudahkan pencarian kode;
- Cari kode di bawah ini:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div> - Hapus/delete semua kode di atas, lalu Save Template, selesai.
Untuk membuat Iklan melayang seperti
ini sangatlah mudah, hanya dengan beberapa langkah, maka Iklan Melayang
tersebut sudah bisa terpasang pada Website atau Blog Anda.
Berikut ini adalah langkah-langkah pembuatannya :
- Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
- Masuk ke Tab Tata Letak
- Pilih Elemen Halaman
- Tambah Gadget Pilih HTML / JAVASCRIPT
- Dan copy kode di bawah ini kedalamnya yah
6. Simpan<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVrdWWz3apsOAEBkqv9o1wOlLZSpH2rAIiVlsgNoeqZRzMKOjhbmC9ADE7RnMqXhrNkQ7lkDiDOdmFmD68WRRKslHWs_OE6Lbp7xGKeBuBJDJlnxo_SvjkJ9Bqo4d1XUgtmMK2dvmzliA/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVrdWWz3apsOAEBkqv9o1wOlLZSpH2rAIiVlsgNoeqZRzMKOjhbmC9ADE7RnMqXhrNkQ7lkDiDOdmFmD68WRRKslHWs_OE6Lbp7xGKeBuBJDJlnxo_SvjkJ9Bqo4d1XUgtmMK2dvmzliA/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>
<style type="text/css">#gb{position:fixed;top:10px;z-index:+1000;}* html #gb{position:relative;}.gbcontent{float:right;border:2px solid #A5BD51;background:#ffffff;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent"><div style="text-align:right"><a href="javascript:showHideGB()">.:[Close][Klik 2x]:.</a></div><center>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center><script type="text/javascript">var gb = document.getElementById("gb");gb.style.center = (30-gb.offsetWidth).toString() + "px";</script></center></div></div>
Untuk tulisan yang berwarna merah, bisa teman-teman ganti dengan kode iklan, gambar ataupun tulisan yang diinginkan, selamat mencoba.
Selain Facebook yang membuat fitur
likenya, Twitterpun tidak mau kalah dan kembali menyaingi facebook
dengan menyediakan Tweet Box. Twitter box ini berfungsi untuk
mempromosikan artikel kita di twitter. Seperti contoh pada halaman
bawah postingan ini, anda bisa langsung menekan tombol Tweet, atau
bisa juga diisi dengan kata-kata sendiri.
Tertarik untuk membuatnya? Dibawah ini akan saya jelaskan lahkah-langkah untuk membuatnya :
Tertarik untuk membuatnya? Dibawah ini akan saya jelaskan lahkah-langkah untuk membuatnya :
- Kunjungi Penyedia Layanannya disini
- Login dengan akun Twitter Anda, dan isikan data-data yang diminta untuk membuat aplikasinya. Seperti gambar dibawah ini
- Isi Aplications Name Dengan Judul Suka-suka anda
- Isi Aplications Website Dengan Url Blog anda
- Kosongkan Organizations
- Isi Call Back Url Dengan Alamat Blog Anda
- Untuk Default Acces Type jangan lupa centang Read & Write
- Aplications Icon Tidak Perlu Diisi
- Klik Register Application
Kemudian, akan muncul kotak peraturan
seperti gambar diatas, dan klik I Accept, setelah itu akan muncul tab
baru dengan kode Javascript dan API key nya. Salin script yang saya
kotakkan seperti gambar dibawah ini
Kemudian login ke Akun Blogger Anda Masing-masing, klik rancangan >> Pilih Edit HTML >> Centang Expand Template WidgetDan Cari Kode </head> Jika sudah ketemu, masukkan kode yang tadi anda kopi tepat diatasnya Jika sudah, cari kode seperti dibawah ini:
<data:post.body/>Jika Sudah Ketemu, Masukkan Kode dibawah ini Dan taruh tepat dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link="<data:post.url/>";
twttr.anywhere(function (T) {
T("#bp_tweetBox").tweetBox({
width: 560,
label: "Retweet This",
defaultContent: "RT @akun_twitter_anda <data:post.title/>"+" "+bp_tweet_link
});
});
</script>
</b:if
Simpan
dan lihat hasilnya. Untuk yang diberi warna merah silahkan ganti
sesuka anda. Sekian penjelasan dari saya, semoga dapat bermanfaat.
Trik berikut berkaitan dengan Title tulisan/artikel dalam Blogspot dengan template/themes standar.
Secara default (standar) title pada Blogspot adalah Judul (Nama) Blog
itu sendiri (saat kita membuka Home, sedangkan saat membuka salah satu
artikel maka title yang muncul adalah Nama Blog dilanjutkan dengan
Judul Artikel.
Untuk format Title standar seperti di atas, bagi search engine kurang optimal, karena seluruh konten kita akan diawali oleh judul blog yang sama (apalagi jika judul blog kita panjang).
Berbeda hasilnya jika Title diawali oleh Judul Artikel baru diikuti
judul (nama) Blog, dengan demikian konten yang didata (diindeks) oleh
search engine lebih bervariasi dan kemungkinan muncul dalam hasil
pencarian halaman depan lebih besar.
Untuk merubah format Title di atas relatif mudah, berikut langkah-langkahnya. Setelah masuk ke panel admin, kita masuk ke menu Edit HTML.
Selanjutnya kita cari script Title
seperti dibawah ini (script ini ada pada bagian atas, penulisan script
secara default/standar ini ada pada template Blogspot standar,
ada kemungkinan jika kita gunakan template bikinan pihak ketiga, maka
penulisan script Title itu sendiri mungkin juga sudah berubah).
- <b:include data='blog' name='all-head-content'/>
- <title><data:blog.pageTitle/></title>
- <b:skin><
Sekarang coba buka salah satu artikel
dalam blog kita dan perhatingan Title-nya, jika berhasil maka sekarang
format penulisan sudah berubah menjadi judul tulisan berada di depan
diikuti judul blog. Dengan demikian title tulisan kita sudah lebih
optimal, dan tinggal kita tunggu robot search engine mendata
(mengindeks) konten blog kita.
Itu tadi sekilas informasi tentang
format penulisan Title yang dianggap mampu mengoptimalkan SEO, semoga
bermanfaat dan selamat mencoba.
Silahkan ikuti langkah-langkah di bawah ini :
1. Login ke blogger
2. Langsung ke Tata Letak (sekarang design/rancangan) - Edit HTML
3. Cari kode berikut ]]></b:skin>
4. Masukkan kode di bawah ini, di atas ]]></b:skin>
2. Langsung ke Tata Letak (sekarang design/rancangan) - Edit HTML
3. Cari kode berikut ]]></b:skin>
4. Masukkan kode di bawah ini, di atas ]]></b:skin>
/* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
5. Klik Save Template / Simpan
Gallery
-
Bagaimana menghilangkan footer link pada plugin Jcomments? Baca deh baik-baik, dan semoga bermanfaat. Untuk menghilangkan footer link ...
-
Tanpa adanya kotak komentar untuk sekedar memberikan komentar atau bertanya, rasanya masih ada yang kurang. Dan tema itulah yang akan say...
-
Enter URL: (e.g. yourwebsite.com) Po...
-
Apa itu Alexa Rank? Sebelum ke cara-cara meningkatkan Alexa Rank, ada baiknya Anda mengetahui dulu apa itu Alexa Rank. Bila dise...
-
How to Install a Slide Show Widget In Blog Posts Maybe you are confused with how to make it, for example, there is in addition to this...
-
Free Keyword Research Tools 1. Google Adwords Keyword Research Tool Google adwords external keyword tool is the best tool for k... -
Comment box is one of the features that must be present in a website / blog as a means of interaction between the visitors with the owner ... -
In this article, you will find the best of the images and the jQuery Sliders Plugins so that you can take advantage of them and produce st... -
Untuk membuat Iklan melayang seperti ini sangatlah mudah, hanya dengan beberapa langkah, maka Iklan Melayang tersebut sudah bisa terpas... -
Blog is short for web log is a web application that resembles the form of writings ( published as a post ) on a public web ...
