Tampilkan postingan dengan label tips blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label tips blogspot. Tampilkan semua postingan

Delete attribution blogger

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,

Create a zoom effect

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

Meta tag di setiap postingan

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 == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, isi dengan deskripsi anda&quot;' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, isi dengan keyword anda&quot;' name='Keywords'/>
</b:if>
Semoga bermanfaat

Algoritma google panda

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.

Backlink pada title blogspot

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,

Daftar isi blog

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&amp;callback=onLoadFeed&amp;max-results=500"> </script>

Ganti http://gchangetok.blogspot.com dengan alamat blog sobat, 
Semoga bermanfaat 

Loading page blogspot

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
 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

Versi title blogspot

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 == &quot;index&quot;'>
<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 == &quot;index&quot;'>
<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$> &raquo; <$BlogDescription$></title>
<meta name="keywords" content="keyword1, keyword2, keyword3 ">
<meta name="description" content="deskripsi tentang blog kamu ." />
</MainOrArchivePage>
<Blogger>
<ItemPage>
<BlogItemTitle>
<title>
<$BlogItemTitle$> &raquo; <$BlogTitle$>
</title>
</BlogItemTitle>
</ItemPage>
</Blogger>
Ini sedikit ada gambaran :
Ini yang salah
  Ini yang bener

Semoga bermanfaat,
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,

Buku tamu tersembunyi

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 kamu
Berikut contohnya 


Semoga bermanfaat,

Menghapus link berlangganan: posting (atom)

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 != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
 Sekian
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 == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Semoga bermanfaat,
Salam gchangetok

Judul blog berjalan

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

Meta tag robot blogspot

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 :
  1. Login ke bloger
  2. Edit html
  3. expand widget
  4. temukan kode <b:include data=’blog’ name=’all-head-content’/>
  5. 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
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 ini
h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;

visibility: hidden;
} 
6. Save template,

Demikian, semoga bermanfaat,

Tag cloud blogspot

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.
  1. Login ke blogger
  2. Rancangan
  3. Add /  Tambah widget
  4. Tambah kan script berikut
  5. <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 .

Meta tag untuk blogspot

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,
 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 (&quot;return false&quot;)

//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,,

Membuat spoiler

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 :

Judul Spoiler:
contoh spoiler
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