.

Cara Membuat Auto Refresh Untuk Blogspot

  • Login ke Blogger
  • Pilih  Design > Edit HTML
  • Cari kode </head>
  • Letakan kode dibawah ini setelah kode </head>

<meta content='200' http-equiv='refresh'/>
Keterangan : Yang berwarna merah berarti blog sobat akan me-refresh setiap 200 detik. Bisa di
ganti sesuai dengan keinginan sobat. Sekian posting saya kali ini, semoga bermanfaat buat sobat blogger semua.

Antarmuka Blogger Lama Masih Bisa

Gaknyangkan Antarmuka Blogger Lama Masih Bisa Dibuka Hehehhe... . Penampakannya bisa diliat di gambar tersebut dan untuk memperbesar gambar klik aja gambar nya. Caranya Cukupmudah Bro Ikuti Carahnya Dibawah Ini.

Copy URL Berikut Dan Pastekan Di Address Bar Dan Tekan Enter
  • http://www.blogger.com/rearrange?blogID=IDBLOGKAMU
Ganti Tulisan IDBLOGKAMU Dengan ID Blog KAMU Sendiri .
Hingga Menjadi Seperti Ini
http://www.blogger.com/rearrange?blogID=2152703832305478530
NB : Kelehaman Dari URL Tersebut adalah nggak bisa buka yang lainnya dan hanya bisa di bagian tata letak saja comba anda klik menu navigasi lain nya psaati ada tulisan dan gambar berikut ini


Antarmuka Blogger yang lama tidak digunakan lagi. Anda dapat menemukan antarmuka Blogger baru di sini. Pelajari lebih lanjut
Sayang Sekali Bro T.T

 Tapi ...Semoga Bermanfaat Yah XD

Copas

Memindahkan Seluruh Postingan Ke Blog yang Baru


Kali ini Adithya Blog akan share cara memindahkan seluruh postingan dari blog satu ke blog anda yang lain. Trik ini sangat cocok bagi teman-teman yang ingin mem-backup atau mengkopi seluruh postingan yang ada di blognya. Dengan trik ini teman-teman tidak perlu mengkopi seluruh postingan yang ada di blognya teman-teman secara manual. Coba bayangkan, postingan yang ada di blognya teman-teman jumlahnya sudah ratusan. Wah, jadi capek sekali kalau dikopi secara manual, belum nanti mostingnya perlu tahap-tahap peng-upload-an gambar.

Mau tau bagai mana caranya, ikuti langkah2 berikut...
  • Login ke blogger .
  • Klik Pengaturan lalu pilih lainnya..
  • Klik Ekspor Blog untuk memulai mem-backup/ download seluruh postingan.




  • Selanjutnya klik tombol Unduh Blog, yang kemudian akan muncul kotak konfirmasi pen-download-an, dan klik OK.

Untuk tahap peng-backup-an telah selesai. Selanjutnya adalah tahap peng-upload-an/pengimporan hasil backup-an kita tadi ke blog baru atau memang blog yang telah disediakan untuk menyimpan hasil backup-an tadi.
  • Masih di halaman Ekspor Blog,
  • Selanjutnya klik Impor Blog.


  • Dan anda akan dibawa ke halaman pengimporan atau penguploadan file posting yang kita backup tadi.


  • Pilih file posting backup yang telah kita simpan di komputer kita (Sebelum proses pengimporan blog, jangan lupa centang kotak "Terbitkan semua entri yang diimpor secara otomatis").


  • Klik tombol Impor Blog
  • Selesai.

Auto Visitor 100% Blogger , Work | Fiqri-Techno-007


Yap's apa kabar nya Sobat NK ??? kalau baik alhamdullilah ^_^ Karna sekarang sedang musim hujan dan cuaca menjadi ekstream jadi kita harus bisa menjaga kesahatan tubuh agar bisa tetap sehat dan menjalani kegiatan seperti biasa dah ahk ngomong mulu langsung aja ke topik


Visitor blog anda sedikit ? alexa rank anda Besar ? di sini saya punya solusi nya yaitu dengan memakai

Auto Visitor

keuntungan memakai auto visitor ini sebagai berikut :



  1. Visitor bertambah drastis [ ya pasti lah ]
  2. alexa rank bisa saja naik
  3. agak gampang ke index google [ tapi kadang kadang]
walaupun hanya 3 namun dahsyat kan untung nya ._.


ini dia beberapa screenshot dari alat nya :

Jingling

Adminspot Backlink

Alexa Boster


nah itu dia semua SS software nya nah tapi jangan kira visitor Nksharing ini pakai auto visitor ya ini murni walaupun dikit pakek auto visitor nya xD Udah deh mau kan software nya ??


Download Auto visitor Packed By FT
Oke silahkan download dan jangan lupa matikan dulu antivirus kalian yah !!!

Cara Pakai :

1. Buka dulu Jingling lalu tinggal kalian masukan link blog kalian lalu tekan tombol yang ada di sebelah nya
2. Lalu buka AdminSpot.net lalu kalian masukan link blog kalian lalu tekan Boost !
3. Lalu Instal Alexa Booster Lalu ke step 1 masukan link blog kalian dan clik save lalu star :D

Nah sudah jelas kan ??? bila ada yang ingin kalian tanyakan comment saja atau contac FB saya

Terimakasih telah membaca postingan FT .

Copas

Bungkus Sepenuhnya Script CSS

Kompres CSS
Terkejut saya saat open source di sebuah blog dengan platfrom dari blogger. Script CSS nya menghilang? Awala pertama memang sedikit bingung, mungkin kalau di teliti lagi sebenarnya tidak menghilang melainkan diringkas menjadi sebuah link yang ber file (dotCSS) yang akan di pangill dalam sebuah HTML. Seperti di blog saya ini script CSSnya tidak keluar, melainkan saya buat pemangilan link file CSS dalam sebuah HTML. Jika anda ingin membuat pemangilan file CSS ini dalam template anda, Saya sarankan agar anda memback up template anda terlebih dahulu.
  1. Login ke Blogger.com Pergi ke Rancangan/Template > Edit HTML 
  2. Potong (Cut) script CSS diantara tengah-tengah kode berikut
    <b:skin><![CDATA[ script css (cut) ]]></b:skin> 
  3. Paste script tersebut dalam sebuah notpad dan simpan dengan nama style.css (selain nama style juga tidak apa-apa asalkan ada .css)
  4. Upload file style.css tersebut dalam sebuah hosting. Jika anda tidak mempunyai sebuah hosting anda bisa mengunakan Google Sites sebagai hosting anda. klik berikut untuk cara Membuat Hosting Dari Google Site
  5. Setelah anda upload tahap selanjutnya membuat script pemanggil, masi pada halaman Edit HTML
    anda ganti kode <b:skin><![CDATA[ ]]></b:skin> dengan kode dibawah ini
    <link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <b:skin><![CDATA[ ]]></b:skin>
    </b:if>
    Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.
  6. Terakir klik Save Template dan lihat pada blog anda apakah script CSSnya sudah menghilang pada open source.

Bagi anda yang mempunyai 2 atau lebih script CSS yang berbeda dan hanya berfungsi pada saat di halaman tertentu MISALNYA seperti kode di bawah ini yang berfungsi hanya di halaman post
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style  type='text/css'>
SCRIPT CSS (cut)
</style>
</b:if>
Cara membungkusnya cukup sederhana ikuti langkah 1-4 dan setelah selesai proses 1-4 sampai proses upload anda ganti kode
<style  type='text/css'>
</style>
Dengan kode
<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
Sehinga menjadi seperti ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
</b:if>
Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.

created

Cara Memberi Link Sumber Otomatis


 Copy paste adalah hal yang wajar juga, kadang pembaca mengcopy paste sebuah artikel untuk pribadi dan agar apa yang dia peroleh tidak hilang, dan caranya mereka mengcopynya pada blog mereka masing-masing.

Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikeltersebut. oke kan sob..nah bagi kamu yang ingin jika artikel kamu di copas lalu akan tebentuk sebuah link yang mengarah kepada artikelmu,Saya punya scriptnya, silahkan saja pasang di blogmu, bagaimana cara membuat link sumber otomatis ketika dicopas? ikuti tutorial dibawah ini!


  • Login ke Blogger
  • Klik Rancangan > Edit HTML
  • Lalu cari code seperti dibawah ini :
<body>


  • Jika sudah ketemu, maka letakan kode dibawah ini tepat diatas code <body>
<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script> 


  • Jika sudah Simpan Template
Note :


  • Tulisan berwarna merah ganti dengan Tulisan anda

    Created

Anti Right Click with Images V.3


Siang Sob. Skarang udh memasuki bulan September saatnya H.G.C Syndicate update Postingan nih ... 
Skarang saya akan memposting Anti Right Click with Images V.3 maksudnya itu Anti Klik Kanan dengan Gambar V.3 . Pengen mencobanya? Ikuti Tutor dibawah ini :

Tutorials : 
  • Login ke Blogspot
  • Klik Rancangan > Edit HTML
  • Centang " Expand Template Widget "
  • Kemudian cari code seperti dibawah ini : 
<head>
  • Jika sudah ketemu, letakan code dibawah ini tepat sesusah code <head>
<script src='http://bcyber.googlecode.com/files/BCyberRightClick%5BBcyber.blogspot.com%5D.txt' type='text/javascript'/> 
  • Setelah itu cari code dibawah ini :
]]></b:skin> 
  • Kemudian letakan code dibawah ini sebelum code ]]></b:skin>

#BCYBERrc{z-index:1000000;display:none;width:100%;height:100%;background:url(URL GAMMBAR KAMU) no-repeat center center fixed rgba(0,0,0, 0.85);position:fixed;top:0px;left:0px;right:0px;bottom:0px;}
  • Lalu hapus code <body> ganti dengan code dibawah ini :
<body oncontextmenu='BCYBERclick("BCYBERrc");return false;'> 
  • Save Templates
Special Thank's to Cyber BC & Dickeymaru

Tips Membuat Add Comment + Readmore


Selamat Siang sobat H.G.C Syndicate. Sebelum saya pergi LES Sekolah saya mau Post Tips dlu deh :D. Tips yang saya post adalah cara membuat Add Comment + Read More di Blog. Tips ini saya dapatkan di Penyolongan. Thx atas Tipsnya, kali ini H.G.C Syndicate akan post disini juga.

  • Buka Blogger masing"
  • Masuk Rancangan > Edit HTML
  • Lalu cari code seperti dibawah ini :
]]></b:skin>
  • Setelah itu copy code dibawah ini tepat diatas code ]]></b:skin> 
a.Hgc{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:transparent;font-size:14px;color:#242424;display:block;border:2px solid #FFF;margin:6px 0;padding:2px 16px;}
a.ngkot:hover {background:#f5f5f5;color:#FFF;}
Keterangan :
- Kode warna merah adalah ukuran Border Radius. Tentukan sendiri
- Kode warna kuning adalah background tombol tsb. Tentukan sendiri
- Kode warna biru adalah warna border ( GARIS ). Tentukan sendiri
- Kode warna hijau adalah kode warna. Tentukan sendiri

  • Copy kode dibawah ini dan Cari <data:post.body/> dan pastekan dibawahnya.
<div style='float:right'><a class='Hgc' expr:href='data:post.url'> Read More &#187; </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='Hgc' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>
  • Simpan Template
Selamat ngeBlogging

created

Cara Membuat Author Box dibawah Postingan


Selamat Malam semuanya. Kali ini H.G.C Syndicate akan Post cara membuat Author Box dibawah postingan blog. Contohnya seperti gambar diatas ini. Gimana keren gk? Kalo pengen ikuti cara dibawah ini :

  • Login ke Blogger 
  • Masuk ke Rancangan » Edit HTML
  • Centang "Expand Template Widget"
  • Kemudian cari code seperti dibawah ini :
]]></b:skin>
  • Kemudian letakan code dibawah ini tepat diatas code ]]></b:skin>
.admin-tulisan{display:block;width:auto;background:transparent;border:2px solid #FFF;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:30px 0 10px 0;font:normal 14px "Share",Sans-Serif;color:#fff}.admin-tulisan{display:block;width:auto;background:#CFE2E0;border:2px solid #fff;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:30px 0 10px 0;font:normal 12px Arial,Sans-Serif;color:#222}.admin-tulisan{display:block;width:auto;background:transparent;border:2px solid #FFF;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:30px 0 10px 0;font:normal 14px "Share",Sans-Serif;color:#fff}.admin-tulisan .kontainer{padding:5px}.admin-tulisan h4{background:transparent;border:none;border-bottom:2px solid #FFF;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0,0,0,0.4);font:bold 14px "Amarante",Sans-Serif;padding:5px 10px;margin:0 0 0 0;display:block}.admin-tulisan h4 a{color:#fff}.admin-tulisan img{width:110px;height:110px;margin:0 10px 0 0;float:left;border:1px solid #FFF;padding:2px;background:#transparent;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} 
  • Setelah itu cari code seperti dibawah ini :
<data:post.body/> 
  • Jika sudah ketemu, letakan code dibawah ini tepat setelah code <data:post.body/>
 <!-- Kotak Admin --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>DESKRIPSI</h4> <div class='kontainer'> <img src='URL-GAMBAR/>BUAT KATA SENDIRI<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'/></p> <div style='clear:both;'/> </div> </div> </b:if> <!-- Kotak Admin -->
  •  Kemudian Simpan Template

Mudah Kan ... ? Happy Blogging

created

Cara Menampilkan Judul Postingan Saja

Kali ini saya akan berbagi tips cara membuat beranda blog kita hanya menampilkan Judul Posting saja. Tanpa basa-basi lagi, silahkan coba tips berikut.
Pertama, masuk ke Rancangan lalu Edit HTML centang Expand Template Widget
Lalu cari kode dibawah ini
]]></b:skin>

Agar lebih mudah klik CTRL+F atau F3
Lalu copy paste kode dibawah ini, tepat dibawah kode diatas.
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link, 
.post-timestamp, .reaction-buttons, 
.star-ratings, .post-backlinks, 
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

Klik Save, dan lihat hasilnya. Semoga berhasil.

Tutorial Membuat Tooltip Dengan jQuery

1. Login ke Blogger
2. Klik DesignàEdit HTML, centang  Expand This Widget
3. Cari kode ]]></skin> dan masukkan kode dibawah tepatdi atas kode tadi
#easyTooltip{padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;font-size: 12px;font-family: Segoe UI, Arial;border-radius: 5px;border:1px solid #c4c4c4;color: #000;background: #ffffff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));background: -moz-linear-gradient(top,  #fff,  #f2f2f2);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#fff&#39;, endColorstr=&#39;#f2f2f2&#39;);}
4. Copy kode dibawah ini dan letakkan diatas kode <body>
<!-- jQuery -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<!-- begin Tooltips -->
<script type='text/javascript'>
$(document).ready(function(){
$("a.tooltip").easyTooltip();
});
</script>
<script type='text/javascript'>
//<![CDATA[
(function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div id='"+options.tooltipId+"'>"+content+"</div>");$("#"+options.tooltipId).css("position","absolute").css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px").css("display","none").fadeIn("fast")}},function(){$("#"+options.tooltipId).remove();$(this).attr("title",title)});$(this).mousemove(function(e){$("#"+options.tooltipId).css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px")});if(options.clickRemove){$(this).mousedown(function(e){$("#"+options.tooltipId).remove();$(this).attr("title",title)})}})}})(jQuery);
//]]>
</script>
<!-- end tooltips --> 

5. Save Template
6. Untuk memakainya silakan copy dibawah ini
<a class='tooltip' href='http://www.irvankadhafi.net/' title='Indonesian Master Cheaters'>Irvan Kadhafi</a>

Semoga Bermanfaat

ToolTip CSS by BIT-XP
Original Post by 4-Jie

Cara Membuat Back To Top Dengan Efek Bounce


Ok sekarang Fiqri-Techno-007 update lagi nih tentang Tutorial Blog.
Kali ini akan membahas cara membuat Back to Top dengan efek bounce.
Langsung aja.... simak dengan baik biar gak ada yang nanya-nanya lagi......


1. Buka Blogger > Rancangan > Edit HTML
2. Centang Expand Template Widget lalu cari ]]></b:skin>
3. Setelah itu taruh css dibawah ini diatas kode tersebut

#IrvanTop {text-align:center;position:fixed;bottom:0px;right:10px;cursor:pointer;        display:none;color:#000; font-family:verdana;font-size:11px;}
 4. Dan taruhkan kode dibawah ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/><script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop() &gt; 100) { $(&#39;#IrvanTop&#39;).fadeIn(); } else { $(&#39;#IrvanTop&#39;).fadeOut(); } });
$(&#39;#IrvanTop &gt; img&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>
5. Lalu carilah kode </body> dan letakan kode dibawah ini diatas kode tersebut

<div id='IrvanTop'><img src='URL+GAMBAR+BackToTop' style='margin-right:-9px'/></div> 
6. Selesai.... tinggal SAVE TEMPLATE

Beberapa bagian script diambil dari Google

created

Cursor Unik Angry Birds

Hyhyhy.......hari ini mosting cursor keren buat kalian yah.bagi yg nggak cursor keren buat kalian disini ada lo!pokoknya buat kalian bilang WOW.pokoknya kalian harus coba kawan,here we go~
  http://i1341.photobucket.com/albums/o760/masterbats/th_post1.png
  http://i1341.photobucket.com/albums/o760/masterbats/th_post2.png
  http://i1341.photobucket.com/albums/o760/masterbats/th_post3.png
   http://i1341.photobucket.com/albums/o760/masterbats/th_post4.png

Gimana? keyen keyen kan cusor blognya?bagi ingin memasang cursor tersebut link gambarnya udah ada disamping Cursor tersebut,untuk mengganti warnanya Edit aja warnanya di Ps cs berapa aja...

Sumber >> DanielVSirait

Cara MeMperbanyak Visitor

Pengertian sederhana SEO atau Search Engine Optimizer atau Search Engine Optimizing menurut saya pribadi berarti membuat konten (materi) dari portal, website, blog dikenali dan didata (diindeks) oleh search engine seperti Google, Yahoo, Bing, Lycos, dan search engine lainnya secara lebih optimal. Harapannya ketika orang atau user mencari sesuatu di internet melalui search engine dengan kata kunci (keyword) tertentu maka konten yang kita miliki dalam portal, website, atau blog dapat muncul dalam hasil pencarian.
SEO sendiri akan dianggap berhasil, jika posisi kita dalam halaman hasil pencarian berada pada urutan halaman-halaman awal, sebisa mungkin halaman pertama. Tapi tentu saja apa yang dicari oleh orang tersebut sesuai dengan konten yang kita miliki. Jadi tujuan akhir dari SEO ini adalah mendatangkan traffic (kunjungan) yang lebih banyak melalui search engine.
Dari pengertian sederhana di atas, saya ingin menginformasikan trik sederhana yang bisa dimanfaatkan oleh temen-temen yang baru belajar ngeblog atau ingin belajar bikin blog dengan Blogspot. 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).
1.<b:include data='blog' name='all-head-content'/>
2.<title><data:blog.pageTitle/></title>
3.<b:skin><![CDATA[/*
Ganti script yang diberi tanda merah dengan script baru di bawah ini dan simpan template tersebut.
1.<b:if cond='data:blog.pageType == &amp;quot;index&amp;quot;'>
2.<title><data:blog.title/></title>
3.<b:else/>
4.<title><data:blog.pageName/> | <data:blog.title/></title>
5.</b:if>
6.<b:skin><![CDATA[
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.

Sumber

membuat tulisan Assalamualaikum otomatis setiap postingan

Assalamualaikum, dan selemat siang kali ini saya akan berbagi cara untuk membuat basmalah pd setiap postingan

Caranya Sebagai Berikut


  1. Bloger > Tempelate > Edit HTML > centang Expand Tempelate Widget
  2. Cari  <data:post.body/>  agar legih gampang gunakan CTRL + F
  3. mungkin  <data:post.body/> di blog kalian lebih dari satu tambahkan di yg paling atas
  4. lalu taruh kode ini TEPAT DI ATAS kode tersebut
<div style='text-align: center;'><span style='font-size: large;font-weight: bold;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;Ø­&#1618;Ù…&#1614;Ù†&#1616; اار&#1614;&#1617;Ø­&#1616;يم</span></span></span></div><br/> 

Semoga Bermanfaat

Cara Memasang TEMPLATE

Bagi para pengguna blog tentunya ingin memiliki blog dengan tampilan yang diinginkannya seperti keinginan agar tampilan semenarik mungkin, ada juga yang ingin tampil seperti layaknya website terkenal, ada juga yang ingin tampilan seperti magazine, dan ada juga yang ingin tampil seminimalis mungkin.

Semua itu bisa anda dapatkan dengan mengganti template blog anda. dan caranya pun sangat mudah.

Pertama, Download terlebih dahulu tamplate yang anda inginkan di situs situs yang menyediakan template gratis, jika anda tidak mengetahui alamat download template gratis bisa anda lihat disini.

Kedua, Ekstrak file yang sudah di download jika file tersebut masih dalam bentuk format Zip/Rar. hingga menjadi XML Document.

Ketiga, Login ke Blog anda lalu menuju Tata Letak ~> Edit Html.

Keempat, Klik Tulisan Browse kemudian masukkan file download yang berformat xml yang di simpan di komputer anda.


Kelima, Setelah memasukkan file download anda klik Unggah kemudian Simpan Template untuk mengganti template.
jika ada konfirmasi seperti gambar dibawah ini :



anda diminta untuk mengkonfirmasi bahwa widget akan dihapus.

Tetapi pada tahun 2010 ke depan konfirmasi seperti diatas tidak lagi dipakai karna blogger telah merubah konfirmasi tersebut menjadi : konfirmasi widget akan disimpan atau dihapus. jadi dengan mudah kita mengganti template tanpa harus menghapus sebagian dari widget yang kita punya.

Demikianlah artikel tentang Cara Mengganti Template Blog
Kembali ke Beranda Blog Trik Tips Tutorial
Semoga Bermanfaat..

Hacking Template Blogger Agar SEO Friendly


Tag heading menetukan urutan yang lebih penting saat google index. Berurutan dari yang terpenting menggunakan tag h1 untuk yang terpenting dan seterusnya hingga tag h6. Hal ini dapat digunakan untuk menguatkan postingan kita langsung di google. Caranya adalah dengan memberi tag h1 untuk judul postingan. Namun, jika Anda melakukannya secara serampangan bisa jadi malah justru terjadi multiple tag h1 pada halaman Anda.

Saya sendiri berada pada kelompok orang yang setuju jika tag h1 ganda pada satu halaman akan membuat index google buruk. Saya pernah mencobanya dengan mengganti tag judul postingan menjadi h1, sementara tag judul blog juga h1 tanpa saya rubah. Ajaib, data index saya di webmaster tools bertanda silang merah. Dan posisi saya di google amblas.... ke halaman belakang.


Solusinya...?

Sebagian blogger memilih tag h1 tetap untuk judul blog sebagaimana standartnya. Dan mereka mengganti tah judul postingan dari h3 ke h2. Membuat judul postingan satu list lebih penting. Namun, bagi Anda yang tetap ingin menggunakan tag h1 untuk judul postingan Anda untuk benar-benar menguatkan index ke postingan Anda? Anda bisa ikuti trik berikut:
  • Login Blogger
  • Tata Letak
  • EDIT HTML
  • Centang Expand Template Widget

Manipulasi Tag Heading Judul Postingan

  • Cari kode berikut ini..

    <b:if cond='data:post.title'>
          <h3 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h3>
    </b:if>

  • Ganti semua kode di atas dengan

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
          <h2 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h2>
    </b:if>
    <b:else/>
          <h1 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h1>
    </b:if>

Manipulasi Tag Heading Judul Blog

  • Cari kode di bawah ini

    <h1 class='title' style='background: transparent; border-width: 0px'>
       <b:include name='title'/>
    </h1>

  • Ganti dengan kode berikut ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
    <b:else/>
              <p class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </p>
    </b:if>

  • Cari kode berikut ini

    <h1 class='title'>
      <b:include name='title'/>
    </h1>

  • Ganti dengan kode berikut ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
    <b:else/>
            <p class='title'>
              <b:include name='title'/>
            </p>
    </b:if>


Terakhir, Set CSS Anda


Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.

    .post h3 {
    ..................................
    }
    .post h3 a, .post h3 a:visited{
     ..................................................
    }
    .post h3 a:hover {
    ....................................
    }


Ganti kodenya dengan kode di bawah ini

    .post h1, .post h2 {
      margin:.25em 0 0;
      padding:0 0 4px;
      font-size:140%;
      font-weight:normal;
      line-height:1.4em;
      color:$titlecolor;
    }
    .post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong{
      display:block;
      text-decoration:none;
      color:$titlecolor;
      font-weight:normal;
    }
    .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
      color:$textcolor;
    }

Catatan:
Kalau tidak berhasil, ganti hanya kode H3 nya..

Satu langkah lagi, yakni cari kode css judul blog
. Cari yang mirip dengan kode di bawah ini
    #header h1 {
    ............................
    }

  • Ganti dengan kode di bawah ini

    #header h1, #header p {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }


Selesai....

Jika semuanya telah dilakukan dengan benar, segera simpan template Anda. Jika ingin melihat trik aslinya, silahkan lihat di http://deconstructioncode.blogspot.com. Sekarang di halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Alhasil, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda.... Semoga bermanfaat...
 

Menyembunyikan judul blog

Oke kali ini saya akan share bagaimana menghilangkan judul blog, buat arti judul blog sendiri adalah memberi tahu kepada pengunjung dan pencarian google tentang judul tentang apa blog kita.

Mungkin ada beberapa blogger yan ingin menghilangkan judul blog itu sendiri dan inggin menyisipkan berupa gambar editan kita sendiri, oke langsung aja neh buat sobat-sobat yang ingin menghilangkan judul blognya.

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}
 
Tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

Petinjau dulu jika sobat kurang percaya jika judul sobat telah sembunyi berarti berhasil, semoga bermanfaat !!!

Menambah kolom di bawah header

Kebetulan postingan kali ini ada salah satu temen yang meminta sekaligus saya juga membutuhkanya oke neh langsung aja untuk teritorial menambahkan 1 kolom di bawah header :




1.  Login bloger teman.

2.  Klik tata letak atau layout.
3.  Pilih Edit HTML.

 
4.  Sebelum memulai pengeditan alangkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.
 
5.  Cari kode ]]></b:skin> ,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

6.
  Paste copy berikutdan paste diatas kode ]]></b:skin>

#satu_kolom{
margin:10px 0;
padding:1%;
width:98%;
}

7.  Copy kode berikut ini
<div id="satu_kolom">
<b:section class='header' id='satukolomajah' preferred='yes'/>
</div>

8. 
Paste di bawah kode ini
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

9.    Simpan template
10.  Lihat perubahannya pada tata letak.

Menambah 2 Kolom Dibawah Header


Sebelumnya saya sudah pernah menjelaskan bagaimana caranya menambah widget di bawah kolom header, kali ini saya akan menerangkan sedikit tentang bagaimana caranya menambah 2 kolom widget dibawah header..

1.  Login bloger teman.
2.  Klik tata letak atau layout.
3.  Pilih Edit HTML.

4.  Sebelum memulai pengeditan alahkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.

5.  Centang

6.  Cari kode ]]></b:skin>,agar lebih mudah  anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

7.  Paste kode berikut di atas kode ]]></b:skin>;

#dua-kolom-dibawah-header {
clear:both;
}
.dua-kolom {
}

8.  Copy kode berikut ini
</div>
<div id='dua-kolom-dibawah-header'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div> 

9.   Paste di atas kode ini <div id='main-wrapper'>
10.
Simpan tempalte.
11.
Lihat perubahannya pada tata letak.
 

Menambah 3 Kolom Dibawah Header

1.  Login bloger teman.

2.  Klik tata letak atau layout.
3.  Pilih Edit HTML.
4. Sebelum memulai pengeditan alahkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.

5.  Centang
 
6.  Cari kode ]]></b:skin>,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

7.  Paste kode berikut di atas kode
]]></b:skin>
#tiga-kolom-dibawah-header {
clear:both;
}
.tiga-kolom {
}

8.  Copy kode berikut
<div id='tiga-kolom-dibawah-header'>
<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 35%; float: center; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom2' preferred='yes' style='float:center;'/>
</div>
<div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='tiga-kolom' id='kolom3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
9.  Paste di atas kode ini <div id='main-wrapper'>

Catatan
Jika sobat awalnya mengikuti dari membuat 2 kolom di bawah header, (sekali lagi hanya bagi yang mengikuti dari cara membuat 2 kolom di bawah header) sobat hanya tinggal mengganti kode berikut :

</div>
<div id='dua-kolom-dibawah-header'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
menjadi :
</div>
<div id='dua-kolom-dibawah-header'>
<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 35%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:center;'/>
</div>
<div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
(tempatnya tetap sama di atas kode <div id='main-wrapper'> jangan ditambah tapi di ganti>

10.
Simpan tempalte.

11.
Lihat perubahannya pada tata letak.

Selesai , Semoga bermanfaat !!!


Sumber

Cara Membuat Random Post (Postingan Mengacak)

Random Post atau dalam bahasa indonesianya adalah Postingan yang tidak teratur dan terpilih tampilannya, dalam kata lain mengacak.

Ini dimaksudkan apabila kita sudah mempunyai banyak sekali postingan pada Blog/Web kita kemudian kita ingin menampilkan beberapa postingan tersebut secara acak, agar memungkinkan si pengunjung blog/web yang membaca artikel kita tertarik akan beberapa artikel lain di blog kita walaupun tidak berhubungan dengan yang dibacanya saat itu.

Kenudian bagaimana cara membuat random post tersebut..?
Caranya sangat mudah, dengan mengikuti langkah-langkah dibawah ini :

1. Login ke Blogger
2. Kemudian klik Tata Letak lalu Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode dibawah ini :

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>


6. Gantikan angka 10 , dengan jumlah artikel yang ingin ditampilkan.

Mudah Bukan...
Happy Blogging..
Demikianlah artikel tentang Cara Membuat Random Post (Postingan Mengacak)
Kembali ke Beranda Blog Trik Tips Tutorial
Semoga Bermanfaat..