2012

Cara Pasang Iklan Di Sebelah Kanan Atau Kiri Postingan Blogspot

1. Login ke Blogger 2. Siapkan Kode iklan yang ingin dipasang dikanan atau kiri postingan blog 3. Edit HTML ==> Backup template 4. Beri tanda Centang Expand Template Widget 5. Lalu cari kode <data:post.body/> (jika terdapat lebih dari satu kode seperti itu, pilih kode yang ke dua) 6. Copy pastekan kode berikut ini di atas kode <data:post.body/>, pilih salah...

The #main and .post are the titles of each containers. Each container codes must be contained within {...}. For the explanation below, we'll focus on the codes inside the post block, especially for the explanation on the margin and padding (the codes colored in red). Margin - sets the distance between the border of the container to the border of a parent (larger) container...

Subsection 1 - Variable:This subsection contains the declaration (the introduction) of the font and color variables that appear in the Fonts and Colors tab in the Layout page. For example, the Text Color or the Text Font variables that you can choose and modify using the Fonts and Colors tab. In my templates, I've added a lot of variables (close to 40+) compared to some of...

Body: the outer most block is the Body of your template (basically everything that the computer screen covers). Outer-wrapper: this container covers your whole template (the body is more like the outside of your template). In general, you build a wrapper to place a multiple of smaller blocks inside it. The most common blocks inside this Outer-wrapper is the Header,...

Facebook Like Box valid xtmhl ini berguna jika template sobat belum menggunakan HTML5 karena ada bagian attribut pada FB like box yang tidak valid xthml, tapi jika template sobat sudah menggunakan html5 rasanya sudah valid xhtml. berikut cara membuat facebook like box yang paling xhtml: > Klik disini dulu untuk mengambil kode script facebook like box: Atau langung copy...

Mengurangi penggunaan javascript akan mengurangi beban loading blog pada browser, dan akan membantu meningkatkan pagespeed blog, bisa juga mengkompres fies javascript untuk memperkecil ukuran files javascript. tapi lebih baik tidak terlalu banyak menggunakan javascript pada blog terutama seperti blogspot. Nah Readmore selama ini banyak menggunakan files...

Tambah 3 Kolom Pada Template Standar Blogspot

1. Login Blogger 2. Template ---> EDIT HTML ---> beri centang Expand Widget Templates 3. Cari </b:skin> 4..Pastekan kode berikut: #footer-bottom {width: 900px;background:transparent;position: relative;display:inline;clear:both;margin:0 auto 0;color:#EB1E1E;float: left;padding:10px;height:498;}#left-bottom {width: 33%;float: left;display:inline;margin:10px 5px 0 5px;padding:5px}#center-bottom {width: 33%;float: left;margin:10px...

Remove Missing Title Rpc Relay From Webmaster Google

Simple to remove or delete error Missing Title Rpc Relay From Webmaster Google Follow this step : Login in blogger.com Put This code below : <b:if cond='data:blog.url == "http://yours.blogspot.com/rpc_relay.html"'> <title>rpc relay path</title> <meta content='NOINDEX, NOFOLLOW, NOARCHIVE' name='robots'/></b:if> Save template, check out in Webmaster google again. Note : Change in the "blue" ...

Postingan dengan banyak halaman pasti lebih mudah jika ditambah navigasi nomer halaman, apalagi blog telah memasang fungsi readmore, tapi terkadang setelah mencoba beberapa tips sering gagal dan nomer halaman tidak tampil, nah ini ada navigasi nomer halaman yang bisa digunakan untuk template blogspot dan pasti cocok dengan template blogger sobat. 1. login ke blogger.com...

Cara Mudah perbaiki "Missing required field "updated"

Warning "Missing required field "updated ini akan muncul setelah menjalankan Rich Snippets Testing Tool di Webamster google. ini disebabkan kita tidak memberi tanda centang pada blog posts yang menyangkut jam postingan, pada configure blog post pada layout template, ini juga sangat berpengaruh harus diperbaiki karena menyangkut verifikasi blog yang kita tulis selain verifikasi...

Buat sahabat blogger yang menggunakan tampilan Dynamic Views pada template blog nya terkadang ditanya atau bahkan kadang bertanya pada diri sendiri ketika mencoba mem views kan halaman blog nya yang menggunakan Dynamic templates, kok selalu ada gambar pembuka seperti loading gear sebelum menuju halaman blog. Buat yang sudah tahu cara mematikan atau mendisable loading...

Cara Menghapus Duplicate Titles And Duplicate Descriptions Blogspot

Remove Duplicate Titles 1. Login to your blogger account 2. Click Layout -> Edit HTML), click on "Expand Widget Templates". 3. Then find (CTRL+F) this code: <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> 4. Replace the entire code with this new code: <b:if cond='data:post.commentPagingRequired'> <a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/>...

How To Make Template Blogspot Valid With Validator.w3.org

Login with your blogger account first, follow this step : Step 1 First time you must edit the DOCTYPE for get the better HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> change to: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Save template. Step 2 To further expand the...

Hide Navigation Bar Blogspot

Navigation Bar is fasility of blogger.com. But many blogger want to hide this navbar because it will make their blog layout look better without a box (navbar) above it. The Question "is this break TOS (Term Of Service) of blogger.com?" I don't know, but so far is good, there are many blogger hide their navbar but no reaction from blogger.com. So? do you want to hide Your blog navbar? if you want here's the trick to hide blogger navbar: 1. Login...

Cara Pasang Readmore Otomatis Blogspot

Adapun langkah-langkah Cara Pasang Readmore Otomatis di Blogspot adalah sebagai berikut: 1. Login ke Account Blogger Anda; 2. Masuk ke halaman Edit HTML, lalu diatas kode </head> letakkan script di bawah ini: <script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; ...

Cara Setting Blog Menjadi Dofollow

Nofollow artinya link yang anda masukkan pada saat anda memberikan komentar disebuah blog tidak akan ditelusuri lebih lanjut oleh mesin pencari dalam artian anda tidak akan mendapatkan backlink dari blog tersebut, sementara kita tahu bahwa backlink merupakan salah satu unsur penting dalam peningkatan page ranking. Sedangkan Dofollow memiliki arti yang sebaliknya, dalam artian anda akan mendapatkan backlink dari komentar yang anda berikan pada sebuah...

Cara Menghapus Langgan: Entri (Atom)

1. Login ke Blogspot 2. Klik Rancangan/Design --> pilih Edit HTML, beri ih centang pada kotak Expand Template Widget dan gunakan tombol Find untuk memudahkan pencarian kode; 3. Cari kode di bawah ini: <b:include data='feedLinks' name='feedLinksBody'/> 4. Delete semua kode di atas 5. Save Templ...

Cara Menghilangkan Tulisan Entri Lawas Pada Blogspot

1. login Dengan Account Blogger Anda -->Masuklah ke halaman Dasboard lalu klik Rancangan. 2. Kemudian klik pada Edit HTML. 3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap. 4.Kemudian centanglah Expand Template Widget. 5. Kemudian carilah kode: <b:includable id='status-message'> 6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan...

Template Html5 Paling Baik Untuk SEO

Sintaks HTML5 saat ini sedang dikembangkan sebagai revisi utama berikutnya dari HTML (HyperText Markup Language), bahasa markup inti dari World Wide Web. HTML5 adalah standar berikutnya diusulkan untuk HTML 4.01, XHTML 1.0 dan DOM Level 2 HTML.HTML5 juga mencakup Formulir Web 2.0, spesifikasi lain WHATWG. Selain menetapkan markup, HTML5 scripting menentukan application programming interfaces (API)yang ada Dokumen object model (DOM) antarmuka yang...

Cara Membuat Navigasi Breadcrumb Di Blogger

1. Login di blogger.com 2. Pilih menu Tata Letak (Layout) =>> Edit HTML 3. Beri tanda Centang bagian yang ada tulisan Expand Widget Templates. 4. Cari Kode Ini <b:includable id='post' var='post'> <div> 5. Kemudian letakkan kode dibawah ini tepat di bawah kode tersebut <em>Browse: <a expr:href='data:blog.homepageUrl'>Home</a> / <b:if cond='data:post.labels'><b:loop...

How To Make Threaded Comments Blogspot

1. Login to blogger.com 2. Design --> Edit HTML --> (download a backup of your Template). Find this code snippet : <b:include data='post' name='comments'/> and replace with this code : <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> Check in preview your blog. If that too doesn’t work 1. Make sure...

How To Make Good Tags Meta Post Title And Blog Title In Blogspot

1. Login in to blogger.com2. Go to Layout --> edit HTML in your Blogger dashboard.3. Search for this tag: <title><data:blog.pageTitle/></title>4. Replace this tag with the following code:<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title><b:else/><title><data:blog.pageName/> | <data:blog.title/></title> </b:if>5. Save...

Adding Google+1 Button to Blogspot

1. Login with your blogger account 2. Go to Blogger Dashboard --> Design --> Edit HTML and click on the button which says “Expand widget Templates”. 3. find </head> and immediately above that paste <script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script> 5. Now find <data:post.body/> and immediately below that paste <div> <g:plusone size="standard"...

Pasang Fungsi Scroll Labels Blogspot

1. Login to Blogger.com 2. Backup tempalte sebagai cadangan 2. Beri tanda centang Expand Widget Template 3. Cari kata Labels tepatnya seperti ini: <b:widget id='Label1' locked='false' title='Label' type='Label'> <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;'> <ul> <b:loop...

Cara Buat Scroll Arsip ( Archive Scrolling ) Blogspot

Fungsi scroll pada arsip blog berguna untuk memperpendek barisan arsip yang panjang melebar kebawah jadi terkesan panjang kebawah, cara merubahnya cukup menambahkan kode kolom scroll. Caranya begini : 1. Login Akun blogger 2. Masuk ke Edit html 3. Backup dan Simpan Dahulu template blog sobat 4. Beri tanda centang kotak Expand Template Widget 5. Carilah 'Arsip Blog'(dengan catatan sudah terpasang di blog sobat) 6. Cari kode <div id='ArchiveList'> 7....

Cara Disable Copy Paste Di Blogspot

Script ini sama fungsinya dengan script disable klik kanan mouse, tapi yang cara yang ini dengan memasukan kode script pada template blog sobat. fungsinya sama melindungi aksi copy paste orang pada konten blog kita, areal sortir tidak akan keluar apalagi klik kanan copy. Tapi menurut saya yang namanya Tutorial buat apa di protect banget, apalagi tutorial blogger/blogspot.Biarlah mudah dicopy dan disharing temen biar bisa nambah traffic ke blog...

Cara Mudah Pasang Disable Klik Kanan Mouse Di Blogspot

1. Login to blogger.com dengan akun sobat 2. Go to Layout --> Add a Gadget --> Select html/javascript 3. Copy pastekan kode dibawah ini : <script language="JavaScript"> <!-- //Disable right mouse click Script //For tips blogging, visit http://palingkomplet.blogspot.com var message="Izin Dulu Deh!"; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if...

Cara Merubah TiTle Blog Jadi Title Postingan

Coba browser Halaman Blog kamu misal http://palingkomplet.blogspot.com, Nah di address browser pasti tertulis Title/Judul blog sobat. Coba sobat blogger klik salah satu postingan blog sobat pasti sama yang terlihat pasti Tile atau judul blog sobat. Tapi jika yang tertera judul Postingan sobat itu tandanya sudah bener, karena antara judul blog dan Judul postingan harusnya berbeda. Untuk yang masih memakai template standar bawaan blogger pasti seperti...

Cara Mudah Buang Tanda Tang Atau Obeng Di Blogspot

Buat blogger yang masih baru belajar ngeblog di blogger pasti pernah deh ngalami posting baru di blog dan waktu cek postingan baru terlihat ada tanda tang atau obeng di tiang wodget, itu artinya sobat sedang posisi login di blogger.com tapi jika sobat logout tanda ini tidak tampak di browser halaman URl Blogspot sobat. Sobat tidak perlu kawatir tanda itu merupakan sebuah tool yang berfungsi untuk mengedit widget secara langsung pada halaman...

Cara Hilangkan Navigasi Blogger

1. Login dengan akun blogger kamu. 2. Klik Rancangan Jika bahasa Yang digunakan Bahasa Indonesia. 3. Klik edit html. 4. Beri tanda centang pada Expand Template Widget. Cari kode html seperti di bawah ini. /* Variable definitions ==================== Setelah itu, masukan kode html berikut ini tepat di atas kode html di atas. #navbar-iframe { display: none !important; } Klik simpan template dan selesai. Contohnya adalah seperti berikut : Blogger...

Remove "Showing Posts With Label All Posts" On Blogspot

1. Login to blogger 2.Go to Template --> Backup your Template ---> Edit html Find this code <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...

Cara Mudah Posting Kode html Di Blogspot

1. Login to Blogger dashboard 2. Go to Design Section 3. Then select Edit HTML tab 4. Dont forget to backup your template 4. Find ]]></b:skin> tag ( ctrl F ) keyboard 5. Replace it with Bellow Code of section .codeview { margin : 15px 15px 15px 35px; padding : 10px; clear : both; font-size:normal; list-style-type : none; font-family : "Courier New", "MS Sans Serif", sans-serif, serif; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9dHr4m26C0Hs4jg_Hg3Zf6OZ1ll4Trx63A7o2hKcvYRz8jqf5HLEqJaz_-gcxAMXtl6j3gghvwaLm-RI4xbUS5dws-P2nq_bBuzSgPIzmPGt0htJZrDZvqzzhEAxpXMwiVjJS3i_gNM/s1600/codeicon.gif") ...

Cara Memperbaiki Kotak Komentar Blogspot Yang Kadang Tidak Tampil

1. Login ke blogger dengan akun blogger kamu. 2. Buka menu Setting / Pengaturan>> Komentar, 3. Ganti "Penempatan Formulir Komentar" ke "bawah Post Embedded" 4. Klik "Simpan Pengaturan. Kemudian bagian dari html dalam template kamu yang harus di berubah : • Buka menu "Edit HTML" dalam "Layout" menu • Setelah itu Anda centang kotak bertanda "Expand Template Widget" • Cari kode seperti dibawah ini : <p class='comment-footer'> <a expr:href='data:post.addCommentUrl'...

How To Make Rss Feed Link Button To Each Blogger Labels

Step 1. Back up Your Template before applying this hack. Step 2. Your Blog must have Labels widget. - Login to Blogger and Go To Layout > Edit Html - Check Expand Widgets. - Now search for below code : <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection'...

Hide Newer Posts and Older Posts Blogger

Find this code in your template: #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } And replace with this code: #blog-pager-newer-link { display: none; ...

Easy Make Readmore For Blogger

1. Login to Blogger Dashboard 2. Go to Design Section 3. Select Edit HTML tab 4. Check Expand Widgets ( i.e Tick Expand Widgets check box ) 5. Find the closing </head> tag 6. Replace it with bellow Code <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 400; summary_img = 300; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'...

Remove Subcribe Post To Atom Blogger

1. Go to dashboard/ template/ edit HTML 2. Click the 'Expand Widgets Templates' box 3. Find: <b:if cond='data:blog.pageType != "item"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> Remove this...

Input Schema Feed Blogger To Webmaster Google

Buat sahabat blogger yang masih baru punya blog terkadang lupa memaksimalkan kerja blog di mata mesin pencarian google. Buat pengguna blogspot seperti saya terkadang lupa membuat dan mensubmit feed blog atau sitemaps blog ke webmaster google, ketahuan klo postingan sudah banyak tapi cuma terindek sedikit atau beberapa halaman. Untuk postingan yang di bawah 500 postingan terkadang gak masalah tapi untuk postingan diatas 500 bahkan diatas 1000 postingan...

Pages

Blog Archive

Popular Posts

Labels