Home » Posts filed under tips blogspot
Sabtu, 03 September 2011
by srobs
To remove the existing attribution widgets atribution in the footer can be done by removing some existing code on your blogspot template. Code that must be removed is
<! - Outside of the include in order to lock Attribution widget ->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</ b: section>
As always log into blogger <== Design <== expand widget templates and look for the code above and remove it immediately. After that message appears as shown in the picture below, then click delete widgets,
Regards,
Posted in:
tips blogspot
|
|
|
Minggu, 28 Agustus 2011
by srobs
This time I will share about how to create a zoom effect on the image in each post by using css. its effect is similar to the usual effect jQuery, and I think this is more simple because it only adds a little CSS code without having to struggle with complicated script.
And another advantage for using CSS then automatically posts the entire image at any zoom effect will generate automatically. So we do not need to insert any code on the post.
This is the example
The code as below
.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
add the following code after ]]></b:skin>
may be useful
regards
Posted in:
tips blogspot
|
|
|
Rabu, 10 Agustus 2011
by srobs
Untuk membuat Meta tag di setiap postingan. Berikut langkah yang harus dilakukan :
1. Login ke blogger.com.
2. Masuk pada menu "
Rancangan", lalu pilih dan klik "
Edit HTML".
3. Centang "
Expand Template Widget".
4. Cari kode dibawah ini dengan menekan tombol "
CTRL + F".
<b:include data='blog' name='all-head-content'/>
5. Lalu tambahkan kode dibawah ini dibawah kode diatas.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='isi dengan deskripsi untuk home page' name='DESCRIPTION'/>
<meta content='isi dengan keyword untuk homepage' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", isi dengan deskripsi anda"' name='Description'/>
<meta expr:content='data:blog.pageName + ", isi dengan keyword anda"' name='Keywords'/>
</b:if>
Semoga bermanfaat
Posted in:
SEO,
tips blogspot
|
|
|
Minggu, 07 Agustus 2011
by srobs
Google telah menerapkan metode terbaru mesin pencarian yaitu
Google Panda. Dalam
algoritma Google Panda ini google lebih menekankan pada antisipasi content farm. Lalu apa itu content farm ? Content farm . In the context of the World Wide Web, the term content farm is used to describe a company that employs large numbers of often freelance writers to generate large amounts of textual content which is specifically designed to satisfy algorithms for maximal retrieval by automated
search engines. Their main goal is to generate advertising revenue through attracting reader page views
Yang Artinya, Content farm (Peternakan konten) adalah istilah digunakan untuk menggambarkan sebuah perusahaan website yang mempekerjakan sejumlah besar penulis lepas (freelance writer) untuk menghasilkan sejumlah besar konten teks yang dirancang khusus untuk memenuhi algoritma pencarian maksimal oleh mesin pencari secara otomatis. Tujuan utama mereka adalah untuk menghasilkan pendapatan iklan melalui tampilan menarik pembaca halaman.
Dimana content menjadi hal yang paling utama dalam penghitungan
pagerank dan siapa yang lebih pantas tampil dalam page 1 google. Penggunaan sistem
auto content posting,
copy paste artikel dari sumber lain, serta membuat link-link ke sumber yang kurang jelas akan menjadi nilai negatif untuk suatu website / blog. Dan google lebih tertuju pada pengelola blog murni, profesional dan memiliki content asli, bukan hasil copy paste.
Posted in:
SEO,
tips blogspot
|
|
|
Jumat, 29 Juli 2011
by srobs
Ternyata backlink bisa dipasang pada title blogspot. Backlink yang langsung mengarah pada alamat posting. Pasti makin banyak ni backlink nya. Oke langsung aja, begini caranya :
1. Seperti biasa login blogger,
2. Pilih setting
3. Formatting
4. Kemudian pilih ' yes ' pada field ' Show links field'
5. Jangan lupa save
Nah untuk memasukan link nya klik pada add enclosure link, seperti terlihat di bawah ini
Masukan alamat url yang dikehendaki atau yang bersangkutan ke dalam field tersebut
Itu lah pengalaman saya hari ini,
Semoga bermanfaat,
Posted in:
Backlink,
tips blogspot
|
|
|
Kamis, 28 Juli 2011
by srobs
Membuat daftar isi blogspot berada di samping blog, dengan menu dropdown juga. Lumayan menambah tampilan blog menjadi lebih ramai. Daftar isi ini berdasarkan date publish atau dengan title. Contohnya seperti yang saya pasang di blog ini. Ini dia scriptnya :
<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://scrennsaver.googlecode.com/files/DaftarIsi.js"> </script>
<script src="http://gchangetok.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>
Ganti
http://gchangetok.blogspot.com dengan alamat blog sobat, Semoga bermanfaat
Posted in:
tips blogspot,
Widget
|
|
|
Selasa, 26 Juli 2011
by srobs
Kali ini saya akan berbagi cara membuat tampilan loading page, agar blog kelihatan lebih ramai. Setiap blog berpindah halaman akan terlihat loadingnya. Ga terlalu buat blog berat ko. Ini cara yang harus dilakukan :
1. login blogger
2. edit html, expand template
3. kemudian cari <body> lalu ganti dengan ini
<body onLoad='waitPreloadPage();'> <!-- Loading with Image --> <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj213JLan0cAxJTrWxkQ6Pcmkv99HVPFpaimkJ-SaQOl5bBUVD1ufYrTK-DkPHEk4OiXF5F4Kn4MXAbQMUyy5Xmu1ZIpiETeGH_we0-oFnj1Yfmaxn1o10Z80kiAlQCeRgocEOBiqtKmy4/s1600/loading.gif'/></div> <!-- Ends Loading with Image -->
4. kemudian cari </body> ganti dengan ini
<script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/></body>
5. save template dan lihat hasilnya
6. kata yang berwarna hijau bisa diganti dengan gambar.gif milik saya sendiri
7. yang saya punya hanya ini
gambar di atas https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj213JLan0cAxJTrWxkQ6Pcmkv99HVPFpaimkJ-SaQOl5bBUVD1ufYrTK-DkPHEk4OiXF5F4Kn4MXAbQMUyy5Xmu1ZIpiETeGH_we0-oFnj1Yfmaxn1o10Z80kiAlQCeRgocEOBiqtKmy4/s1600/loading.gif
alamat gambar di atas https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LLmzNE-12ttyWvp8y29qqJVHMM_Jy1TFPtd4VVfPpA7hUIzWo-0CGQig9eO2_er-FApHHwv2yaN6pPCVZ-da5CCa1IMpmr0B-bzmSxeZMt9OnbvRdngeLJr6b4FuteKsZgpibR3TwzM/s1600/loading1.gif
Jangan lupa save template anda dulu, demi keamanan blog anda. bila terjadi kesalahan bisa dengan mudah dikembalikan.
Semoga bermanfaat
Posted in:
Script,
tips blogspot
|
|
|
Untuk menghilangkan entri lawas dengan label, bisa dilakukan dengan langkah sebagai berikut :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML" , kasih tanda centang "Expand Widget Templates"
3. Cari kode dibawah ini :
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Ganti kode diatas dengan kode ini :
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
4. Save Template dan Selesai.
Semoga bermanfaat
Posted in:
tips blogspot
|
|
|
Minggu, 24 Juli 2011
by srobs
Kemaren aku abis coba-coba ganti title blogspot yang seo friendly dengan
Search engine, wah ternyata banyak versinya. Sampai-sampai blog ini jadi korban kesalahan gue sendiri :D. Begonya gue kali ya. Sok tau, padahal aslinya kaga bisa sama sekali. Mau tanya bingung mau tanya ma sapa. Ga punya temen yang bisa ginian lagi hiks. Akhirnya tekad nyari sendiri, dengan bantuan Si mbah akhirnya ketemu juga title yang sesuai dengan blog ini. Karena aku udah coba ternyata ada yang pas dan ada juga yang ga.
Ini dia yang jadi masalah
<title><data:blog.pageTitle/></title>
hati-hati bila mengganti kata ini, gue sendiri jadi korba nya hihihi,, Apes kali ya,
1. Title seo versi I
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
2. Title seo versi II
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> – <data:blog.title/></title>
</b:if>
3. Title seo versi III
<MainOrArchivePage>
<title><$BlogPageTitle$> » <$BlogDescription$></title>
<meta name="keywords" content="keyword1, keyword2, keyword3 ">
<meta name="description" content="deskripsi tentang blog kamu ." />
</MainOrArchivePage>
<Blogger>
<ItemPage>
<BlogItemTitle>
<title>
<$BlogItemTitle$> » <$BlogTitle$>
</title>
</BlogItemTitle>
</ItemPage>
</Blogger>
Ini sedikit ada gambaran :
Ini yang salah
Ini yang bener
Semoga bermanfaat,
Posted in:
SEO,
tips blogspot,
Web
|
|
|
Widget burung twiter yang berterbangan mengikuti mouse mungkin terlihat unik juga untuk di taruh di blog. Yah, itung-itung iseng sambil baca-baca blog.
Berikut cara nya :
1. Seperti biasa loggin ke blogger
2. Rancangan
3. Kemudian tambah elemen halaman
4. Pilih html/javascript.
lalu pastekan kode ini
<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-BYVN_wk3nmzLAz7nXwXMJxw6NKwhYvwMEEpZz9A8DtIBC43psG22wC4dJzb7N9uI0SR6Mo0ta5aovYZEuL7rQRDnsrK3_6iFgzMYoDwyCsDeGMLNBLmBv5EpD8K-qOJatoSfH44UEyM/s1600/birdsprite.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/twitter-mu";var tweetThisText = "Twitter - twitter-mu http://blogmu.blogspot.com";tripleflapInit();</script><br>
Ganti kata
twitter-mu dengan nama twiter kamu,
Ganti kata
http://blogmu.blogspot.com dengan alamat blog kamu,
Semoga bermanfaat,
Posted in:
tips blogspot,
Web,
Widget
|
|
|
Sabtu, 23 Juli 2011
by srobs
Untuk menghemat ruang di blog. Khususnya blogspot, dapat membuat buku tamu berada di samping blog. Bisa merapikan blog kita juga. Berikut script nya :
1. Seperti biasa, add page element
paste kan kode berikut
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGD9L46ExnifxwBI12JAO8wd9lTcpXO5_oGafYeZV0MKuKJMyNdY5V_m_yYdYmiuTf68ZrEfKzuB67-EHnqkgikcd2ONvnsOtx2jChiSvSfHTFFSlDVQ8zV5cIKQOYua6382qGjBnhxBh9/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Masukan kode kamu di sini -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
2. Ganti
<!-- Masukan kode kamu di sini --> dengan kode kamuBerikut contohnya Semoga bermanfaat,
Posted in:
Script,
tips blogspot,
Web
|
|
|
Rabu, 20 Juli 2011
by srobs
Untuk menghapus link posting atom, berikut cara yang harus dilakukan
1. edit html - expand widget
2. lalu hapus kode ini
<b:include data='feedLinks' name='feedLinksBody'/>
3. biasanya terletak di bawah kode ini
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
Sekian
Posted in:
tips blogspot,
Web
|
|
|
Membuat title blogspot lebih seo friendly ( oleh search engine ) haruslah mengganti title standar dengan di bawah ini.
1. login blogger
2. edit html - expand template
3. cari kode berikut
<title><data:blog.pageTitle/></title>
4. ganti dengan kode ini
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
Semoga bermanfaat,
Salam
gchangetok
Posted in:
tips blogspot,
Web
|
|
|
Selasa, 19 Juli 2011
by srobs
Judul blog berjalan akan sedikit memperindah tampilan blog, lebih enak dilihat. Apa salahnya jika kita mencoba mengkreasikan blog milik kita dengan sesuatu yang baru
Langkah-langkah :
1.
Login ke blogger kemudian ke menu Layout ---> Edit HTML 2. Cari kode <title><data:blog.pageTitle/></title>3. Ganti kode diatas dengan<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
teks yang berwarna merah adalah kecepatan geraknya. Ganti sesuai keinginan.
Sekian, semoga membantu
Posted in:
tips blogspot,
Web
|
|
|
Senin, 18 Juli 2011
by srobs
Ternyata memasang meta tag robot di blogspot memudahkan robot search engine untuk mengindeks blog/postingan kita. Istilah kata kita membuat jalan supaya Search engine bot mudah untuk menganalisa blog kita. Dengan begitu akan menjadi nilai tambah di mata search engine.
Berikut cara-cara nya :
- Login ke bloger
- Edit html
- expand widget
- temukan kode <b:include data=’blog’ name=’all-head-content’/>
- Kemudian taruh kode ini setelah kode di atas
<meta content='INDEX,FOLLOW, all' name='robots'/>
<meta content='index, follow' name='googlebot'/>
<meta content='nama anda ' name='author'/>
Semoga bermanfaat,
Salam blogger,
Cara menghilangkan tanggal postingan di sini
cara menghilangkan tanggal postingan
Posted in:
tips blogspot,
Web
|
|
|
Setelah tadi saya membahas tentang
tag cloud yang mudah untuk blogspot. Sekarang saya akan berbagi tentang cara menghilangkan tanggal posting di blogspot. Berikut ini cara yang harus dilakukan :
1. Edit html
2. Cari
h2.date-header { 3. tambahkan kode ini visibility: hidden; 4. setelah height: 0px;5. Sehinggan akan terlihat seperti inih2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}
6. Save template,
Demikian, semoga bermanfaat,
Posted in:
tips blogspot,
Web
|
|
|
Minggu, 17 Juli 2011
by srobs
Membuat tag cloud comolus yang muter-muter ternyata enak juga dilihat. Hmm,setelah pusing kesana kemari ternyata dapet juga script nya. Mungkin banyak cara yang bisa dilakukan, Tapi menurut saya ini yang paling simpel dan tidak perlu merubah template.
Berikut ini cara yang harus dilakukan.
- Login ke blogger
- Rancangan
- Add / Tambah widget
- Tambah kan script berikut
-
<div align="center" style="padding:2px;border:0px solid #555;">
<script src='http://dieza-burung.googlecode.com/files/dieza-comulus.js' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new
SWFObject('http://www.swfcabin.com/swf-files/1275932799.swf', 'tagcloud',
'250', '170', '7', '#14E7EB');
/* bgsGR - dieza-eza */
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x14E7EB");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><a href='http://gchangetok.blogspot.com/search/label/Adsense' style='14'>Adsense</a><a href='http://gchangetok.blogspot.com/search/label/Pfsense' style='12'>Pfsense</a><a href='http://gchangetok.blogspot.com/search/label/Mikrotik' style='14'>Mikrotik</a><a href='http://gchangetok.blogspot.com/search/label/Download' style='14'>Download</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>
6. Ganti tulisan berwarna merah dengan tag / label sobat
7. Simpan dan lihat hasilnya .
Posted in:
tips blogspot,
Web
|
|
|
Jumat, 08 Juli 2011
by srobs
Cara yang mudah untuk membuat meta tag :
1. login akun blogger
2. Rancangan
3. Edit hml + expand template widget
4 lalu cari kode berikut
<b:include data=’blog’ name=’all-head-content’/>
5. Sisipkan kode dibawah ini setelah kode tadi
<meta content=’deskripsi blog’ name=’description’/>
<meta content=’keyword blog’ name=’keywords’/>
<meta content=’nama penulis’ name=’author’/>
deskripsi blog = tentang blog anda
keyword blog = kata kunci blog anda
nama penulis = ganti dengan nama anda
sukses,
Posted in:
tips blogspot,
Web
|
|
|
Setelah kemaren saya membahas tentang
tv online, sekarang saya ingin berbagi tentang script disable select teks
Script ini untuk menghindari dari copy paste / penjiplakan,
berikut ini scriptnya :
<script language='JavaScript1.2'>
//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}</script>
trims,,
Posted in:
tips blogspot,
Web
|
|
|
Kamis, 07 Juli 2011
by srobs
Sedikit ilmu yang saya dapat hari ini, sebelumnya saya sudah membahas tentang
niche keyword ,mungkin yang pernah saya cari tapi ga ketemu-ketemu. Adalah cara membuat spoiler,,apa itu spoiller, seperti terlihat di bawah ini :
caranya :
1. cukup copy paste kode di bawah ini ke dalam post anda
2. ganti code yang berwarna hitam dengan apa yang akan ditampilkan
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"> masukkan di sini yang ingin anda tampilkan,seperti tulisan atau gambar</div></div></div>mungkin sampai di sini untuk hari ini
trims
Posted in:
tips blogspot,
Web
|
|
|