Membuat Header Online

Header maupun Logo Blog biasanya di buat semenenarik mungkin, baik itu lewat Photoshop atau yang lain. Untuk lebih mudahnya saya ambil cara dari sini yaitu membuat logo secara online. Bagaimana ya caranya??? langsung Cekinyot gan,,hhe

1. www.textspace.net

Menggunakan Tools ini sangatlah mudah, kita hanya memilih teks sample mana yang kita akan gunakan, kemudian kita mengisi atau mengganti kata sample dengan kata yang kita inginkan. Tools ini memiliki berbagai jenis text generator, misalnya patterned text, glitter text, LCD text, dan lain-lain. Langsung ke TKP gan..

2. www.flamingtext.com

Jenis Desain yang ditawarkan oleh Flaming text banyak sekali, lebih menarik dari yang pertama. macamnya antara lain desain parti, desain fiery teks, dll. Disini kita juga dapat memilih font yang disediakan sesuai hati temen2,,dijamin seru gan, Pokoknya bisa bikin ketagihan dech,,hhe

3. cooltext.com

Di tools ini kita langsung disajikan dengan macam logo dan buttonnya secara langsung. Jadi kita tinggal pilih desain kemudian kita tuliskan teks yang kita inginkan, dan jadi dech logonya,,,hhe

4. www.simwebsol.com

Pada situs ini kita akan langsung melihat preview dari logo yang kita buat. Kita hanya mengedit warnya dan font saja guna mempercantik hasilnya..

5. www.logomatik.net 

Seperti halnya pada simwebsol.com,,tampilan awalnya pun sangat sederhana. Pada situs ini penampilan font sangat ditonjolkan, sehingga logo yang kita buat akan kelihatan wah dengan font-font yang disediakan,,

6. www.thelogoshop.info 

Desain yang di tawarkan cukup menarik namun hanya sedikit, pada halaman awal kita sudah di tawari dengan macam-macam desainnya, tinggal masukin teks, pilih desainya kemudian create..and twing..twing,,jadi dech,,,hhe,,, :)

OK kawan itu dulu yang saya share,, mungkin besok ada lagi yang lain. Semoga bermanfaat,,Jangan lupa tinggalkan komentarnya ya,,makasih

wassalamu'alaikum wr.wb

Read more »»  

Cara Menghapus Header Di Blog

Untuk anda yang ingin menghapus Header Blog anda, saya wajibkan untuk menerapkan tutorial ini, karena ini sudah terjamin 100% berhasil dan sudah diakui oleh Google, hehe. Untuk Cara Menghapus Header Di Blog, silahkan ikuti dan cermati tutorialnya dibawah ini.

1. Untuk menghapus Header Blog, yang dilakukan pertama kali adalah mengatur Widget Header di menu Edit HTML.

• Login ke Blog
• Menuju Edit HTML
• Centang Expand Widget Template
• Cari kode ini <b:widget id='Header1' locked='true'
• Lalu ganti kode yang berwarna merah menjadi false
• Simpan Template

2. Sampai situ, Header belum terhapus, jadi anda harus menghapus widgetnya.

3. Menuju Tata Letak lalu Edit Widget Header

4. Klik hapus lalu Simpan Setelan

Selamat, Header Blog anda telah terhapus dan kini Blog anda terlihat lebih simple, semoga bermanfaat! 

Read more »»  

Cara Membuat Scroll Di Widget Arsip Blog

Nah dengan memberikan scroll pada Arsip Blog maka akan membatasi widget Arsip Blog tidak semakin panjang karna adanya scroll
Ok,Kita langsung aja ke proses membuat Scrool pada widget Arsip Blog :

1. Log In ke akun blogger anda
2. Masuk ke menu template
3. Klik edit HTML lalu Centang Expand Template Widget
4. Setelah itu cari kode ]]></b:skin> pada template anda
5. Copy paste/copas kode di bawah ini lalu taruh di atas kode ]]></b:skin>
   #BlogArchive1 .widget-content{
   height:200px;
   width:auto;
   overflow:auto;
   }
6. Simpan template dan lihat hasilnya

NB : Untuk tulisan yang berwarna biru/ height:200px; itu adalah tinggi scrollnya ,anda bisa sesuaikan tingginya dengan merubah 200px menjadi 150px atau sesuaikan dengan kebutuhan anda

Read more »»  

Cara Membuat Search Engine di Blog

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascriptkemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="Search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Read more »»  

Cara Merubah Tulisan Posting Lama,Beranda dan Posting Baru Dengan Gambar

Cara Merubah Tulisan/Link Posting Lama,Beranda dan Posting Baru Dengan Gambar- 
Mungkin anda pernah melihat gambar seperti diatas saat blogwalking, dan ingin membuatnya. 
maka dari itu saya sekarang akan memandu anda untuk membuatnya. 
Lebih jelasnya Tutorial ini menjelaskan tentang cara merubah tulisan posting lama dengan gambar tanda panah dan merubah tulisan posting baru dengan gambar tanda panah dan juga merubah tulisan home atau beranda dengan gambar rumah. 
berbagai cara dilakukan para blogger untuk menghias blognya agar lebih rapih dan indah, supaya 
pengunjung lebih betah berlama-lama diblog kita. nah salah satunya Cara Merubah Tulisan Posting Lama,Beranda dan Posting Baru Dengan Gambar yang akan saya jelaskan kali ini. 

Berikut Caranya: 
1.Log in ke blog
2.Pilih Template
3.Edit HTML
4.Centang tulisan Expand Template Widget
5.Untuk memudahkan pencarian tekan Ctrl+F
6.Lalu cari kode posting lama yaitu  <data:olderPageTitle/>
kalau sudah ketemu kodenya ,hapus kode tersebut dan ganti dengan kode dibawah ini 

<img src='http://i1244.photobucket.com/albums/gg573/hanzo48/PostingLamaHienzo.png'/>

7.Kemudian cari kode posting baru yaitu  <data:newerPageTitle/>
kalau sudah ketemu kodenya ,hapus kode tersebut dan ganti dengan kode dibawah ini  

<img src='http://i1244.photobucket.com/albums/gg573/hanzo48/PostingBaruHienzo.png'/> 

8.Setelah itu cari kode beranda/home yaitu  <data:homeMsg/>
kalau sudah ketemu kodenya ,hapus kode tersebut dan ganti dengan kode dibawah ini

<img src='http://i1244.photobucket.com/albums/gg573/hanzo48/berandahienzo.png'/> 

9.Klik Simpan Template 

Silahkan cek pada blog anda dan lihat hasilnya.. 
Semoga Bermanfaat....

Read more »»  

Cara Menyembunyikan Label pada Postingan

Banyak orang  lebih suka untuk menyembunyikan label atau tag dari footerpos,dengan beberapa alasan , mungkin salah satunya agar posting tampak lebih simple tidak terlalu banyak tampilan, Untuk menyembunyikan Label dari post footer ternyata tidak susah, berikut langkah-langkahnya :

1.Click 'Layout' tab |  click the 'Edit HTML' Subtab.  kemudian click 'Expand Widget Templates' to expand the CSS code. Cari code HTML dibawah :

<b:if cond='data:post.labels'> 
          <data:postLabelsLabel/> 
          <b:loop values='data:post.labels' var='label'> 
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> 
          </b:loop> 
        </b:if>

2. Berikutnya Delete code HTML diatas ...kemudian save . 

 Selamat Mencoba Semoga bermanfaat..

Read more »»  

Cara Hide Langganan Entri Atom pada Postingan

1.Login Ke Blog anda.

2.Kemudian Pilih Opsi Pilihan Pada Dasboar.

3.Lalu Pilih Template Edit HTML

4.Cari Kode ]]></b:skin> .Atau Tekan Tombol CTRL+F Untuk Mempercepat Pencarian.
5.Bila Sudah ketemu copy dan paste kode berikut diatasnya.

.feed-links{ display:none; }

6.Bila Sudah Pilih Langsung Simpan Template..

Read more »»  

Mengganti Posting Lama Menjadi Angka

Trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)". sebagai berikut :

 

1. Pertama, Log in di Blogger.com

2. Klik Rancangan kemudian ke "Edit HTML"

2. Setelah itu cari kode ini ]]></b:skin> gunakan ctrl F untuk mempermudah pencarian.

3. Taruh script di bawah ini pas di atas kode  ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. Cari Lagi kode </body> kemudian taruh script dibawah ini di atas kode tersebut.

<!--Page Navigation Starts-->

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

</b:if> </b:if>

<!--Page Navigation Ends -->

Jika penempatan scriptnya sudah benar pasti tulisan "Posting Lama" akan Terganti menjadi angka, silahkan di liat" dengan merefresh blog kalian.

Read more »»  

Cara Menyembunyikan Langgan Entri Atom dari Laman Beranda

Saat kita membuat posting baru, seringkali muncul tulisan "Langgan: Entri (Atom)" di bagian bawah posting. Tulisan "Langgan: Entri (Atom)" tersebut bisa dihilangkan tetapi akibatnya sering muncul blok warna abu-abu yang cukup mengganggu pemandangan. Nah solusinya adalah dengan menyembunyikannya saja. Cara menyembunyikan tulisan "Langgan: Entri (Atom)"adalah sebagai berikut :

1. Login ke Blogger
2. Masuk ke menu Edit HTML
3. Centang Expand widget HTML
4. Cari kode berikut :
    <b:include data='feedLinks' name='feedLinksBody'/>
5. Tambahkan kode <!-- pada bagian awal dan kode -->pada bagian akhir sehingga menjadi :
    <!--<b:include data='feedLinks' name='feedLinksBody'/>-->
6. Simpan

Read more »»  

Cara Menyembunyikan Label di Blog dari Laman Beranda

Pada kesempatan pagi ini, saya akan berbagi ilmu sedikit tentang bagaimana cara Menyembunyikan Label yang muncul pada Beranda blog kita, mungkin diantara sobat ada yang merasa tidak suka, seperti saya sendiri juga kurang suka, makanya saya hapus dan saya postingkan ilmu ini kepada sobat, mungkin bisa bermanfaat buat sobat juga, langsung saja tutorialnya disambi :

1. Sobat masuk pada Edit HTML
2. Kasih tanda centang pada Expand Widget Templates
3. Cari kode seperti yang ada di bawah ini :

<b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if>

4. Kalau sudah menemukan kode yang seperti itu, hapus kode tersebut dan ganti dengan kode di bawah ini!

<b:if cond='data:blog.pageType == "item"'>         <b:if cond='data:post.labels'>           <data:postLabelsLabel/>           <b:loop values='data:post.labels' var='label'>             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>           </b:loop>         </b:if></b:if>

5. Klik tombol preview, kalau sudah berhasil. Klik Save

Read more »»  

Cara Menghilangkan Jumlah Komentar Di Halaman Home

Tutorial setting template blog (blogspot), cara menghapus/menyembunyikan tampilan komentar dihalaman home. Template memiliki desain yang berberda-beda, mulai dari struktur laman, struktur navigasi, warna background hingga style tampilan komentar, tergantung designer template tentunya. 

Sebagai pengguna blogspot template sangat mudah didapat. Tidak perlu membayar, tidak perlu join situs provider template agar diberikan link download, mereka memberikannya secara percuma kepada anda. Banyak sekali provider template yang bisa anda pilih sesuai dengan cita rasa anda tentunya. Namun, kendati anda disajikan sekian banyak pilihan terkadang anda masih harus mendekornya karena terdapat elemen tertentu yang masih kurang sesuai dengan keinginan anda. Entah itu masalah navigasi template yang menurut anda kurang pas, lebar header, desain footer, susunan heading, dst.

Tutorial setting template blog kali ini kita akan share cara menghilangkan widget penghitung pesan dalam halaman beranda/home. Jika anda menghendaki widget penghitung jumlah pesan dihalaman home dihilangkan, dan hanya ditampilkan dalam kolom posting berikut caranya.

Masuk ke dashboard Blogger

Klik tab Template

Klik Edit HTML, lalu klik Proceed/Lanjutkan.

Centang Expand widget

Temukan kode dibawah ini

<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </span>

Hapus kode diatas.
.
Selanjutnya, hapus kode dibawah ini.

<span class='post-comment-link post-comment-link-1'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 Comment<b:else/><data:post.numComments/>  Comments</b:if></a>
          </b:if>
        </b:if>
      </span>

Klik tombol Save/Simpan.

Selesai.

Lihat tampilan blog anda sekarang, widget penghitung jumlah pesan yang tampil dihalaman home mestinya sudah hilang setelah penghapusan kode HTML diatas.

Read more »»  

Cara Membuat Tombol Share (berbagi) Add This Diatas Postingan Blog

berfungsi untuk memudahkan pengunjung Blog kita untuk Berbagi Artikel yang di telah di baca. Like Facebook, Twitter Tweet, dan Google+1, merupakan layanan berbagi saat ini. OK, yang berbinat, silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu centang kotak [ Expand Template Widget].
[4]. Cari Code <div class='post-body entry-content'>. [Agar mempermudah pencarian, tekan CTRL + F atauF3 pada Keyboard].
[5]. Selanjutnya, Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Sebarkan Artikel di :
</div>
<div style='float:left;padding-left:10px;'>
    <!-- AddThis Button BEGIN -->
    <div class='addthis_toolbox addthis_default_style '>
    <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
    <a class='addthis_button_tweet'/>
    <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
    <a class='addthis_counter addthis_pill_style'/>
    </div>
    <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053' type='text/javascript'/>
    <!-- AddThis Button END -->
</div>
</div>
</b:if>

Read more »»  

Cara Membuat Related Post (Artikel Terkait) Dengan Scroll

Pengertian Related Post atau Artikel Terkait adalah posting atau artikel yang berhubungan dengan artikel lainnya berdasarkan atas kesamaan nama kategori atau label postingan, Dengan mengaktifkan fungsi scrolling pada widget related posts maka pengunjung tidak lagi merasa terganggu dengan artikel-artikel terkait yang terlalu kepanjangan ke bawah. Apalagi widget related post ini diletakkan di bawah posting. Tertarik ingin memasang related post fungsi scrolling? Tapi tunggu dulu.. Jika anda terlanjur memasang widget related post lama yang pernah saya tulis, maka harus dihapus dulu. Bingung cara menghapusnya? Caranya lakukan dengan alur mundur (dari bawah ke atas) dengan mengikuti petunjuk dari posting saya yang sebelumnya. 

Pada gambar di atas, tampak ada scroll yang bisa dinaik-turunkan untuk melihat posting-posting yang terkait. Oke, langsung saja ke cara pasang widget related posts dengan fungsi scrolling di bawah posting blog anda.

XXX

1. Login ke blogger dengan id anda
2. Klik Rancangan
3. Pada tab menu, pilih Edit HTML
4. Centang kotak kecil Expand Template Widget
5. Cari kode <p><data:post.body/></p>
   Letakkan scrib berikut di bawah kode tadi : 
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <H2>Related Post:</H2>
   <div class='rbbox'>
   <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
   <div id='albri'/>
   <script type='text/javascript'>
   var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
   var maxNumberOfPostsPerLabel = 4;
   var maxNumberOfLabels = 10;
   maxNumberOfPostsPerLabel = 50;
   maxNumberOfLabels = 3;
   function listEntries10(json) {
   var ul = document.createElement(&#39;ul&#39;);
   var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
   json.feed.entry.length : maxNumberOfPostsPerLabel;
   for (var i = 0; i &lt; maxPosts; i++) {
   var entry = json.feed.entry[i];
   var alturl;
   for (var k = 0; k &lt; entry.link.length; k++) {
   if (entry.link[k].rel == &#39;alternate&#39;) {
   alturl = entry.link[k].href;
   break;
   }
   }
   var li = document.createElement(&#39;li&#39;);
   var a = document.createElement(&#39;a&#39;);
   a.href = alturl;
   if(a.href!=location.href) {
   var txt = document.createTextNode(entry.title.$t);
   a.appendChild(txt);
   li.appendChild(a);
   ul.appendChild(li);
   }
   }
   for (var l = 0; l &lt; json.feed.link.length; l++) {
   if (json.feed.link[l].rel == &#39;alternate&#39;) {
   var raw = json.feed.link[l].href;
   var label = raw.substr(homeUrl3.length+13);
   var k;
   for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
   var txt = document.createTextNode(label);
   var h = document.createElement(&#39;b&#39;);
   h.appendChild(txt);
   var div1 = document.createElement(&#39;div&#39;);
   div1.appendChild(h);
   div1.appendChild(ul);
   document.getElementById(&#39;albri&#39;).appendChild(div1);
   }
   }
   }
   function search10(query, label) {
   var script = document.createElement(&#39;script&#39;);
   script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
   + label +
   &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
   script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
   document.documentElement.firstChild.appendChild(script);
   }
   var labelArray = new Array();
   var numLabel = 0;
   <b:loop values='data:posts' var='post'>
   <b:loop values='data:post.labels' var='label'>
   textLabel = &quot;<data:label.name/>&quot;;
   var test = 0;
   for (var i = 0; i &lt; labelArray.length; i++)
   if (labelArray[i] == textLabel) test = 1;
   if (test == 0) {
   labelArray.push(textLabel);
   var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
   labelArray.length : maxNumberOfLabels;
   if (numLabel &lt; maxLabels) {
   search10(homeUrl3, textLabel);
   numLabel++;
   }
   }
   </b:loop>
   </b:loop>
   </script>
   </div>
   <script type='text/javascript'>RelPost();</script>
   </div>
   </b:if>
6. Jika sudah, sekarang cari kode ]]></b:skin>
7. Letakkan kode berikut di atas kode tadi :
   /*-- modifikasi related posts oleh http://infonetmu.blogspot.com--*/
   .rbbox{border: 1px solid #D8D8D8;padding: 5px;
   background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
   .rbbox:hover{background-color: #EFFBEF;}
8. Klik SIMPAN TEMPLATE
9. Selesai 

Read more »»