Cly First Blog: Tips Dan Trik

Showing posts with label Tips Dan Trik. Show all posts

Cara mempercepat Loding Blog Dengan Script

Postingan Blogaul kali ini akan membahas trik mengenai mempercepat loading blog dengan menggunakan script/kode tertentu. Pada postingan sebelumnya, saya juga membahas artikel mengenai cara mempercepat loading blog yang hampir sama tapi agak sedikit rumit karena menggunakan berbagai cara/proses-proses tertentu. Silahkan dibaca bila tertarik. Nah, di postingan kali ini saya akan berbagi trik yang yang sama tapi sedikit lebih simple dan mudah karena hanya menggunakan sebuah script yang disebut dengan script lazyload. Dengan memasang script ini di blog ini di blog kita, loading blog memang sedikit lebih ringan karena script ini akan membantu meringankan gambar-gambar yang ada di blog sobat sehingga loading nya lebih cepat. Dengan loading blog yang cepat, tentu akan membuat pengunjung senang dan betah begitu juga dengan sobat sendiri. Bagi yang tertarik untuk memasang nya, silahkan ikuti langkah-langkah di bawah. Berikut cara menambah kecepatan loading blog dengan script ampuh:

1. Login ke akun Blogger sobat.

2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode </head> di template sobat (Untuk mempermudah pencarian, gunakan Ctrl+F atau F3).

4. Letakkan kode berikut tepat di atas kode nomor 3 tadi

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://amronbadriza.googlecode.com/files/Lazyload%20Script.js' type='text/javascript'/>
<script>
$(function() {
$("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-ES-JJSzSF3JlpPgE4QEcKXJKlcYWhjLHVics9tw1Pmf4ah3cAIGrIEVfYT0bZmRDW4YVtJLEZems-4iExHUCYBG8Gy5GGYWuMmXpg20uyPbhN-MkXUP3KglRNpojn53LLCq2OVGKD8/s1600/loading.png",threshold : 200});
});
</script>

5. Simpan template sobat.

NB: Lazyload script ini tidak bekerja pada semua blog. Ada kalanya blog yang dipasangi memang bisa bertambah cepat loading nya, tapi ada kala nya juga malah bertambah berat. Oleh karena itu sobat perlu mencoba dan mengamati nya dulu. Bila memang bisa bermanfaat buat blog sobat berarti silahkan dipasang, tapi kalau malah menjadikan loading blog tambah berat silahkan dihapus saja.

Sekian postingan mengenai cara mempercepat loading blog dengan script yang bisa saya share kali ini. Semoga bermanfaat buat semua.

Sumber : amronbadriza

Cara Merampingkan / Mengecilkan Alexa Rank

Cara Merampingkan / Mengecilkan Alexa Rank –

Siapa yang tidak menginginkan alexa ranknya terus meramping ? pasti semua blogger menginginkannya bukan ? ya ! sebab alexa rank yang ramping atau dengan digit yang kecil menandakan bahwa blog tersebut memiliki rangking yang bagus secara global maupun negara. Hal ini dikarenakan alexa memberikan sebuah layanan yang mana membuat suatu rangking sebuah blog secara global (dunia) maupun negara. Jadi jelas bagi blog yang beralexa ramping menandakan rangkingnya sangat bagus. Akan tetapi untuk membuat rangking alexa menjadi ramping tidak mudah loh,,, ada yang perlu dilakukan dan di usahakan. Berikut cara untuk Menurunkan Alexa Rank

Cara Menurunkan / Mengecilkan Digit Alexa Rank

1. Pasang widget alexa di blog anda untuk memantau keadaan blog anda.
Cara paling mudah dan murah meriah adalah dengan Blogwalking dan meninggalkan komentar di Blog-blog dengan Alexa Rank yang lebih tinggi dari Blog anda .

2. Daftar Blog ke Search Engine Terutama Google, Yahoo dan MSN
Ini dilakukan agar blog kita cepat terindek di mesin pencari terutama yang sudah terkenel dan besar seperti Google, Yahoo, MSN dll, baru setelah itu ke search engine lainnya.

3. Daftar Blog ke Technorati
Technorati merupakan salah satu direktori blog yang sudah terkenal, bia juga berfungsi sebagai blogsearch, tags aggregator, online bookmarks, juga bisa mengetahui blog mana saja yg memasang link blog kita..

4. Cari Backlink
Cari backlink sebanyak-banyaknya dan berkualitas sebaiknya sih sesuai kategori blog, karena google menilai berdasarkan kuantitas dan kualitas link, tapi akhirnya mana saja yang mau bertukar link.. saya terima.

5. Bookmark Blog Sebagai Homepage Browser
Bookmark blog sebagai homepage di komputer yang sering digunakan untuk browsing ini juga baru kemarin saya lakukan di komputer rumah sebenarnya sih ini bisa juga dikantor, diwarnet atau dimana saja, makin banyak tentu semakin baik.

6. Update blog 2 hari sekali , 1 minggu 2 kali atau 1 bulan sekali . bila perlu setiap hari justru lebih bagus lagi.

7. Tulis artikel Tentang Alexa
Tulis artikel tentang Alexa misalnya seperti yang sedang sobat baca tentang Cara Meningkatkan Alexa Rank ini dan ajak para pembaca untuk men-download Alexa Toolbar. Jangan lupa saat membuat artikel tentang Alexa, selalu gunakan label atau kategori dengan keyword : Alexa, Alexa rank, Alexa traffic rank, Rangking Alexa, dsb. Intinya ada kata ' Alexa '.

8. Melakukan Ping
Lakukan ping secara berkala , saya baru lakukan ini dua kali , ping ini untuk merefresh blog kita di data base mesin pencari.

9. Minta teman untuk mereview dan merating profil blog Anda di Alexa. Memang belum ada bukti, namun mungkin saja cara ini berguna.

Download / Instal Alexa toobar Disini

Semoga bermanfaat.

Cara membuat "Related Post" di Bloger

Panduan Blogger untuk blogger pemula. Panduan blogger yang akan membahas dan menjelaskan tentang Panduan Cara Membuat "Related Post" di blog. Related post atau Artikel Terkait pada blog mempunyai peran penting untuk blog itu sendiri dan akan memudahkan para pengunjung blognya untuk menemulan artikel yang mungkin mereka anggap menarik. Dalam hal ini penggunaan Related Post atau Artikel Terkait memang membantu pengunjung blog dan juga membantu pemilik blog itu sendiri, sehingga setiap artikel / postingan dapat dimungkinkan untuk dibaca oleh pengunjung.

Berikut Panduannya / langkah" nya :

Login ke akun blog sobat
Setelah login, klik EDIT HTML
Centang "Expand Widget Templates"
Sekarang cari kode </head> ,untuk pencarian termudah silahkan sobat tekan Ctrl + F pada keyboard komputer sobat.
Copy dan Paste kode di bawah ini persis diatas kode </head> :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
 height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bG5dHiikA89ioPDcDvhLlV9MfHQ4Vj7-kr6ehZFamCGVQPXhzFC8huTU8L-HVpbkuxtHZTRPDp8U4SmccMObxA9Hl4QbZH1fFcfzPqegsCoY793fLVn9qIuK2kQPAwbRSSGpITC9dug/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

8. Langkah selanjutnya sobat cari kode :

       <div class='post-footer-line post-footer-line-1'>

9. Cara mencarinya sama seperti panduan no. 4

10. Jika sobat tak menemukan kode tersebut,silahkan sobat cari kode:

       <p class='post-footer-line post-footer-line-1'>

11. Copy dan Paste kode di bawah ini dan letakkan di bawah kode di atas

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

12. Simpan, dan lihat hasilnya.....

Semoga Bermanfaat.......

Cara membuat Breaking News

Salam sejahtera untuk Sobat blogger semua. Setelah sekian lama saya tidak update artikel kali ini saya akan share kepada Sobat semua bagaimana cara membuat breaking news di blog. Breaking news pada blog berfungsi untuk memperindah tampilan, terlihat lebih profesional, dan bisa jadi menambah link in yang akan berefek baik pada nilai SEO blog Sobat. Mungkin ada diantara Sobat blogger yang belum pernah liat breaking news itu kaya apa, silahkan lihat screenshootnya.

Langkah-Langkah Cara Membuat Breaking News di Blog :

Login ke akun blog Sobat, kemudian masuk ke Dashboard
Setelah itu masuk ke menu Template
Klik Edit HTML, kemudian klik Lanjutkan, dan centang (checkclist) Expand Widget Template.
Cari kode ]]></b:skin> (gunakan kombinasi tombol Ctrl + F untuk mempermudah pencarian)
Setelah itu, salin kode dibawah ini tepat diatas kode ]]></b:skin> tersebut

.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtFAPimcUadtzDrFgtcgtTQjYU_sRVLASJiQz5rcm-Bh-x5SsJOEVOGo6zJn3jHCM61GgdomXbkagElB3ETCtCO2yWVWQCVUjf6uf1a12u3-4TNbNsG8tlA9Cm_T_M-glTXPgftUw-MhM/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}
Setelah itu cari lagi kode </head>
Jika sudah ketemu, salin kode dibawah ini tepat diatas kode </head> tersebut

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};

var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>
Kemudian cari kode yang biasa dipakai untuk menu navigasi seperti kode dibawah ini

<div class='menu horizontal'>
...........................................
...........................................
</div>
Jika sudah ketemu kode navigasi blog Sobat (atau kalaupun tidak ada Sobat bisa cari kode </head>) kemudian letakan kode dibawah ini tepat dibawah kode tersebut

<div class='newspic'>

<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://clyfirst.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
Ganti tulisan yang berwarna merah dengan alamat (url) blog Sobat, kemudian simpan template blog Sobat

Nah, itu dia cara membuat breaking news di blog yang dapat saya sampaikan pada Sobat. Sekian saja postingan saya kali ini, mohon maaf apabila masih banyak kekurangannya.

Cara Membuat Scroll "Go To Top" Di Blogger

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidxsckn6WixlskTx3XDpydvn1aQs_YoekyKXEp8s2SuhHGqMTeeNKFonMdYHFTcVnExETHVBNyBCa4bL8LCTsG1yrSd_lxBYfswb0IoowfAManOngPhyGaja3vv383wOcgSndwjkGm5RcD/s1600/back-to-top.png

Kawan-kawan semua, masih membahas mengenai Tutorial blogger. Kali ini saya berbagi info mengenai bagaimana Cara mudah membuat tombol scroll back to top pada blogger sobat. Caranya mudah sekali, sobat tinggal copy script dibawah ini. Tapi ikuti dulu langkah-langkahnya, seperti di bawah ini :

1.Harus login dulu ke blogger
2.Klik Rancangan
3.Setelah di edit tata letak tinggal klik "Tambah Gadget"
4.Selanjutnya masukkan script dibawah ini ke dalam gadget yang tadi telah disiapkan

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="kembali ke beranda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidxsckn6WixlskTx3XDpydvn1aQs_YoekyKXEp8s2SuhHGqMTeeNKFonMdYHFTcVnExETHVBNyBCa4bL8LCTsG1yrSd_lxBYfswb0IoowfAManOngPhyGaja3vv383wOcgSndwjkGm5RcD/s1600/back-to-top.png" border="0" alt="back to top" /></a>

5.Tinggal klik save

NB :

*Warna biru bisa diganti dengan gambar sesuai dengan keinginan sobat

*Warna merah bisa diganti dengan tulisan sesuai dengan keinginan sobat

Semoga bermanfaat ya sobat...mohon tinggalkan pesan mengenai tips dan trik blog ini.

Cara Membuat Read More Otomatis Pada Blogger

Read More untuk blogger.....? banyak para blogger yg ingin mempercantik bloggernya tentu...

nah saya ingin membagi tips nich.. buat para bloggger yg ingin menggunakan READ MORE di bloggernya, langsung aja yuk..:

1. Masuk Blogger pilih Template
2. Centang Expand Template Widge
3. Cari kode </head> Supaya cepat klik Ctrl F
4. Masukkan kode dibawah ini tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

5. cari kode <data:post.body/> dan Ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<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:right;padding-top:20px;'>
<a expr:href='data:post.url'>READMORE...»»  </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan :
READ MORE : bisa diganti sesuai selera
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai sele
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera

Save Template dan lihat hasilnya.

Selamat Mencoba.... Semoga bermanfaat.........

Cara Membuat Scroll Bar Pada Blog Archive

Hai sobat bloggger posting kali ini saya beri judul cara membuat scroll pada arsip di blog. Untuk membuatnya silahkan ikuti langkah-langkah berikut :

• Masuk ke blogger
• Klik Tata Letak
• Klik Elemen Halaman
• Tambahkan sebuah elemen halaman=> Tambah elemen Arsip Blog
• Tapi Anda harus pilih gaya Hierarki

Pada Menu Diatas Itu belum terdapat fungsi scroll, untuk membuatnya memiliki fungsi scroll ikuti langkah-langkahnya lagi !
• Setelah itu, klik Edit Html
• Beri tanda centang pada tulisan Expand Widget Template
• Lalu Anda cari kode seperti ini <div id='ArchiveList'>
letakan kde yang berwarna merah dan hijau seperti di bawah ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>

Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut
Kode warna hijau yang dicetak tebal adalah tinggi dari elemen tadi, silahkan kawan ganti agar sesuai dengan blog kawan.....

Selamat mencoba....... Semoga bermanfaat......

Cara Menghilangkan Tulisan Diberdayan Oleh Blogger

Mungkin itulah kata kunci yang anda cari di google selama ini. Memang sudah banyak blog Indonesia yang menuliskan tutorialnya, tetapi daripada blog ini sepi tidak ada artikel terbarunya mending saya tulis saja artikel ini. Sebenarnya tulisan diberdayakan oleh blogger ini ada pada template bawaan blogger saja yang kebanyakan, tetapi ternyata ada juga template yang bisa kita download dengan gratis di internet yang mempunyai tulisan ini seperti template yang saya pakai sekarang adalah salah satu contoh template bukan bawaan blogger tetapi mempunyai tulisan yang sama dengan template bawaan blogger yaitu "diberdayakan oleh blogger". Daripada banyak ngebacot mending langsung saja:

Login ke akun blogger anda
Masuk ke Opsi Lainnya/More Options
Klik Template
Kemudian klik Edit Template
Pilih Lanjutkan/Proceed
Centang Expand Template Widget
Cari kode ]]></b:skin> dengan menekan tombol CTRL + F agar memudahkan pencarian
Kemudian pastekan kode berikut tepat diatas kode ]]></b:skin> tadi

#Attribution1 {

height:0px;

visibility:hidden;

display:none

}

Klik Simpan/Save Template
Lihat hasilnya, tulisan diberdayakan oleh blogger pada template blog anda sudah tidak ada lagi

Cara Membuat Tulisan Berkedip Pada Blogger

Blogging memang adalah sebuah hoby yang mengharuskan penghobinya terus belajar dan belajar. Dengan belajar tanpa putus asa walau banyak menuai gagal itulah mungkin salah satu resep dimana blog yang dikelolanya supaya menuai sukses. Salah satu yang ingin seorang blogger belajari pastinya adalah Cara Membuat Tulisan | Kata | Link Berkedip di Blog / Posting Blog Dengan Mudah. Walau ini sepertinya hal yang sangat sepele tentunya harus dipelajari juga agar kita benar-benar mahir dalam teknik HTML.

Cara membuat tulisan berkedip inipun tidaklah sulit, anda tinggal menambahkan kode <blink>..</blink> saja pada tulisan / link yang ingin diedit. Contoh: misalnya anda ingin mengedipkan tulisan Pasang Iklan, maka anda tinggal menulisnya seperti ini: <blink>Pasang Iklan</blink> di HTMLnya. Lihatlah tulisan yang ditebalkan itu, sudah paham? Jika anda sudah selesai maka hasilnya akan seperti ini Pasang Iklan.

Script Anti Copas Pada Blogger

Siapa yg ingin Artikel blognya di copaser.......? Tentu Saja tidak kan....? karena itu sangat merugikan kita....

Nah kalau begitu saya punya script Anti Copas.....! Ok langsung saja ya.....

Copy Script Berikut :

if (typeof document.onselectstart!="undefined") {

document.onselectstart=new Function ("return false");

}

else{

document.onmousedown=new Function ("return false");

document.onmouseup=new Function ("return true");

}

</SCRIPT>

Kalau sudah di copy..., klik Template--->>Edit Html--->>Paste code script tadi dibawah <head>

Lalu klik Save......

Selamat Mencoba...... Semoga Bermanfaat.......

Jangan Lupa Like Ya.....

Copaser adalah Perbuatan Pengecut..! clyfirst.blogspot.com

Cly First Blog

Cara mempercepat Loding Blog Dengan Script

Cara Merampingkan / Mengecilkan Alexa Rank

Cara membuat "Related Post" di Bloger

Cara membuat Breaking News

Langkah-Langkah Cara Membuat Breaking News di Blog :

Cara Membuat Scroll "Go To Top" Di Blogger

Cara Membuat Read More Otomatis Pada Blogger

Cara Membuat Scroll Bar Pada Blog Archive

Cara Menghilangkan Tulisan Diberdayan Oleh Blogger

Cara Membuat Tulisan Berkedip Pada Blogger

Script Anti Copas Pada Blogger

Daftar Isi

Site Info

Popular Posts

Blog Archive

Me.....