Cara Pasang Flash di Blog
1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
(gambar diatas hanya sabagai ilustrasi peningkatan)
Pengen tahu caranya ikuti langkah berikut ini :
1. Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :)
2. Cari kode dibawah ini.
<b:include data='blog' name='all-head-content'/>
Jika sudah ketemu ganti kode diatas dengan code dibawah ini.
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link rel="alternate" type="application/atom+xml" title="Title Blog Kamu - Atom" href="Namablog.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Title Blog Kamu - RSS" href="Namablog.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Title Blog Kamu - Atom" href="http://www.blogger.com/feeds/8301582465326140745/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www2.blogger.com/rsd.g?blogID=8301582465326140745" />
Jangan lupa ganti Title dan ID blog mu pada code warna hijau diatas.
3. Cari kode dibawah ini
.feed-links {
Kemudian tambahkan code dibawah ini, tepatnya dibawah kode diatas
display: none;
Sementara ini jangan lupa di simpan
4. Masih pada Template -> Edit HTML -> beri tanda centang pada Expand Template Widget
Cari kode dibawah ini
<b:includable id='feedLinksBody' var='links'>
<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>
</b:includable>
Jika sudah ketemu, ganti code diatas dengan kode dibawah ini
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<b:if cond='data:blog.pageType == "item"'>
<a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml'><data:f.name/> (RSS)</a>
<b:else/>
<a class='feed-link' href='http://feeds.feedburner.com/YourFeedburnerFeed' type='application/rss+xml'><data:f.name/> (RSS)</a>
</b:if>
</b:loop>
</div>
</b:includable>
Menambahkan Auto Read more Pada Blog
1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Beri centang pada "Expand Widget Templates"
3. Letakkan kode dibawah ini tepat diatas </head>
Keterangan:
summary_noimg = 300 menunjukkan jumlah karakter yang ditampilkan tanpa gambar
summary_img = 301 menunjukkan jumlah karakter yang ditampilkan termasuk gambar
img_thumb_height = 150 menunjukkan tinggi gambar thumbnail
img_thumb_width = 150 menunjukkan lebar gambar thumbnail
float:right menunjukkan posisi gambar thumbnail di kanan. Jika anda ingin gambar thumbnail berada di kiri ganti right menjadi left
img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sTcRZLGdo66tfYKVYoQjg_NgJ0lFNyl5pRzh6QPv_nGAtWdMuQ8_Sa7g6KDaJB5NGIcWsLUsnjhyphenhyphenJJKZo6tywKNeUlhL-TPx8kJvPv2fkSlllEg18yrucJk_Bte9FmWfTnenihaS_Q/s1600/def-thumb.png" adalah gambar cadangan yang muncul jika tidak ada gambar dalam postingan. Anda bisa ganti gambar cadangan dengan gambar lain atau hapus saja alamat gambarnya jika anda tidak mau menggunakan gambar cadangan.
4. Kemudian cari <data:post.body/> atau <p><data:post.body/></p>
5. Ganti kode tersebut dengan kode dibawah ini
7. Selesai. Silahkan lihat hasilnya
Seperti biasa anda bisa mengkreasi sendiri link read more misal dengan menambah judul posting didalamnya atau mengganti link read more dengan gambar. Caranya sama dengan read more manual. Selamat mencoba!!
Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :
1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>
Setting Domain di co.cc
Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:
Ada 2 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:
Ada 2 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:
2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.
3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Jadi kesimpulannya adalah:
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
- Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
- Untuk option "TTL" biarkan saja, gak perlu dirubah2
- Pada option "Type" pilih yang "CNAME"
- Untuk kolom "Value" isikan "ghs.google.com" Sehingga akan seperti pada gamabr dibawah ini:
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
- Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
- Kemudian pilih "Switch to: • Custom Domain
- Setelah itu klik pada "Already own a domain? Switch to advanced settings"
- Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".
- Selanjutnya klik tombol "Save Setting"
Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.
3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Jadi kesimpulannya adalah:
- Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
- Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
- Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.
Mungkin pernah berpikir kenapa informasi jumlah pembaca pada Feedburner-Count sangat sedikit. Pengen mengetahui cara meningkatkannya?
(gambar diatas hanya sabagai ilustrasi peningkatan)
Perlu diketahui bahwa tidak semua pembaca Rss Feed selalu menggunakan alamat Feedburner untuk berlangganan posting dan komentar pada blog. Hal ini terjadi ketika pembaca melakukan akses ke alamat blog maka secara otomaris web browser akan membaca alamat default Rss Feed pada blogger kita. Biasanya browser (seperti Firefox) akan langsung membaca Feed blog secara default. Hal ini tentu saja merugikan jika tujuan kita meningkatkan pembaca Feedburner-Count. Sebelum mencoba code dibawah mungkin kamu tidak percaya jika semula pembaca Feedburn-Count saya hanya berjumlah 5, setelah beberapa minggu baru terlihat perbedaan, Feedburner-Count saya naik menjadi 55. Nilai ini tidak permanent dan bisa berubah setiap saat, bisa saja besok hari nilai bertambah atau malah berkurang.
Yang perlu diperhatian bahwa cara ini nantinya tidak akan meningkatkan nilai Feedburner-Count secara otomatis, semua tergantung banyak nya pembaca yang berlangganan postingan kita. dalam artian kita hanya mengarahkan pembaca selalu mengakses kealamat feedburner, jadi pembaca kita tidak terbagi dengan alamat default RSS Feed blog kita.
Pengen tahu caranya ikuti langkah berikut ini :
1. Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :)
2. Cari kode dibawah ini.
<b:include data='blog' name='all-head-content'/>
Jika sudah ketemu ganti kode diatas dengan code dibawah ini.
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link rel="alternate" type="application/atom+xml" title="Title Blog Kamu - Atom" href="Namablog.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Title Blog Kamu - RSS" href="Namablog.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Title Blog Kamu - Atom" href="http://www.blogger.com/feeds/8301582465326140745/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www2.blogger.com/rsd.g?blogID=8301582465326140745" />
Jangan lupa ganti Title dan ID blog mu pada code warna hijau diatas.
3. Cari kode dibawah ini
.feed-links {
Kemudian tambahkan code dibawah ini, tepatnya dibawah kode diatas
display: none;
Sementara ini jangan lupa di simpan
4. Masih pada Template -> Edit HTML -> beri tanda centang pada Expand Template Widget
Cari kode dibawah ini
<b:includable id='feedLinksBody' var='links'>
<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>
</b:includable>
Jika sudah ketemu, ganti code diatas dengan kode dibawah ini
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<b:if cond='data:blog.pageType == "item"'>
<a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml'><data:f.name/> (RSS)</a>
<b:else/>
<a class='feed-link' href='http://feeds.feedburner.com/YourFeedburnerFeed' type='application/rss+xml'><data:f.name/> (RSS)</a>
</b:if>
</b:loop>
</div>
</b:includable>
Menambahkan Auto Read more Pada Blog
1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Beri centang pada "Expand Widget Templates"
3. Letakkan kode dibawah ini tepat diatas </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 300; summary_img = 301; img_thumb_height = 150; img_thumb_width = 150; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length<1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sTcRZLGdo66tfYKVYoQjg_NgJ0lFNyl5pRzh6QPv_nGAtWdMuQ8_Sa7g6KDaJB5NGIcWsLUsnjhyphenhyphenJJKZo6tywKNeUlhL-TPx8kJvPv2fkSlllEg18yrucJk_Bte9FmWfTnenihaS_Q/s1600/def-thumb.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Keterangan:
summary_noimg = 300 menunjukkan jumlah karakter yang ditampilkan tanpa gambar
summary_img = 301 menunjukkan jumlah karakter yang ditampilkan termasuk gambar
img_thumb_height = 150 menunjukkan tinggi gambar thumbnail
img_thumb_width = 150 menunjukkan lebar gambar thumbnail
float:right menunjukkan posisi gambar thumbnail di kanan. Jika anda ingin gambar thumbnail berada di kiri ganti right menjadi left
img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sTcRZLGdo66tfYKVYoQjg_NgJ0lFNyl5pRzh6QPv_nGAtWdMuQ8_Sa7g6KDaJB5NGIcWsLUsnjhyphenhyphenJJKZo6tywKNeUlhL-TPx8kJvPv2fkSlllEg18yrucJk_Bte9FmWfTnenihaS_Q/s1600/def-thumb.png" adalah gambar cadangan yang muncul jika tidak ada gambar dalam postingan. Anda bisa ganti gambar cadangan dengan gambar lain atau hapus saja alamat gambarnya jika anda tidak mau menggunakan gambar cadangan.
4. Kemudian cari <data:post.body/> atau <p><data:post.body/></p>
5. Ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>6. Kalau sudah, simpan template anda.
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Read more »</b></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><p><data:post.body/></p>
</b:if>
7. Selesai. Silahkan lihat hasilnya
Seperti biasa anda bisa mengkreasi sendiri link read more misal dengan menambah judul posting didalamnya atau mengganti link read more dengan gambar. Caranya sama dengan read more manual. Selamat mencoba!!
