2 Cara Memasang Scroll Blog Archive

Blog Archieve merupakan widget yang menampilkan keseluruhan postingan blog. Widget ini sangat penting untuk diterapkan di Blog sobat. Silahk...

Blog Archieve merupakan widget yang menampilkan keseluruhan postingan blog. Widget ini sangat penting untuk diterapkan di Blog sobat. Silahkan tambahkan widget blog archieve di blog sobat. Jika sudah mari kita buat tampilan blog archievenya terlihat keren. Nah...Tutorial kali ini saya akan share tentang 2 Cara Memasang Scroll Blog Archive. Tutorial ini akan membuat blog archieve sobat tampilan Scroll, jadi blog archievenya tidak akan terlihat memanjang kebawah. 
Tutorial Blogger

2 Cara Memasang Scroll Blog Archive

2 Cara Memasang Scroll Blog Archive

Cara Pertama

Step 1 Login ke Blogger
Step 2 Di halaman Dasbor, pilih Template
Step 3 Kemudian pilih Edit HTML
Step 4 Cari kode ]]></b:skin> atau </style> (gunakan CTRL+F)
Step 5 Copy kode di bawah ini dan pastekan tepat di atas kode tersebut.
#BlogArchive1 .widget-content{
height: 300px;
margin: 10px;
width: auto;
overflow: auto;}  
Step 6 Terakhir simpan template dan lihat hasilnya.
Keterangan : Untuk ukuran bisa sobat sesuaikan.

Cara Kedua

Step 1 Login ke Blogger
Step 2 Di halaman Dasbor, pilih Template
Step 3 Kemudian pilih Edit HTML
Step 4 Cari kode <div id='ArchiveList'> atau ArchiveList (gunakan CTRL+F)
Step 5 Jika sudah ketemu, copy kode dibawah ini dan pastekan tepat di atas  ‘ArchiveList’
<div style=’overflow:auto; width:ancho; height:300px;’>
Step 6 Selanjutnya, Perhatikan kode <b:include name=’quickedit’/> yang ada dibawahnya. Lalu tambahkan kode </div> tepat di atasnya. (Hasilnya seperti di bawah ini)
<div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:300px;'>
        <div id='ArchiveList'>
            <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
                <b:if cond='data:style == &quot;HIERARCHY&quot;'>
                <b:include data='data' name='interval'/>
                </b:if>
                <b:if cond='data:style == &quot;FLAT&quot;'>
                <b:include data='data' name='flat'/>
                </b:if>
                <b:if cond='data:style == &quot;MENU&quot;'>
                <b:include data='data' name='menu'/>
                </b:if>
            </div>
        </div>
    </div>
    <b:include name='quickedit'/>
Step 7 Terakhir simpan template dan lihat hasilnya.

Keterangan : Untuk ukuran bisa sobat sesuaikan. Semoga artikel tentang 2 Cara Memasang Scroll Blog Archive  bisa menjadi pedoman buat anda.

COMMENTS

Name

Aceh,23,Adsense,8,BBM,3,Biography,1,Bitcoin,4,Blog,21,Blogger,12,Blogging,55,Business,14,Cerita,3,CPNS,1,Delicious,1,Design,1,DeviantART,1,Digg,1,Dollar,3,Dunia,13,Facebook,5,Flickr,1,Friendster,1,Gambar,2,Game,36,Gmail,1,Google+,4,Hosting,1,Inspirasi,2,Instagram,1,Internet,13,Interview,11,Kesehatan,2,LinkedIn,1,Makalah,7,Marketing,12,Meme,8,Money,3,Motivasi,2,MySpace,1,Outlook,1,Path,1,Pendidikan,10,Pengetahuan,4,Pinterest,1,Plugin,5,PNS,1,Reddit,1,Review,4,Seo,53,Smartphone,5,Social Media,38,Sukses,3,Sumatera Barat,16,Sumatera Utara,3,Templates,1,Tips,6,Toko Online,3,Top10,18,Tumblr,1,Tutorial,29,Tutorial Blog,146,Twitter,3,Umum,9,Vimeo,1,VK,1,Weebly,1,WhatsApp,1,Widget,55,Wisata,4,WordPress,14,Yahoo,1,Youtube,3,
ltr
item
Blog iTapuih.com: 2 Cara Memasang Scroll Blog Archive
2 Cara Memasang Scroll Blog Archive
https://1.bp.blogspot.com/-g7SFRae-iwE/WkplUfEOc1I/AAAAAAAANgw/3NNS1tUSOmY9FxL-_dkKCQVZ-4N0Pql_gCLcBGAs/s1600/Tutorial-Blog.png
https://1.bp.blogspot.com/-g7SFRae-iwE/WkplUfEOc1I/AAAAAAAANgw/3NNS1tUSOmY9FxL-_dkKCQVZ-4N0Pql_gCLcBGAs/s72-c/Tutorial-Blog.png
Blog iTapuih.com
https://blog.itapuih.com/2015/02/2-cara-memasang-scroll-blog-archive.html
https://blog.itapuih.com/
https://blog.itapuih.com/
https://blog.itapuih.com/2015/02/2-cara-memasang-scroll-blog-archive.html
true
2732475762120586724
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy