Tampilkan postingan dengan label Template Hack. Tampilkan semua postingan
Tampilkan postingan dengan label Template Hack. Tampilkan semua postingan

Senin, 28 September 2015

Cara Mengubah Ridirect Otomatis dari Blogspot dot com ke dot co.id

Redirect blogspot
Akhir dari googleing pagi ini (29/9/2015), akhirnya ketemua juga Cara Menghilangkan Cara dan Mencegah Redirect otomatis dari blogspot.com ke blogspot.co.id. Ketemu juga artikel dari Arlina Design yang membahas  Mencegah Redirect otomatis dari blogspot.com ke blogspot.co.id, pada pekan ini google meridirect bloggspot Indonesia ke blogspot.co.id. Terkait dengan itu dan tengah hangat diperbincangkan para blogger khususnya blogger di Indonesia mengenai pengalihan blog yang bersubdomain blogspot.com ke blogspot.co.id. Di sini Saya tidak akan membahas tentang pengalihan ini namun pada artikel ini Saya hanya akan memberikan sebuah tutorial tentang bagaimana Cara Mencegah Redirect otomatis dari blogspot.com ke blogspot.co.id.

Disini Saya tidak mengulas perihal pengalihan ini tetapi pada artikel ini Saya cuma bakal memberi suatu tutorial perihal bagaimanakah Langkah Menghindar Redirect automatis dari blogspot. com ke blogspot. co. id.

Sebenarnya tutorial ini telah lama serta telah banyak yang sharing di sumber lain, tetapi tak ada kelirunya bila saat ini sharing disini lantaran pada sekarang ini mungkin saja bakal berguna untuk sahabat. Baca juga : Langkah Mengalihkan URL Situs (blog) Lama ke Situs (blog) Baru Catatan : Untuk pemakai blogger yang telah menempatkan iklan Adsense di blognya, dianjurkan tidak untuk menempatkan kode yang bakal Saya bagikan ini. Lantaran mungkin saja bakal dikira menyalahi ketentuan kebijakan dari Google Adsense. Segera saja ikuti langkah simpel di bawah ini :

1. Buka Blogger > Template > Edit HTML > Kemudian tambahkan kode di bawah ini tepat di bawah : Atau bisa juga dengan kode ini :

<script type='text/javascript'>
var str=window.location.href.toString();if("-1"==str.indexOf(".com/")){var str1=str.substring(str.lastIndexOf(".blogspot."));if("-1"==str1.indexOf("/"))var str2=str1;else var str2=str1.substring(0,str1.indexOf("/")+1);window.location.href=window.location.href.toString().replace(str2,".blogspot.com/ncr/")}
</script>

atau

<script type="text/javascript">
var blog = document.location.hostname;var slug = document.location.pathname;var ctld = blog.substr(blog.lastIndexOf("."));if (ctld != ".com") {var ncr = "http://" + blog.substr(0, blog.indexOf("."));ncr += ".blogspot.com/ncr" + slug;window.location.replace(ncr);}
</script>

2. Simpan template.

Saat ini dengan memberikan kode diatas dimana saja tempat pengunjung yang buka blogspot sahabat,  akan tidak teredirect dengan cara automatis ke subdomain lain, seperti blogspot. co. id atau blogspot. co. uk. Sekian tentang Langkah Menghindar Redirect automatis dari blogspot. com ke blogspot. co. id, selamat coba serta mudah-mudahan berguna. sumber: arlinadzgn.com

SALAM Blogger GResik
Read more

Selasa, 04 Desember 2012

Android Template Seo Ready

Setelah lam belajar untu edit template jadi SEO Frendly jadi juga satu, bagi teman-teman yang mau lagsung aja bisa downloads dan pakai. dengan tampilan android atau kalau mau boleh juga di edit sendiri templatenya.


blogger template android


Untuk Melihat contoh template blogandro-id nya disini
Downloads
Read more

Selasa, 07 Agustus 2012

Angry Birds Template Blogger

Deman Angry Bird Meramba berbagai macam accesories mulai boneka, balon, dan juga salah satunya adalah template blogger angrybird ini. yang suka bukan hanya anak-anak sampai kakek-nenek aja ikut-ikutan suka karakter games angrybird ini


Maaf lagi buat link reviewnya saat ini belum selesai coba lain kali tak kasih bro downloads aja dan nikmati templatenya

Link Downloads disini


Read more

Rabu, 11 Juli 2012

Fantastis Template Blogger

Fantastis Template Blogger SEO Frendly
Lagi belajar edit template blogger seperti yang saya pakai diblog ini, aselinya bahasa asing gak tau dari mana tapi menarik dan bagus. lihat-lihat strukturnya SEO nya bagus akhirnya donlod aja.dengan sedikit tambahan dan ubah bahasanya jadi deh

fitur template
- 3 sidebar
- SEO frenly
- footer Sidebar
- facebook dan twitter ready
-Adsense Ready

demo  donwload
Read more

Rabu, 01 Februari 2012

Cara compress CSS agar tidak error

Untuk mempercepat blogger menurut para master adalah dengan cara mengkompres CSS pada template blogger. bagi kita yang lagi belajar ngeblog tentunya akan k esulitan jika menemukan css error di bawah ini hasil dari gogling ada Cara compress CSS agar tidak error
Postingan ini untuk sobat-sobat yang mengkompres css tapi gagal karena hasilnya berantakan. Menurut pak iskaruji dot com hal ini terjadi karena adanya code variabel yang mebuat error ketika CSS hasil kompresan di pasang di template blog.
Solusi satu-satunya adalah membuang kode variabel tersebut, bisa dilakukan dengan 2 cara, yaitu cara manual dan cara cepat. Saya yakin sobat setuju dengan cara cepat, hehe..
Nah berikut cara cepat membuang code variabel dan Cara compress CSS supaya tidak error, diharapkan dengan cara ini menghilangkan tampilan blog yang error.
Pertama sobat buka blog sobat, lalu tekan CTRL+U kemudian copy semua code css kecuali kode variabel hingga sebelum --></style>.
Kemudian sobat paste di compresscss.com untuk dicompress .
Hasilnya paste di template sobat diantara kode <b:skin><![CDATA[ dan ]]></b:skin> sebelumnya hapus dulu code CSS termasuk kode variabelnya diantara <b:skin><![CDATA[ dan ]]></b:skin> tersebut. Lalu coba sobat preview jika tidak ada masalah SAVE template sobat..
Selamat mencoba.. Have fun...

Read more

Jumat, 20 Januari 2012

Breadcrumbs for Blogger

With my new Blog Skin I also introduced a "Breadcrumb Trail" to my Blog. If this doesn't ring a bell, don't worry. Remember the Hansl & Gretchen fairy-tale?

Hansl and Gretchen were 2 kids from a very poor family. The parents were so poor that they had nothing to feed their children, and between them decided to take the kids into the forest and leave them to the wild animals. Hansl and Gretchen discovered these terrible plans, and decided to take pre-emtive measures. They took with them a piece of bread, and dropped breadcrumbs along the trail in order to find their way home. As might be expected, they didn't find home and they were captured by an evil witch (the breadcrumbs were eaten by birds, I guess). But the general idea got a strong foothold in the internet world, and nowadays you can find a breadcrumb trail on many a website to find your way back to the Home Page.



On the main page of my Blog there is no breadcrumb, because that is .... Home!

But as soon as you click on a specific post title, or on a label, or on an archive entry, you will see how the breadcrumb magically appears on top of the page:



Browse » Home » Tutorials » Breadcrumbs for Blogger

Now, here is an easy piece of code to put into your template, and breadcrumbs will be yours!

Step 1: Save your template
Go to the Layout tab, and click Edit HTML.
Download your template as an XML-file and save it onto your harddisk. If anything goes wrong, upload it again and not much harm will be done.

Step 2: Expand the widget code
Now check the checkbox to display your template's XML-code. Ready to hack? Here we go!

Step 3: Add a new Includable
We are going to modify the code of the Blog-widget. The default-widget uses a so-called "includable" (a chunk of code) to display a status-message above your posts when you have selected all posts with a certain label. We will turn off this default status message, and replace it with our breadcrumbs.

Scroll down through your expanded widget code and look for the following piece of code:

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>

Now we will switch off the default status-message, by putting comments-brackets around it. (You can also delete the line, but I think leaving it there and commenting it out is more elegant in case you want to track back and debug).
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<!-- disable default status message
<b:include data='top' name='status-message'/>
default status message disabled -->
<data:adStart/>

Now add the following line, that will call our breadcrumb includable:
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<!-- disable default status message
<b:include data='top' name='status-message'/>
default status message disabled -->
<b:include data='posts' name='breadcrumb'/>
<data:adStart/>

Immediately above this 'main' includable, insert our new breadcrumb includable:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on front page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
<b:else/>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

<b:includable id='main' var='top'>

You can also download the xml-code for the includable here:

Right-click the link, and select "Save as..." to save the XML-file on your harddisk. You can open it with Notepad, and copy-paste the code into your template.

Step 4: Add some CSS to the skin
The basic code of your breadcrumb is now in place. You can change its looks by adding a CSS-class .breadcrumbs to the skin of your Blog.
This is just an example:
<b:skin><![CDATA[/*

....

.breadcrumbs {
float: left;
width: 590px;
font-size: 11px;
margin: 5px 10px 20px 10px;
padding: 0px 0px 3px 0px;
border-bottom: double #EAEAEA;
}

....

]]></b:skin>

Step 5: Save your template
Save your template and view the results. Enjoy!

Troubleshooting
The code above was copy-pasted directly from my template into this post, so it should be error-free if your copy-paste it into your template.

Be sure to have the latest widget-versions in your template. As you maybe know (or then again, maybe not) the widgets code (such as your Blog Posts) is updated regularly by Blogger, providing you with new functionalities. But if you have hacked into the co@de of the widget, Blogger will NOT update to the newest version of the code.
If you want to be sure that the most recent version of a widget is present on your blog, you can click the "Return to default widgets"-link in the Layout-HTML editor.

If you do not feel comfortible about modifying the code of your blog, create a new testblog for testing purposes. Add some Lorem ipsum posts (filled with nonsense text and fake labels), and see if the breadcrumbs work. If everything works fine, port it to your real blog.
by@hans
Read more

Jumat, 18 Februari 2011

Google Books Widget

Want to share your library with friends, family and even the rest of the world? If that's the case, you can use my new Google Books Library Widget. Please take a look and experiment with this new widget, and let me know what you think about it.


Google Books

In Google Books you can create your own Library. Take a look here to see my small test library. As you can see, there are 2 books in this library, and I have written a small review for each of them. Creating your own Google Books Library is very easy. First of all, you need to have a Google account. As a Blogger user, you probably have one. After signing in on your Google account, select "more" from the menubar on the Google main page. This opens a small pop-up menu, where you can select "Books". This brings you to the Books-page, where you start creating your Library by "Importing Books". You can easily add books to your Library by entering a list of ISBN-numbers. Google will look up all bookdata. After importing some books, return to the Library page (click on "My Library" in the menubar), to see your Library Listing. Now you can add comments, reviews, and a ranking (0-5 stars) to your books. After setting up your Library, it is time to move on to creating the Google Books Library Widget.


Creating the Widget
Creating the Widget is done in a few easy steps:
  1. Get the URL of your Google Books Library;
  2. Create a Widget with Yahoo Pipes;
  3. Add the Widget to your Blog.

It will take less than a minute to set it up.

1. Get your Google Books Library URL
Go to your Google Books Library page. Select the contents from your browser's address bar by right-clicking on it and selecting "copy" from the popup menu.

2. Create the Widget with Yahoo Pipes
Go to my Google Books Library Pipe by clinking on the link. In the entry-field, enter the URL by right-clicking and pasting the URL you just copied. Click the "Run Pipe" button. Your Library data are retrieved, and displayed as a list of titles and descriptions.
If the output is as you expected, go on to the next step.

3. Add the Widget to your Blog
Now click on "Get as a Badge". Badge is the Yahoo-word for Widgets. This will bring up the Badge Configuration Window. In this window, click on "Customize the size, type and settings of your Badge". In the entry-field again paste your Google Books URL and click "Next". Now select "Blogger" as the destination for your Badge. This brings you to the familiar Blogger-screen, where you can select the Blog, and enter the heading for the new Page Element. Click on "Add Widget", and afterwards view your Blog.
Read more